/* prettier-ignore */
/*-----------------------------------------------
|   Navigation 
------------------------------------------------*/
/*-----------------------------------------------
|   Navbar Brand 
------------------------------------------------*/
/*# sourceMappingURL=user.css.map */
/* ===============================
    NEXORA
================================== */

.nexora-cyan{
	color: #27bdbe!important;
}
.nexora-gray{
	color: #6d6e71;
}

/*-------------------------------------
|   NEXORA ------------------------*/

.nex-base-blue{
	background-color: #e1fafa;
	border-radius: 50px;
}

.nex-base-blue-foot{
	background-color: #e1fafa;
}

.nex-base-colour{
	background-color: #fff8ed;
}

.line-h{
   line-height: 1.45em!important;
}
/* =========================================================
   MOBILE FIX
   SCALING BEYOND BOUNDARIES
   ========================================================= */

@media (max-width: 767px) {

    /* Section itself */
    #capabilities {
        padding-left: 20px !important;
        padding-right: 20px !important;
        box-sizing: border-box;
    }


    /* Remove Bootstrap nested-row negative margins */
    #capabilities > .container {
        width: 100%;
        max-width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: auto;
        margin-right: auto;
    }


    #capabilities > .container > .row {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    #capabilities > .container > .row > .row {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    /* =========================================
       SCALING TITLE
       ========================================= */

    #capabilities .col-lg-6.text-start {
        width: 100%;
        padding-left: 10px !important;
        padding-right: 10px !important;

        text-align: left !important;
    }


    #capabilities .col-lg-6.text-start h1 {
        margin-top: 55px !important;
        margin-bottom: 55px !important;

        font-size: 43px !important;
        line-height: 1.12 !important;

        text-align: left !important;
    }


    /* =========================================
       RIGHT CONTENT BOX
       ========================================= */

    #capabilities .nex-base-blue {
        width: 100%;

        margin-left: auto !important;
        margin-right: auto !important;

        padding: 0 !important;

        border-radius: 28px !important;
    }


    #capabilities .nex-base-blue > .lead {
        width: 100%;
    }


    #capabilities .nex-base-blue > .lead > div {
        padding: 35px 28px !important;
    }


    /* =========================================
       CONTENT
       ========================================= */

    #capabilities .nex-base-blue h3 {
        font-size: 22px !important;
        line-height: 1.35 !important;

        margin-bottom: 20px !important;

        text-align: left !important;
    }


    #capabilities .nex-base-blue p {
        font-size: 18px !important;
        line-height: 1.55 !important;

        margin-bottom: 22px !important;

        text-align: left !important;
    }


    #capabilities .nex-base-blue h4 {
        font-size: 19px !important;
        line-height: 1.4 !important;

        margin-bottom: 0 !important;

        text-align: left !important;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    #capabilities {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }


    #capabilities .col-lg-6.text-start {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }


    #capabilities .col-lg-6.text-start h1 {
        font-size: 38px !important;
        line-height: 1.12 !important;

        margin-top: 45px !important;
        margin-bottom: 45px !important;
    }


    #capabilities .nex-base-blue {
        border-radius: 24px !important;
    }


    #capabilities .nex-base-blue > .lead > div {
        padding: 30px 22px !important;
    }


    #capabilities .nex-base-blue h3 {
        font-size: 20px !important;
    }


    #capabilities .nex-base-blue p {
        font-size: 16px !important;
        line-height: 1.55 !important;
    }


    #capabilities .nex-base-blue h4 {
        font-size: 18px !important;
    }
}
/* =========================================
   SECTION
========================================= */
.capabilities-section {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 0;
}
/* =========================================
   SMALL TITLE
========================================= */
.section-label {
    display: flex;
    align-items: center;
    gap: 28px;
    margin-bottom: 18px;
}

.section-label::before {
    content: "";
    width: 90px;
    height: 2px;
    background: #4c4c4c;
}

.section-label span {
    font-size: 25px;
    font-weight: 400;
    letter-spacing: 0.5px;
    color: #555555;
}


/* =========================================
   MAIN TITLE
========================================= */
.main-title {
    font-size: clamp(38px, 4vw, 64px);
    line-height: 1.1;
    font-weight: 700;
    color: #49b8bd;
    margin-bottom: 42px;
}


/* =========================================
   GRID
========================================= */
.capabilities-grid {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px 55px;
}


/* =========================================
   CARD
========================================= */
.capability-card {
    min-height: 180px;

    border: 3px solid #27bdbe;
    border-radius: 32px;

    padding: 30px 38px;

    display: flex;
    align-items: center;
    gap: 28px;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        background 0.3s ease;
}

.capability-card:hover {
    transform: translateY(-6px);
    box-shadow:
        0 12px 30px rgba(73, 184, 189, 0.42);
    background: #e5ffff;
}


/* =========================================
   ICON
========================================= */
.card-icon {
    width: 72px;
    min-width: 72px;
    height: 72px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #58bdc2;
}

.card-icon svg {
    width: 58px;
    height: 58px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================================
   CARD CONTENT
========================================= */
.card-content h3 {
    font-size: 25px;
    line-height: 1.2;
    font-weight: 600;
    color: #4d4d4d;
    margin-bottom: 10px;
}

.card-content p {
    max-width: 420px;
    font-size: 18px;
    line-height: 1.55;
    font-weight: 400;
    color: #777777;
}


/* =========================================
   TABLET
========================================= */
@media (max-width: 900px) {

    .capabilities-section {
        padding: 60px 5%;}

    .section-label span {
        font-size: 21px;}

    .section-label::before {
        width: 65px;}

    .main-title {
        font-size: 42px;
        margin-bottom: 32px;}

    .capabilities-grid {
        gap: 20px;}

    .capability-card {
        min-height: 165px;
        padding: 25px;
        gap: 18px;
        border-radius: 25px;}

    .card-icon {
        width: 60px;
        min-width: 60px;}

    .card-icon svg {
        width: 50px;
        height: 50px;}

    .card-content h3 {
        font-size: 21px;}

    .card-content p {
        font-size: 16px;}
}


/* =========================================
   MOBILE
========================================= */
@media (max-width: 650px) {

    .capabilities-section {
        padding: 50px 20px;}

    .section-label {
        gap: 15px;
        margin-bottom: 15px;}

    .section-label::before {
        width: 45px;}

    .section-label span {
        font-size: 17px;}

    .main-title {
        font-size: 32px;
        line-height: 1.15;
        margin-bottom: 30px;}

    .capabilities-grid {
        grid-template-columns: 1fr;
        gap: 18px;}

    .capability-card {
        min-height: auto;
        padding: 25px 22px;
        border-radius: 23px;
        align-items: flex-start;}

    .card-icon {
        width: 52px;
        min-width: 52px;
        height: 52px;}

    .card-icon svg {
        width: 45px;
        height: 45px;}

    .card-content h3 {
        font-size: 19px;
        margin-bottom: 7px;}

    .card-content p {
        font-size: 15px;
        line-height: 1.5;}
}


/* =========================================
   SMALL MOBILE
========================================= */
@media (max-width: 420px) {

    .capabilities-section {
        padding: 40px 16px;
    }
    .section-label span {
        font-size: 15px;
    }
    .main-title {
        font-size: 28px;
    }
    .capability-card {
        padding: 20px 18px;
        gap: 15px;
    }
    .card-icon {
        width: 45px;
        min-width: 45px;
    }
    .card-icon svg {
        width: 40px;
        height: 40px;
    }
    .card-content h3 {
        font-size: 17px;
    }
    .card-content p {
        font-size: 14px;
    }
}

/* ===============================
   CELERIX Button
================================== */

.btn-celerix{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:16px 38px;
    background:#32327f;
    color:#ffffff !important;
    border:2px solid #32327f;
    border-radius:50px;
    font-family:'Rubik-SemiBold';
    font-size:15px;
    letter-spacing:.08em;
    text-transform:uppercase;
    text-decoration:none;
    transition:all .35s ease;
}

.btn-celerix span{
    transition:.35s;
}

.btn-celerix:hover{
    background:#4545a5;
    border-color:#4545a5;
    color:#fff !important;
    text-decoration:none;
    transform:translateY(-3px);
    box-shadow:0 18px 40px rgba(50,50,127,.30);
}

.btn-celerix:hover span{
    transform:translateX(6px);
}


/* ===========================
   MOBILE FONT SIZE
=========================== */
@media (max-width:991px){

    h1{
        font-size:24px !important;}

    h2{
        font-size:22px !important;}

    h3{
        font-size:20px !important;}

    .lead{
        font-size:17px !important;}

    p,li{
        font-size:17px !important; }
}
/* =========================================
   SECTION
========================================= */

.growth-section {
    position: relative;
    width: 100%;
    min-height: 800px;

    padding: 90px 7%;

    overflow: hidden;
    background: #ffffff;
}


/* =========================================
   TOP CONTENT
========================================= */

.growth-top {
    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 80px;

    position: relative;
    z-index: 2;
}


/* =========================================
   LEFT TITLE
========================================= */

.growth-heading {
    padding-left: 0;
}

.growth-label {
    display: flex;
    align-items: center;
    gap: 28px;
    margin-bottom: 18px;
}

.growth-label::before {
    content: "";
    width: 90px;
    height: 2px;
    background: #555555;
}

.growth-label span {
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0.5px;
    color: #555555;
}


.growth-title {
    max-width: 650px;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.08;
    font-weight: 500;
    color: #27bdbe;
}


/* =========================================
   RIGHT DESCRIPTION
========================================= */

.growth-description {
    padding-top: 0;
    max-width: 560px;
}

.growth-description p {
    font-size: 20px;
    line-height: 1.6;
    color: #666666;
    margin-bottom: 32px;
}


/* =========================================
   LOWER AREA
========================================= */

.growth-bottom {
    position: relative;
    display: flex;
    justify-content: flex-end;
    margin-top: 48px;
    z-index: 2;
}


/* =========================================
   NETWORK BACKGROUND
========================================= */

.network-background {
    position: absolute;
    left: 4%;
    bottom: 45px;
    width: 510px;
    height: 360px;
    opacity: 0.22;
    z-index: 0;
    pointer-events: none;
}

.network-background svg {
    width: 100%;
    height: 100%;
}


/* =========================================
   CARDS GRID
========================================= */

.growth-cards {
    width: 650px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 18px;
}


/* =========================================
   CARD
========================================= */

.growth-card {
    min-height: 180px;
    border-radius: 32px;
    padding: 28px 28px;
    border: 3px solid #27bdbe;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

/* =========================================
   WHITE CARD
========================================= */

.growth-card.light {
    background: #ffffff;
}

/* =========================================
   TURQUOISE CARD
========================================= */

.growth-card.filled {
    background: #4ab8bd;
    border-color: #4ab8bd;
    color: #ffffff!important;
}

/* =========================================
   CARD TEXT
========================================= */

.growth-card h3 {
    font-size: 27px;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 10px;
}

.growth-card p {
    max-width: 260px;
    font-size: 18px;
    line-height: 1.45;
}
/* White card text */

.growth-card.light h3 {
    color: #555555;
}

.growth-card.light p {
    color: #777777;
}

/* Filled card text */

.growth-card.filled h3,
.growth-card.filled p {
    color: #ffffff!important;
}

/* =========================================
   HOVER
========================================= */
.growth-card:hover {
    transform: translateY(-5px);
    box-shadow:
        0 15px 35px rgba(73, 184, 189, 0.16);
}

/* =========================================
   DESKTOP OFFSET
========================================= */

/*
   Creates the staggered layout from
   the original design.
*/
.growth-card:nth-child(1),
.growth-card:nth-child(3) {
    transform: translateY(38px);
}

.growth-card:nth-child(2),
.growth-card:nth-child(4) {
    transform: translateY(0);
}

/* Hover 不移动，只改变阴影 */
.growth-card:hover {
    box-shadow: 0 15px 35px rgba(73, 184, 189, 0.16);
}

/* =========================================
   TABLET
========================================= */

@media (max-width: 1000px) {

    .growth-section {
        padding: 70px 5%;
    }
    .growth-top {
        gap: 40px;
    }
    .growth-label span {
        font-size: 20px;
    }
    .growth-title {
        font-size: 42px;
    }
    .growth-description p {
        font-size: 17px;
    }
    .growth-cards {
        width: 580px;
    }
    .growth-card {
        min-height: 165px;
        border-radius: 26px;
    }
    .growth-card h3 {
        font-size: 23px;
    }
    .growth-card p {
        font-size: 16px;
    }
    .network-background {
        left: 0;
        width: 420px;
    }
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 700px) {

    .growth-section {
        min-height: auto;
        padding: 55px 20px 70px;
    }

    /* Top becomes one column */
    .growth-top {
        display: block;
    }

    /* Label */
    .growth-label {
        gap: 15px;
        margin-bottom: 15px;
    }
    .growth-label::before {
        width: 50px;
    }
    .growth-label span {
        font-size: 17px;
    }

    /* Heading */
    .growth-title {
        font-size: 31px;
        line-height: 1.25;
        margin-bottom: 35px;
    }

    /* Description */
    .growth-description {
        max-width: none;
    }

    .growth-description p {
        font-size: 16px;
        line-height: 1.55;
        margin-bottom: 20px;
    }
    /* Bottom */
    .growth-bottom {
        display: block;
        margin-top: 35px;
    }
    /* Cards */
    .growth-cards {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
    }


    /* Reset desktop offset */

    .growth-card:nth-child(1),
    .growth-card:nth-child(2),
    .growth-card:nth-child(3),
    .growth-card:nth-child(4) {
        transform: none;
    }


    .growth-card:nth-child(1):hover,
    .growth-card:nth-child(3):hover,
    .growth-card:hover {
        transform: translateY(-3px);
    }


    .growth-card {
        min-height: 165px;
        padding: 28px 20px;
        border-radius: 25px;
    }
    .growth-card h3 {
        font-size: 22px;
    }

    .growth-card p {
        font-size: 15px;
        max-width: 320px;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 420px) {

    .growth-section {
        padding: 45px 16px 55px;
    }

    .growth-title {
        font-size: 28px;
    }

    .growth-description p {
        font-size: 15px;
    }

    .growth-card {
        min-height: 150px;

        border-radius: 22px;
    }

    .growth-card h3 {
        font-size: 20px;
    }
    .growth-card p {
        font-size: 14px;
    }
}

/* =========================================
   WHY NEXORA
========================================= */

.why-nexora {
    width: 100%;
    padding: 80px 4%;
    background: #ffffff;
}


/* =========================================
   MAIN FRAME
========================================= */

.why-container {
    width: 100%;
    max-width: 1450px;

    min-height: 670px;

    margin: 0 auto;

    padding: 80px 7%;

    border: 3px solid #27bdbe;

    border-radius: 35px;

    background: #ffffff;

    position: relative;

    overflow: hidden;
}


/* =========================================
   TITLE
========================================= */

.why-title {
    margin: 0 0 28px;

    text-align: center;

    font-size: clamp(42px, 4vw, 62px);

    line-height: 1.1;

    font-weight: 700;

    color: #27bdbe;
}


/* =========================================
   SUBTITLE
========================================= */

.why-subtitle {
    display: flex;

    align-items: center;

    justify-content: center;

    gap: 30px;

    margin-bottom: 105px;
}


.why-subtitle::before,
.why-subtitle::after {
    content: "";

    width: 95px;

    height: 2px;

    background: #555555;

    flex-shrink: 0;
}


.why-subtitle span {
    font-size: 25px;

    line-height: 1.2;

    font-weight: 400;

    letter-spacing: 0.5px;

    color: #555555;

    white-space: nowrap;
}


/* =========================================
   FEATURES
========================================= */

.why-features {
    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 70px;

    text-align: center;
}


/* =========================================
   FEATURE
========================================= */

.why-feature {
    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: flex-start;

    min-width: 0;
}



/* =========================================
   ICON
========================================= */

.feature-icon {
    width: 110px;

    height: 110px;

    margin-bottom: 32px;

    display: flex;

    align-items: center;

    justify-content: center;
}


.feature-icon img {
    display: block;

    width: 100%;

    height: 100%;

    object-fit: contain;
}


/* =========================================
   FEATURE TITLE
========================================= */

.feature-title {
    margin: 0;

    font-size: 28px;

    line-height: 1.2;

    font-weight: 600;

    color: #27bdbe!important;

    text-align: center;
}


/* =========================================
   OPTIONAL HOVER
   Icon slightly enlarges
========================================= */

.why-feature:hover .feature-icon img {
    transform: scale(1.06);

    transition: transform 0.3s ease;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1100px) {

    .why-nexora {
        padding: 65px 4%;
    }


    .why-container {
        padding: 65px 5%;

        min-height: 600px;

        border-radius: 30px;
    }


    .why-title {
        font-size: 46px;
    }


    .why-subtitle {
        gap: 20px;

        margin-bottom: 75px;
    }


    .why-subtitle::before,
    .why-subtitle::after {
        width: 65px;
    }


    .why-subtitle span {
        font-size: 20px;
    }


    .why-features {
        gap: 35px;
    }


    .feature-icon {
        width: 85px;

        height: 85px;

        margin-bottom: 25px;
    }


    .feature-title {
        font-size: 23px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 700px) {

    .why-nexora {
        padding: 40px 16px;
    }


    .why-container {
        min-height: auto;

        padding: 50px 25px 60px;

        border-radius: 25px;
    }


    .why-title {
        font-size: 35px;

        margin-bottom: 22px;
    }


    .why-subtitle {
        gap: 12px;

        margin-bottom: 60px;
    }


    .why-subtitle::before,
    .why-subtitle::after {
        width: 35px;

        height: 1.5px;
    }


    .why-subtitle span {
        font-size: 14px;

        white-space: normal;

        text-align: center;
    }


    .why-features {
        grid-template-columns: repeat(2, 1fr);

        gap: 55px 25px;
    }


    .feature-icon {
        width: 75px;

        height: 75px;

        margin-bottom: 20px;
    }


    .feature-title {
        font-size: 20px;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 420px) {

    .why-container {
        padding: 45px 18px 55px;
    }


    .why-title {
        font-size: 30px;
    }


    .why-subtitle {
        gap: 8px;

        margin-bottom: 50px;
    }


    .why-subtitle::before,
    .why-subtitle::after {
        width: 25px;
    }


    .why-subtitle span {
        font-size: 12px;
    }


    .why-features {
        gap: 45px 15px;
    }


    .feature-icon {
        width: 62px;

        height: 62px;

        margin-bottom: 18px;
    }


    .feature-title {
        font-size: 18px;
    }

}

/* =========================================================
   NEXORA — WHAT WE BUILD
   Isolated styles: all selectors use .nex-build-
   ========================================================= */

.nex-build-section {
    width: 100%;
    padding: 105px 7%;
    background: #ffffff;
    overflow: hidden;
}

.nex-build-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 90px;
}

.nex-build-content {
    flex: 1 1 46%;
    min-width: 0;
}

.nex-build-title {
    margin: 0 0 28px;
    color: #27bdbe;

    font-family: "Poppins-Black", Poppins, sans-serif !important;
    font-size: clamp(42px, 4.2vw, 58px) !important;
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: 0;
}

.nex-build-subtitle {
    margin: 0;
    color: #6d6e71 !important;

    font-family: "NunitoSans-Bold", "Nunito Sans", Arial, sans-serif !important;
    font-size: clamp(20px, 1.8vw, 25px) !important;
    font-weight: 700;
    line-height: 1.45;
}

.nex-build-box {
    flex: 0 0 520px;
    min-height: 350px;

    padding: 38px 45px;
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    border: 3px solid #27bdbe;
    border-radius: 30px;

    background: #ffffff;
}

.nex-build-item {
    margin: 6px 0;
    color: #6d6e71;

    font-family: "NunitoSans-Regular", "Nunito Sans", Arial, sans-serif !important;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}

.nex-build-item + .nex-build-item {
    margin-top: 7px;
}


/* -------------------------
   TABLET
   ------------------------- */

@media (max-width: 991px) {

    .nex-build-section {
        padding: 80px 5%;
    }

    .nex-build-container {
        gap: 45px;
    }

    .nex-build-title {
        font-size: 42px !important;
    }

    .nex-build-subtitle {
        font-size: 20px !important;
    }

    .nex-build-box {
        flex-basis: 450px;
        min-height: 320px;
        padding: 32px 25px;
        border-radius: 27px;
    }

    .nex-build-item {
        font-size: 18px;
    }
}


/* -------------------------
   MOBILE
   ------------------------- */

@media (max-width: 767px) {

    .nex-build-section {
        padding: 65px 20px 75px;
    }

    .nex-build-container {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 40px;
    }

    .nex-build-content {
        width: 100%;
    }

    .nex-build-title {
        margin-bottom: 20px;
        font-size: 34px !important;
        line-height: 1.1;
    }

    .nex-build-subtitle {
        font-size: 19px !important;
        line-height: 1.5;
    }

    .nex-build-desktop-break {
        display: none;
    }

    .nex-build-box {
        width: 100%;
        min-height: auto;
        padding: 32px 18px;

        border-radius: 24px;
    }

    .nex-build-item {
        margin: 5px 0;
        font-size: 17px;
        line-height: 1.5;
    }
}


/* -------------------------
   SMALL MOBILE
   ------------------------- */

@media (max-width: 420px) {

    .nex-build-section {
        padding: 55px 16px 65px;
    }

    .nex-build-title {
        font-size: 30px !important;
    }

    .nex-build-subtitle {
        font-size: 18px !important;
    }

    .nex-build-box {
        padding: 28px 14px;
        border-radius: 22px;
    }

    .nex-build-item {
        font-size: 16px;
    }
}
/* =========================================================
   NEXORA
   OUR VISION / OUR MISSION
   ========================================================= */

.nex-vm-section {
    width: 100%;
    padding: 90px 7%;
    background: #ffffff;
    overflow: hidden;
}


.nex-vm-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 400px 1fr;

    gap: 55px;
    align-items: stretch;
}


/* =========================================================
   LEFT IMAGE
   ========================================================= */

.nex-vm-image {
    width: 100%;
    height: 660px;

    overflow: hidden;

    border-radius: 22px;

    background: #e1fafa;
}


.nex-vm-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;
}


/* =========================================================
   RIGHT CONTENT
   ========================================================= */

.nex-vm-content {
    display: flex;
    flex-direction: column;

    gap: 28px;
}


/* =========================================================
   CONTENT CARD
   ========================================================= */

.nex-vm-card {
    flex: 1;

    padding: 42px 48px;

    border-radius: 30px;

    background: #e1fafa;

    display: flex;
    flex-direction: column;
    justify-content: center;

    box-sizing: border-box;
}


/* =========================================================
   LABEL
   ========================================================= */

.nex-vm-label {
    margin-bottom: 12px;

    font-family:
        "NunitoSans-Regular",
        "Nunito Sans",
        Arial,
        sans-serif;

    font-size: 21px;
    font-weight: 400;

    line-height: 1.3;

    color: #555555;

    letter-spacing: 0.2px;
}


/* =========================================================
   MAIN TITLE
   ========================================================= */

.nex-vm-card h2 {
    margin: 0 0 28px;

    font-family:
        "NunitoSans-Bold",
        "Nunito Sans",
        Arial,
        sans-serif !important;

    font-size: 28px !important;

    font-weight: 700;

    line-height: 1.3;

    color: #6d6e71;
}


/* Vision title */
.nex-vm-vision h2 {
    color: #27bdbe!important;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.nex-vm-card p {
    margin: 0;

    font-family:
        "NunitoSans-Regular",
        "Nunito Sans",
        Arial,
        sans-serif !important;

    font-size: 19px !important;

    font-weight: 400;

    line-height: 1.6;

    color: #6d6e71 !important;
}


/* =========================================================
   MISSION LIST
   ========================================================= */

.nex-vm-list {
    display: flex;
    flex-direction: column;

    gap: 2px;
}

.nex-vm-list-item {
    font-family:
        "NunitoSans-Regular",
        "Nunito Sans",
        Arial,
        sans-serif;

    font-size: 18px;

    line-height: 1.5;

    color: #6d6e71;
}

.nex-vm-list-item strong {
    color: #27bdbe;

    font-family:
        "NunitoSans-Bold",
        "Nunito Sans",
        Arial,
        sans-serif;

    font-weight: 700;
}
.nex-vm-list-item span {
    color: #6d6e71;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .nex-vm-section {
        padding: 70px 5%;
    }
    .nex-vm-container {
        grid-template-columns: 330px 1fr;

        gap: 35px;
    }
    .nex-vm-image {
        height: 600px;
    }
    .nex-vm-card {
        padding: 32px 32px;

        border-radius: 25px;
    }
    .nex-vm-label {
        font-size: 18px;
    }
    .nex-vm-card h2 {
        font-size: 24px !important;

        margin-bottom: 20px;
    }
    .nex-vm-card p {
        font-size: 17px !important;
    }
    .nex-vm-list-item {
        font-size: 16px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .nex-vm-section {
        padding: 60px 20px 70px;
    }
    .nex-vm-container {
        display: flex;

        flex-direction: column;

        gap: 25px;
    }
    .nex-vm-image {
        width: 100%;
        height: 420px;

        border-radius: 22px;
    }
    .nex-vm-content {
        gap: 20px;
    }
    .nex-vm-card {
        padding: 32px 25px;

        border-radius: 23px;
    }
    .nex-vm-label {
        font-size: 17px;

        margin-bottom: 10px;
    }
    .nex-vm-card h2 {
        font-size: 23px !important;

        line-height: 1.3;

        margin-bottom: 20px;
    }
    .nex-vm-card p {
        font-size: 16px !important;

        line-height: 1.55;
    }
    .nex-vm-list {
        gap: 5px;
    }
    .nex-vm-list-item {
        font-size: 16px;

        line-height: 1.5;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .nex-vm-section {
        padding: 50px 16px 60px;
    }
    .nex-vm-image {
        height: 350px;

        border-radius: 20px;
    }
    .nex-vm-card {
        padding: 28px 20px;

        border-radius: 20px;
    }
    .nex-vm-label {
        font-size: 16px;
    }
    .nex-vm-card h2 {
        font-size: 21px !important;
    }
    .nex-vm-card p {
        font-size: 15px !important;
    }
    .nex-vm-list-item {
        font-size: 15px;
    }
}
/* =========================================================
   NEXORA — PARTNERSHIPS
   CLEAN VERSION
   DO NOT CROP / DO NOT SCALE IMAGE
   ========================================================= */

.nex-partnership-section {
    width: 100%;
    padding: 80px 5%;
    background: #ffffff;
    box-sizing: border-box;
    overflow: hidden;
}


/* =========================================================
   MAIN LAYOUT
   ========================================================= */

.nex-partnership-container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 48% 52%;

    align-items: center;
}


/* =========================================================
   LEFT
   ========================================================= */

.nex-partnership-content {
    padding-left: 10px;
    padding-right: 35px;

    box-sizing: border-box;
    position: relative;
    z-index: 2;
}


/* =========================================================
   TITLE
   ========================================================= */

.nex-partnership-title {
    margin: 0 0 42px;

    font-family: "Poppins-Black", Poppins, sans-serif !important;

    font-size: 56px !important;
    font-weight: 900;

    line-height: 1.05;

    color: #27bdbe !important;
}


/* =========================================================
   HEADING
   ========================================================= */

.nex-partnership-heading {
    margin: 0 0 28px;

    font-family:
        "NunitoSans-Bold"!important;

    font-size: 27px !important;
    font-weight: 700;

    line-height: 1.35;

    color: #6d6e71!important;
}


/* =========================================================
   BODY
   ========================================================= */

.nex-partnership-text {
    max-width: 590px;

    margin: 0 0 26px;

    font-family:
        "NunitoSans-Regular",
        "Nunito Sans",
        Arial,
        sans-serif !important;

    font-size: 18px !important;
    font-weight: 400;

    line-height: 1.55;

    color: #6d6e71 !important;
}

.nex-partnership-last {
    margin-bottom: 0;
}


/* =========================================================
   RIGHT IMAGE
   IMPORTANT:
   KEEP THE ORIGINAL IMAGE
   NO CROP
   NO SCALE
   ========================================================= */

.nex-partnership-image-wrap {
    width: 100%;
    height: 620px;

    display: flex;

    align-items: center;
    justify-content: center;

    overflow: visible;

    box-sizing: border-box;
}


/* =========================================================
   IMAGE
   ========================================================= */

.nex-partnership-image {
    display: block;

    width: 100%;
    height: auto;

    max-width: 100%;

    object-fit: contain;

    object-position: center;

    transform: none;

    position: static;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .nex-partnership-section {
        padding: 70px 5%;
    }

    .nex-partnership-container {
        grid-template-columns: 48% 52%;
    }

    .nex-partnership-content {
        padding-left: 5px;
        padding-right: 20px;
    }

    .nex-partnership-title {
        font-size: 44px !important;
        margin-bottom: 30px;
    }

    .nex-partnership-heading {
        font-size: 23px !important;
    }

    .nex-partnership-text {
        font-size: 17px !important;
        line-height: 1.55;
    }

    .nex-partnership-image-wrap {
        height: 520px;
    }

    .nex-partnership-image {
        width: 100%;
        height: auto;

        max-width: 100%;

        transform: none;
		margin-bottom: 50px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .nex-partnership-section {
        padding: 60px 20px 70px;
    }

    .nex-partnership-container {
        display: flex;
        flex-direction: column;

        width: 100%;
    }


    /* TEXT */

    .nex-partnership-content {
        width: 100%;

        padding-left: 0;
        padding-right: 0;

        order: 1;
    }

    .nex-partnership-title {
        margin-bottom: 25px;

        font-size: 36px !important;

        line-height: 1.05;
    }

    .nex-partnership-heading {
        margin-bottom: 22px;

        font-size: 22px !important;
    }

    .nex-partnership-text {
        max-width: none;

        margin-bottom: 22px;

        font-size: 17px !important;

        line-height: 1.58;
    }


    /* IMAGE */

    .nex-partnership-image-wrap {
        width: 100%;

        height: auto;

        margin-top: 30px;

        order: 2;

        display: block;

        overflow: hidden;
    }

    .nex-partnership-image {
        width: 100%;
        height: auto;

        max-width: 100%;

        display: block;

        transform: none;

        position: static;
		margin-bottom: 50px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .nex-partnership-section {
        padding: 50px 18px 60px;
    }

    .nex-partnership-title {
        font-size: 32px !important;
    }

    .nex-partnership-heading {
        font-size: 21px !important;
    }

    .nex-partnership-text {
        font-size: 16px !important;
    }

    .nex-partnership-image-wrap {
        margin-top: 25px;
    }
}

/* =========================================================
   NEXORA SYSTEMS
   CAREERS SECTION
   FINAL VERSION
   ========================================================= */


/* =========================================================
   SECTION
   ========================================================= */

.nex-careers-section {
    width: 100%;

    padding: 70px 5% 70px;

    background: #ffffff;

    box-sizing: border-box;

    overflow: hidden;
}


/* =========================================================
   MAIN CONTAINER
   ========================================================= */

.nex-careers-container {
    width: 100%;

    max-width: 1280px;

    min-height: 680px;

    margin: 0 auto;

    display: grid;

    grid-template-columns: 48% 52%;

    align-items: center;

    box-sizing: border-box;
}


/* =========================================================
   LEFT IMAGE AREA
   ========================================================= */

.nex-careers-visual {
    width: 100%;

    height: 680px;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    overflow: hidden;

    box-sizing: border-box;
}


/* =========================================================
   CAREERS IMAGE
   ========================================================= */

.nex-careers-image {
    display: block;

    width: 100%;

    height: 100%;

    max-width: none;

    /*
       Keep the original Photoshop composition.
       No scale.
       No artificial cropping.
    */

    object-fit: contain;

    object-position: center center;

    transform: none;

    position: static;
}


/* =========================================================
   RIGHT CONTENT
   ========================================================= */

.nex-careers-content {
    width: 100%;

    max-width: 620px;

    padding: 20px 20px 20px 65px;

    box-sizing: border-box;

    position: relative;

    z-index: 2;
}


/* =========================================================
   TITLE
   ========================================================= */

.nex-careers-title {
    margin: 0 0 42px;

    font-family:
        "Poppins-Black",
        Poppins,
        sans-serif !important;

    font-size: 56px !important;

    font-weight: 900;

    line-height: 1.05;

    letter-spacing: 0;

    color: #27bdbe !important;
}


/* =========================================================
   HEADING
   ========================================================= */

.nex-careers-heading {
    margin: 0 0 27px;

    font-family:
        "NunitoSans-Bold",
        "Nunito Sans",
        Arial,
        sans-serif !important;

    font-size: 27px !important;

    font-weight: 700;

    line-height: 1.35;

    color: #6d6e71!important;
}


/* =========================================================
   BODY TEXT
   ========================================================= */

.nex-careers-text {
    width: 100%;

    max-width: 590px;

    margin: 0 0 27px;

    font-family:
        "NunitoSans-Regular",
        "Nunito Sans",
        Arial,
        sans-serif !important;

    font-size: 18px !important;

    font-weight: 400;

    line-height: 1.55;

    color: #6d6e71 !important;
}


/* Last paragraph */

.nex-careers-last {
    margin-bottom: 30px;
}


/* =========================================================
   EXPLORE JOBS BUTTON
   ========================================================= */

.nex-careers-button {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-width: 190px;

    padding: 12px 35px;

    border: 3px solid #27bdbe;

    border-radius: 50px;

    background: transparent;

    box-sizing: border-box;

    color: #27bdbe !important;

    text-decoration: none !important;

    font-family:
        "NunitoSans-Regular",
        "Nunito Sans",

        Arial,
        sans-serif !important;

    font-size: 17px;

    font-weight: 400;

    line-height: 1.2;

    transition:
        background-color 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}


/* Button hover */

.nex-careers-button:hover {
    background-color: #27bdbe;

    color: #ffffff !important;

    transform: translateY(-2px);
}


/* =========================================================
   LARGE DESKTOP
   ========================================================= */

@media (min-width: 1400px) {

    .nex-careers-container {
        max-width: 1350px;

        min-height: 720px;
    }


    .nex-careers-visual {
        height: 720px;
    }


    .nex-careers-content {
        padding-left: 70px;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .nex-careers-section {
        padding: 60px 4% 65px;
    }


    .nex-careers-container {
        max-width: 100%;

        min-height: 600px;

        grid-template-columns: 48% 52%;
    }


    /* IMAGE */

    .nex-careers-visual {
        height: 600px;
    }


    .nex-careers-image {
        width: 100%;

        height: 100%;

        object-fit: contain;

        object-position: center center;

        transform: none;
    }


    /* CONTENT */

    .nex-careers-content {
        max-width: 100%;

        padding: 15px 10px 15px 35px;
    }


    .nex-careers-title {
        margin-bottom: 30px;

        font-size: 44px !important;
    }


    .nex-careers-heading {
        margin-bottom: 22px;

        font-size: 23px !important;
    }


    .nex-careers-text {
        margin-bottom: 21px;

        font-size: 17px !important;

        line-height: 1.55;
    }


    .nex-careers-last {
        margin-bottom: 25px;
    }


    .nex-careers-button {
        min-width: 175px;

        padding: 11px 30px;

        font-size: 16px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .nex-careers-section {
        width: 100%;

        padding: 0 20px 65px;

        background: #ffffff;

        overflow: hidden;
    }


    /* =====================================================
       CONTAINER
       ===================================================== */

    .nex-careers-container {
        width: 100%;

        min-height: auto;

        display: flex;

        flex-direction: column;

        align-items: stretch;
    }


    /* =====================================================
       IMAGE
       ===================================================== */

    .nex-careers-visual {
        width: calc(100% + 40px);

        height: 390px;

        margin-left: -20px;

        order: 1;

        display: block;

        overflow: hidden;
    }


    .nex-careers-image {
        width: 100%;

        height: 100%;

        max-width: none;

        object-fit: cover;

        /*
           Keep people visible on mobile.
        */
        object-position: left center;

        transform: none;
    }


    /* =====================================================
       CONTENT
       ===================================================== */

    .nex-careers-content {
        width: 100%;

        max-width: none;

        padding: 45px 0 0;

        order: 2;
    }


    /* TITLE */

    .nex-careers-title {
        margin: 0 0 25px;

        font-size: 36px !important;

        line-height: 1.05;

        text-align: left;
    }


    /* HEADING */

    .nex-careers-heading {
        margin: 0 0 22px;

        font-size: 22px !important;

        line-height: 1.35;

        text-align: left;
    }


    /* TEXT */

    .nex-careers-text {
        width: 100%;

        max-width: none;

        margin: 0 0 23px;

        font-size: 17px !important;

        line-height: 1.58;

        text-align: left;
    }


    .nex-careers-last {
        margin-bottom: 28px;
    }


    /* BUTTON */

    .nex-careers-button {
        min-width: 180px;

        padding: 12px 30px;

        font-size: 16px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .nex-careers-section {
        padding-left: 18px;

        padding-right: 18px;

        padding-bottom: 60px;
    }


    /* IMAGE */

    .nex-careers-visual {
        width: calc(100% + 36px);

        height: 330px;

        margin-left: -18px;
    }


    .nex-careers-image {
        object-fit: cover;

        object-position: left center;
    }


    /* CONTENT */

    .nex-careers-content {
        padding-top: 40px;
    }


    /* TITLE */

    .nex-careers-title {
        font-size: 32px !important;

        margin-bottom: 22px;
    }


    /* HEADING */

    .nex-careers-heading {
        font-size: 21px !important;

        margin-bottom: 20px;
    }


    /* TEXT */

    .nex-careers-text {
        font-size: 16px !important;

        line-height: 1.55;

        margin-bottom: 21px;
    }


    /* BUTTON */

    .nex-careers-button {
        min-width: 170px;

        padding: 11px 27px;

        font-size: 15px;
    }
}
/* =========================================================
   NEXORA SYSTEMS
   GLOBAL TYPOGRAPHY
   ========================================================= */


/* =========================================================
   PARAGRAPH — DESKTOP
   ========================================================= */

body p,
section p,
.container p,
.row p,
[class*="nex-"] p {
    font-family:
        "NunitoSans-Regular",
        "Nunito Sans",
        Arial,
        sans-serif !important;

    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    color: #6d6e71;
}


/* =========================================================
   H1 — DESKTOP
   ========================================================= */

body h1,
section h1,
.container h1,
.row h1,
[class*="nex-"] h1 {
    font-family:
        "Poppins-Black",
        "Poppins",
        Arial,
        sans-serif !important;

    font-size: 60px !important;
    font-weight: 900 !important;

    line-height: 1.1 !important;

    color: #27bdbe;
}


/* =========================================================
   TABLET
   768px — 991px
   ========================================================= */

@media (max-width: 991px) {

    body p,
    section p,
    .container p,
    .row p,
    [class*="nex-"] p {
        font-size: 18px !important;
        line-height: 1.55 !important;
    }


    body h1,
    section h1,
    .container h1,
    .row h1,
    [class*="nex-"] h1 {
        font-size: 34px !important;
        line-height: 1.1 !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    body p,
    section p,
    .container p,
    .row p,
    [class*="nex-"] p {
        font-size: 17px !important;
        line-height: 1.6 !important;
    }


    body h1,
    section h1,
    .container h1,
    .row h1,
    [class*="nex-"] h1 {
        font-size: 28px !important;
        line-height: 1.1 !important;
    }

}

/* =========================================================
   SCALING — TITLE
   ========================================================= */

.scaling-section .scaling-title {
    font-family: 'Poppins-Black', sans-serif !important;

    font-size: 60px !important;
    line-height: 1.1 !important;

    color: #27bdbe !important;

    margin-top: 0 !important;
    margin-bottom: 30px !important;
}


/* TABLET */

@media (max-width: 991px) {

    .scaling-section .scaling-title {
        font-size: 34px !important;
        line-height: 1.1 !important;
    }

}


/* MOBILE */

@media (max-width: 767px) {

    .scaling-section .scaling-title {
        font-size: 28px !important;
        line-height: 1.1 !important;
    }

}

/* =========================================
   EMAIL LINK
   ========================================= */

a[href^="mailto:"] {
    color: #6d6e71 !important;
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

a[href^="mailto:"]:hover {
    color: #27bdbe !important;
    text-decoration: none !important;
    border-bottom: none !important;
}

/* =========================================================
   NEXORA — SCALING SECTION
   LEFT TITLE + RIGHT CONTENT
   ========================================================= */

.scaling-section {
    width: 100%;
    overflow: hidden;

    background-position: center center;
    background-size: cover;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.scaling-section .container {
    width: 100%;
    max-width: 1320px;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* =========================================================
   MAIN ROW
   IMPORTANT:
   BOTH SIDES START AT THE SAME TOP LEVEL
   ========================================================= */

.scaling-section .scaling-row {
    display: flex !important;

    align-items: flex-start !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* =========================================================
   LEFT COLUMN
   ========================================================= */

.scaling-section .scaling-title-column {

    display: flex !important;

    align-items: flex-start !important;

    padding-left: 15px;
    padding-right: 15px;
}


/* =========================================================
   LEFT BLUE TITLE
   ========================================================= */

.scaling-section .scaling-title {
    width: 100% !important;

    margin-top: 0 !important;
    margin-left: 25px !important;
    margin-bottom: 40px !important;

    padding: 0 !important;

    text-align: left !important;

    line-height: 1.05 !important;
}

/* =========================================================
   RIGHT CONTENT BOX
   ========================================================= */

.scaling-section .scaling-content {

    padding-left: 15px;
    padding-right: 15px;

    background: rgba(218, 247, 248, 0.85);

    border-radius: 55px;

    overflow: hidden;
}


/* =========================================================
   RIGHT CONTENT
   ========================================================= */

.scaling-section .scaling-inner {

    padding: 55px;
}


/* =========================================================
   RIGHT HEADING
   ========================================================= */

.scaling-section .scaling-inner h3 {

    margin-top: 0 !important;
    margin-bottom: 25px !important;
}


/* =========================================================
   RIGHT PARAGRAPH
   ========================================================= */

.scaling-section .scaling-inner p {

    margin-top: 0 !important;
    margin-bottom: 25px !important;
}


/* =========================================================
   LAST HEADING
   ========================================================= */

.scaling-section .scaling-inner h4 {

    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .scaling-section .container {

        max-width: 100% !important;

        padding-left: 40px !important;
        padding-right: 40px !important;
    }


    .scaling-section .scaling-row {

        align-items: flex-start !important;
    }


    .scaling-section .scaling-title {

        margin-top: 35px !important;
    }


    .scaling-section .scaling-inner {

        padding: 40px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .scaling-section {

        width: 100%;

        background-position: center center;
        background-size: cover;

        overflow: hidden;
    }


    /* CONTAINER */

    .scaling-section .container {

        width: 100% !important;
        max-width: 100% !important;

        padding-left: 30px !important;
        padding-right: 30px !important;

        margin: 0 auto !important;
    }


    /* ROW */

    .scaling-section .scaling-row {

        display: flex !important;

        flex-direction: column !important;

        width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;
    }


    /* LEFT */

    .scaling-section .scaling-title-column {

        width: 100% !important;
        max-width: 100% !important;

        padding: 0 !important;

        margin: 0 !important;

        display: block !important;
    }


    /* TITLE */

    .scaling-section .scaling-title {

        width: 100% !important;

        margin-top: 0 !important;

        margin-bottom: 40px !important;

        padding: 0 !important;

        text-align: left !important;

        line-height: 1.05 !important;
    }


    /* RIGHT BOX */

    .scaling-section .scaling-content {

        width: 100% !important;
        max-width: 100% !important;

        padding: 0 !important;

        margin: 0 !important;

        border-radius: 55px !important;

        overflow: hidden;
    }


    /* INNER */

    .scaling-section .scaling-inner {

        width: 100% !important;

        box-sizing: border-box;

        padding: 45px 30px !important;
    }

}