.elementor-12 .elementor-element.elementor-element-4510615 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-34b7732 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-7f14518 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-5fbe8de > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-738409e > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-6fbe15c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-57b1dcd > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-8baa131 > .elementor-element-populated{padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-f192a8a *//* =========================================================
   NADIRA — CLEAN PREMIUM HERO
   DARK + LIGHT MODE
========================================================= */

.nd-hero-clean {

    position: relative !important;

    width: 100% !important;

    overflow: hidden !important;

    background: var(--nd-bg) !important;

    color: var(--nd-text) !important;

    font-family:
        "DM Sans",
        Arial,
        sans-serif !important;

    transition:
        background .35s ease,
        color .35s ease !important;

}


.nd-hero-clean *,
.nd-hero-clean *::before,
.nd-hero-clean *::after {

    box-sizing: border-box !important;

}


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

.nd-hero-clean-grid {

    position: absolute !important;

    inset: 0 !important;

    opacity: .25 !important;

    background-image:

        linear-gradient(
            rgba(255,255,255,.025) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.025) 1px,
            transparent 1px
        ) !important;

    background-size: 70px 70px !important;

    pointer-events: none !important;

    transition:
        opacity .35s ease !important;

}


/* LIGHT GRID */

body.nd-light .nd-hero-clean-grid {

    opacity: .45 !important;

    background-image:

        linear-gradient(
            rgba(17,21,24,.035) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(17,21,24,.035) 1px,
            transparent 1px
        ) !important;

}


/* =========================================================
   GLOW
========================================================= */

.nd-hero-clean-glow {

    position: absolute !important;

    width: 650px !important;

    height: 650px !important;

    right: -280px !important;

    top: 70px !important;

    border-radius: 50% !important;

    background:
        radial-gradient(
            circle,
            rgba(201,255,87,.08),
            transparent 65%
        ) !important;

    filter: blur(20px) !important;

    pointer-events: none !important;

}


/* LIGHT GLOW */

body.nd-light .nd-hero-clean-glow {

    background:
        radial-gradient(
            circle,
            rgba(120,165,29,.09),
            transparent 65%
        ) !important;

}


/* =========================================================
   INNER
========================================================= */

.nd-hero-clean-inner {

    position: relative !important;

    z-index: 2 !important;

    width:
        min(1180px, calc(100% - 48px)) !important;

    min-height: 100vh !important;

    min-height: 100svh !important;

    margin: 0 auto !important;

    padding:
        70px 0 32px !important;

    display: flex !important;

    flex-direction: column !important;

}


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

.nd-hero-clean-top {

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    margin-bottom: 52px !important;

}


.nd-hero-availability {

    display: flex !important;

    align-items: center !important;

    gap: 9px !important;

    color: var(--nd-text-soft) !important;

    font-size: 10px !important;

    font-weight: 600 !important;

    letter-spacing: 1.4px !important;

}


.nd-hero-availability span {

    width: 7px !important;

    height: 7px !important;

    min-width: 7px !important;

    border-radius: 50% !important;

    background: var(--nd-accent) !important;

    box-shadow:
        0 0 14px
        rgba(201,255,87,.7) !important;

}


/* LIGHT STATUS GLOW */

body.nd-light .nd-hero-availability span {

    box-shadow:
        0 0 12px
        rgba(120,165,29,.4) !important;

}


.nd-hero-place {

    color: var(--nd-text-soft) !important;

    font-family:
        "Space Grotesk",
        Arial,
        sans-serif !important;

    font-size: 9px !important;

    letter-spacing: 1.5px !important;

}


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

.nd-hero-clean-main {

    display: grid !important;

    grid-template-columns:
        minmax(0, 1.02fr)
        minmax(440px, .82fr) !important;

    align-items: center !important;

    gap: 75px !important;

    flex: 1 !important;

}


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

.nd-hero-clean-left {

    min-width: 0 !important;

}


/* =========================================================
   KICKER
========================================================= */

.nd-hero-kicker {

    display: flex !important;

    align-items: center !important;

    gap: 9px !important;

    margin-bottom: 22px !important;

    color: var(--nd-text-muted) !important;

    font-size: 9px !important;

    font-weight: 600 !important;

    letter-spacing: 1.5px !important;

}


.nd-hero-kicker b {

    color: var(--nd-accent) !important;

}


.nd-hero-kicker span {

    width: 22px !important;

    height: 1px !important;

    background: var(--nd-border-soft) !important;

}


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

.nd-hero-clean h1 {

    max-width: 650px !important;

    margin: 0 !important;

    color: var(--nd-text) !important;

    font-family:
        "Space Grotesk",
        Arial,
        sans-serif !important;

    font-size:
        clamp(56px, 6vw, 82px) !important;

    font-weight: 700 !important;

    line-height: .96 !important;

    letter-spacing: -4px !important;

}


/* GREEN WORD */

.nd-hero-clean h1 em {

    color: var(--nd-accent) !important;

    font-style: normal !important;

}


/* BEAUTIFULLY */

.nd-hero-clean h1 strong {

    color: var(--nd-text-strong) !important;

    font-weight: 700 !important;

}


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

.nd-hero-clean-description {

    max-width: 580px !important;

    margin:
        28px 0 0 !important;

    color: var(--nd-text-soft) !important;

    font-size: 15px !important;

    line-height: 1.8 !important;

}


/* =========================================================
   BUTTONS
========================================================= */

.nd-hero-clean-buttons {

    display: flex !important;

    gap: 10px !important;

    margin-top: 30px !important;

}


.nd-clean-primary,
.nd-clean-secondary {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    min-height: 45px !important;

    padding: 0 16px !important;

    border-radius: 7px !important;

    font-size: 12px !important;

    font-weight: 600 !important;

    text-decoration: none !important;

    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease,
        color .25s ease !important;

}


/* PRIMARY */

.nd-clean-primary {

    gap: 12px !important;

    background: var(--nd-accent) !important;

    color: #101510 !important;

}


.nd-clean-primary span {

    font-size: 16px !important;

}


.nd-clean-primary:hover {

    transform:
        translateY(-3px) !important;

    background:
        var(--nd-accent-hover) !important;

    color: #101510 !important;

}


/* SECONDARY */

.nd-clean-secondary {

    border:
        1px solid var(--nd-border-soft) !important;

    color:
        var(--nd-text-soft) !important;

}


.nd-clean-secondary:hover {

    transform:
        translateY(-3px) !important;

    border-color:
        var(--nd-text-muted) !important;

    color:
        var(--nd-text) !important;

}


/* =========================================================
   STACK
========================================================= */

.nd-clean-stack {

    display: flex !important;

    align-items: center !important;

    gap: 9px !important;

    margin-top: 27px !important;

}


.nd-clean-stack span,
.nd-clean-stack b {

    font-family:
        "Space Grotesk",
        Arial,
        sans-serif !important;

    font-size: 9px !important;

    letter-spacing: 1px !important;

}


.nd-clean-stack span {

    color:
        var(--nd-text-muted) !important;

}


.nd-clean-stack i {

    color:
        var(--nd-border-soft) !important;

    font-style: normal !important;

}


.nd-clean-stack b {

    color:
        var(--nd-accent) !important;

}


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

.nd-hero-clean-right {

    position: relative !important;

    min-width: 0 !important;

}


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

.nd-code-card {

    width: 100% !important;

    overflow: hidden !important;

    border:
        1px solid var(--nd-border-soft) !important;

    border-radius: 12px !important;

    background:
        var(--nd-surface) !important;

    box-shadow:
        0 35px 80px
        rgba(0,0,0,.5) !important;

    transform:
        rotate(-1.5deg) !important;

    transition:
        transform .4s ease,
        border-color .3s ease,
        background .35s ease,
        box-shadow .35s ease !important;

}


/* LIGHT CODE CARD */

body.nd-light .nd-code-card {

    box-shadow:
        0 25px 60px
        rgba(28,40,32,.12) !important;

}


.nd-code-card:hover {

    transform:
        rotate(0deg)
        translateY(-6px) !important;

    border-color:
        var(--nd-text-muted) !important;

}


/* =========================================================
   CODE HEADER
========================================================= */

.nd-code-header {

    height: 44px !important;

    display: grid !important;

    grid-template-columns:
        90px 1fr 50px !important;

    align-items: center !important;

    padding: 0 13px !important;

    border-bottom:
        1px solid var(--nd-border) !important;

    background:
        var(--nd-surface-2) !important;

}


.nd-code-dots {

    display: flex !important;

    gap: 6px !important;

}


.nd-code-dots i {

    width: 7px !important;

    height: 7px !important;

    border-radius: 50% !important;

    background:
        var(--nd-text-muted) !important;

}


.nd-code-header > span {

    justify-self: center !important;

    color:
        var(--nd-text-muted) !important;

    font-size: 9px !important;

}


.nd-code-header > b {

    justify-self: end !important;

    color:
        var(--nd-text-muted) !important;

    font-size: 10px !important;

}


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

.nd-code-content {

    min-height: 360px !important;

    padding:
        27px 27px !important;

    overflow: hidden !important;

    font-family:
        "Courier New",
        Consolas,
        monospace !important;

    font-size: 12px !important;

    line-height: 2 !important;

}


.nd-code-line {

    white-space: nowrap !important;

}


.nd-code-line.indent {

    padding-left: 22px !important;

}


.nd-code-line.double {

    padding-left: 44px !important;

}


/* CODE COLORS */

.nd-code-line .purple {

    color:
        var(--nd-code-purple) !important;

}


.nd-code-line .white {

    color:
        var(--nd-text) !important;

}


.nd-code-line .gray {

    color:
        var(--nd-text-muted) !important;

}


.nd-code-line .yellow {

    color:
        var(--nd-accent) !important;

}


.nd-code-line .green {

    color:
        var(--nd-code-green) !important;

}


.nd-code-line .blue {

    color:
        var(--nd-code-blue) !important;

}


.nd-code-line .orange {

    color:
        var(--nd-code-orange) !important;

}


/* =========================================================
   CURSOR
========================================================= */

.nd-code-line .cursor {

    display: inline-block !important;

    width: 6px !important;

    height: 14px !important;

    margin-left: 4px !important;

    vertical-align: middle !important;

    background:
        var(--nd-accent) !important;

    animation:
        ndCursorBlink
        1s steps(1)
        infinite !important;

}


@keyframes ndCursorBlink {

    0%,
    50% {
        opacity: 1;
    }

    51%,
    100% {
        opacity: 0;
    }

}


/* =========================================================
   CODE FOOTER
========================================================= */

.nd-code-footer {

    height: 36px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    padding: 0 14px !important;

    border-top:
        1px solid var(--nd-border) !important;

    color:
        var(--nd-text-muted) !important;

    font-size: 9px !important;

}


.nd-code-footer span {

    display: flex !important;

    align-items: center !important;

    gap: 6px !important;

    color:
        var(--nd-text-soft) !important;

    font-size: 9px !important;

}


.nd-code-footer i {

    width: 5px !important;

    height: 5px !important;

    border-radius: 50% !important;

    background:
        var(--nd-accent) !important;

}


/* =========================================================
   CURRENTLY BUILDING
========================================================= */

.nd-code-label {

    display: flex !important;

    align-items: center !important;

    justify-content: flex-end !important;

    gap: 8px !important;

    margin-top: 20px !important;

    color:
        var(--nd-text-muted) !important;

    font-size: 9px !important;

    letter-spacing: 1.2px !important;

}


.nd-code-label span {

    width: 5px !important;

    height: 5px !important;

    border-radius: 50% !important;

    background:
        var(--nd-accent) !important;

}


.nd-code-label b {

    color:
        var(--nd-accent) !important;

    font-weight: 600 !important;

}


/* =========================================================
   STATS
========================================================= */

.nd-clean-stats {

    display: grid !important;

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

    margin-top: 45px !important;

    border-top:
        1px solid var(--nd-border) !important;

    border-bottom:
        1px solid var(--nd-border) !important;

}


.nd-clean-stats > div {

    min-width: 0 !important;

    padding:
        19px 25px !important;

    border-right:
        1px solid var(--nd-border) !important;

}


.nd-clean-stats > div:first-child {

    padding-left: 0 !important;

}


.nd-clean-stats > div:last-child {

    border-right: 0 !important;

}


.nd-clean-stats strong {

    display: block !important;

    white-space: nowrap !important;

    color:
        var(--nd-text) !important;

    font-family:
        "Space Grotesk",
        Arial,
        sans-serif !important;

    font-size: 24px !important;

    font-weight: 700 !important;

    line-height: 1 !important;

}


.nd-clean-stats small {

    display: block !important;

    margin-top: 8px !important;

    color:
        var(--nd-text-muted) !important;

    font-size: 9px !important;

    line-height: 1.4 !important;

    letter-spacing: .3px !important;

}


.nd-current-stat strong {

    color:
        var(--nd-accent) !important;

}


/* =========================================================
   DISCOVER SCROLL
========================================================= */

.nd-discover-scroll {

    position: relative !important;

    display: inline-flex !important;

    flex-direction: column !important;

    align-items: center !important;

    justify-content: center !important;

    width: max-content !important;

    margin: 24px auto 0 !important;

    padding: 0 !important;

    color:
        var(--nd-text-muted) !important;

    text-decoration: none !important;

    cursor: pointer !important;

}


.nd-discover-text {

    display: block !important;

    color:
        var(--nd-text-muted) !important;

    font-family:
        "DM Sans",
        Arial,
        sans-serif !important;

    font-size: 8px !important;

    font-weight: 600 !important;

    line-height: 1 !important;

    letter-spacing: 2.5px !important;

    transition:
        color .25s ease !important;

}


.nd-discover-track {

    position: relative !important;

    display: block !important;

    width: 1px !important;

    height: 42px !important;

    margin-top: 11px !important;

    overflow: hidden !important;

    background:
        var(--nd-border) !important;

}


.nd-discover-track::after {

    content: "" !important;

    position: absolute !important;

    top: -12px !important;

    left: 0 !important;

    width: 1px !important;

    height: 12px !important;

    display: block !important;

    background:
        var(--nd-accent) !important;

    box-shadow:
        0 0 10px
        rgba(201,255,87,.8) !important;

    animation:
        ndDiscoverMove
        1.7s
        cubic-bezier(.55,0,.25,1)
        infinite !important;

}


@keyframes ndDiscoverMove {

    0% {

        transform:
            translateY(0);

        opacity: 0;

    }

    15% {

        opacity: 1;

    }

    65% {

        opacity: 1;

    }

    100% {

        transform:
            translateY(54px);

        opacity: 0;

    }

}


.nd-discover-scroll:hover
.nd-discover-text {

    color:
        var(--nd-accent) !important;

}


.nd-discover-scroll:hover
.nd-discover-track {

    background:
        var(--nd-text-muted) !important;

}


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

@media (max-width: 1000px) {

    .nd-hero-clean-main {

        grid-template-columns:
            1fr !important;

        gap: 50px !important;

    }


    .nd-hero-clean-left {

        max-width: 760px !important;

    }


    .nd-hero-clean-right {

        max-width: 650px !important;

        margin: 0 auto !important;

        width: 100% !important;

    }

}


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

@media (max-width: 600px) {

    .nd-hero-clean-inner {

        width:
            calc(100% - 36px) !important;

        min-height: auto !important;

        padding:
            105px 0 30px !important;

    }


    .nd-hero-clean-top {

        margin-bottom: 38px !important;

    }


    .nd-hero-place {

        display: none !important;

    }


    .nd-hero-availability {

        font-size: 8px !important;

        letter-spacing: 1px !important;

    }


    .nd-hero-kicker {

        flex-wrap: wrap !important;

        font-size: 8px !important;

    }


    .nd-hero-clean h1 {

        font-size:
            clamp(47px, 13vw, 65px) !important;

        line-height: .97 !important;

        letter-spacing: -3px !important;

    }


    .nd-hero-clean-description {

        font-size: 14px !important;

        line-height: 1.75 !important;

        margin-top: 23px !important;

    }


    .nd-hero-clean-buttons {

        flex-wrap: wrap !important;

        margin-top: 25px !important;

    }


    .nd-clean-stack {

        flex-wrap: wrap !important;

    }


    .nd-hero-clean-right {

        margin-top: 20px !important;

    }


    .nd-code-card {

        transform: none !important;

    }


    .nd-code-content {

        min-height: 300px !important;

        padding:
            20px 13px !important;

        font-size: 8px !important;

    }


    .nd-code-line.indent {

        padding-left: 13px !important;

    }


    .nd-code-line.double {

        padding-left: 26px !important;

    }


    .nd-clean-stats {

        grid-template-columns:
            repeat(2, 1fr) !important;

        margin-top: 30px !important;

    }


    .nd-clean-stats > div {

        padding:
            16px 12px !important;

        border-bottom:
            1px solid var(--nd-border) !important;

    }


    .nd-clean-stats > div:first-child {

        padding-left: 12px !important;

    }


    .nd-clean-stats > div:nth-child(2) {

        border-right: 0 !important;

    }


    .nd-clean-stats > div:nth-child(4) {

        border-right: 0 !important;

    }


    .nd-clean-stats strong {

        font-size: 20px !important;

    }


    .nd-discover-scroll {

        margin-top: 20px !important;

    }


    .nd-discover-text {

        font-size: 7px !important;

        letter-spacing: 2px !important;

    }


    .nd-discover-track {

        height: 35px !important;

        margin-top: 9px !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb40ebf *//* =========================================
   NADIRA — ABOUT SECTION
   DARK + LIGHT MODE
========================================= */

.nadira-about {

  max-width: 1200px;

  margin: 0 auto;

  padding: 110px 30px;

  color: var(--nd-text);

  border-top: 1px solid var(--nd-border);

  font-family: "DM Sans", sans-serif;

  transition:
    color .35s ease,
    border-color .35s ease;

}


/* -----------------------------------------
   INNER
----------------------------------------- */

.nadira-about-inner {

  display: grid;

  grid-template-columns:
    minmax(280px, .8fr)
    minmax(400px, 1.2fr);

  gap: 90px;

  align-items: start;

}


/* -----------------------------------------
   LABEL
----------------------------------------- */

.nadira-section-label {

  display: inline-block;

  color: var(--nd-text-muted);

  font-size: 10px;

  font-weight: 500;

  letter-spacing: 2px;

  text-transform: uppercase;

}


/* -----------------------------------------
   HEADING
----------------------------------------- */

.nadira-about-heading h2 {

  margin: 12px 0 0;

  color: var(--nd-text);

  font-family: "Space Grotesk", sans-serif;

  font-size: clamp(40px, 5vw, 60px);

  line-height: 1.05;

  letter-spacing: -3px;

  font-weight: 700;

}


.nadira-about-heading h2 span {

  color: var(--nd-accent);

}


/* -----------------------------------------
   CONTENT
----------------------------------------- */

.nadira-about-content {

  max-width: 680px;

}


.nadira-about-content > p {

  margin: 0;

  color: var(--nd-text-soft);

  font-size: 15px;

  line-height: 1.8;

}


.nadira-about-content > p + p {

  margin-top: 18px;

}


/* -----------------------------------------
   HIGHLIGHT BOX
----------------------------------------- */

.nadira-about-highlight {

  display: flex;

  align-items: center;

  gap: 15px;

  margin-top: 32px;

  padding: 18px;

  border: 1px solid var(--nd-border);

  border-radius: 9px;

  background: var(--nd-surface);

  transition:
    background .35s ease,
    border-color .35s ease,
    box-shadow .35s ease;

}


/* LIGHT MODE — subtle depth */

body.nd-light .nadira-about-highlight {

  background:
    linear-gradient(
      120deg,
      #ffffff,
      #f0f2ee
    );

  box-shadow:
    0 12px 35px rgba(25, 35, 30, .06);

}


/* -----------------------------------------
   HIGHLIGHT ICON
----------------------------------------- */

.nadira-highlight-icon {

  width: 38px;

  height: 38px;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-shrink: 0;

  border-radius: 7px;

  background: var(--nd-accent);

  color: #101510;

  font-size: 18px;

  font-weight: 700;

}


/* -----------------------------------------
   HIGHLIGHT TEXT
----------------------------------------- */

.nadira-about-highlight strong {

  display: block;

  color: var(--nd-text-strong);

  font-family: "Space Grotesk", sans-serif;

  font-size: 13px;

}


.nadira-about-highlight span {

  display: block;

  margin-top: 3px;

  color: var(--nd-text-muted);

  font-size: 11px;

}


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

@media (max-width: 850px) {

  .nadira-about {

    padding:
      80px 20px;

  }

  .nadira-about-inner {

    grid-template-columns: 1fr;

    gap: 40px;

  }

}


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

@media (max-width: 520px) {

  .nadira-about {

    padding:
      70px 20px;

  }

  .nadira-about-heading h2 {

    font-size: 42px;

    letter-spacing: -2px;

  }

  .nadira-about-content > p {

    font-size: 14px;

  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c56d837 *//* =========================================
   NADIRA — EXPERIENCE
   DARK + LIGHT MODE
========================================= */

.nadira-experience {

  max-width: 1200px;
  margin: 0 auto;

  padding: 110px 30px;

  border-top: 1px solid var(--nd-border);

  color: var(--nd-text);

  font-family: "DM Sans", sans-serif;

  transition:
    color .35s ease,
    border-color .35s ease;

}


/* -----------------------------------------
   HEADER
----------------------------------------- */

.nadira-experience-header {

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

  gap: 50px;

  margin-bottom: 45px;

}


.nadira-experience-header h2 {

  margin: 14px 0 0;

  color: var(--nd-text);

  font-family: "Space Grotesk", sans-serif;

  font-size: clamp(44px, 5vw, 62px);

  line-height: 1.05;

  letter-spacing: -2.5px;

}


.nadira-experience-header h2 span {

  color: var(--nd-accent);

}


.nadira-experience-header > p {

  max-width: 380px;

  margin: 0;

  color: var(--nd-text-soft);

  font-size: 15px;

  line-height: 1.75;

}


/* -----------------------------------------
   EXPERIENCE CARD
----------------------------------------- */

.nadira-experience-card {

  display: grid;

  grid-template-columns:
    100px
    minmax(0, 1fr)
    130px;

  gap: 35px;

  padding: 38px;

  border: 1px solid var(--nd-border);

  border-radius: 12px;

  background: var(--nd-surface);

  transition:
    border-color .25s ease,
    background .35s ease,
    box-shadow .35s ease,
    transform .25s ease;

}


/* Light mode card */

body.nd-light .nadira-experience-card {

  background:
    linear-gradient(
      120deg,
      #ffffff,
      #f0f2ee
    );

  box-shadow:
    0 18px 45px rgba(25, 35, 30, .06);

}


.nadira-experience-card:hover {

  border-color: var(--nd-border-soft);

  transform: translateY(-3px);

}


/* -----------------------------------------
   STATUS
----------------------------------------- */

.nadira-experience-status {

  color: var(--nd-accent);

  font-size: 12px;

  letter-spacing: 1.8px;

  font-weight: 600;

}


/* -----------------------------------------
   TITLE
----------------------------------------- */

.nadira-experience-title {

  display: flex;

  align-items: baseline;

  flex-wrap: wrap;

  gap: 14px;

}


.nadira-experience-title h3 {

  margin: 0;

  color: var(--nd-text);

  font-family: "Space Grotesk", sans-serif;

  font-size: 31px;

  letter-spacing: -1px;

}


.nadira-experience-title span {

  color: var(--nd-text-soft);

  font-size: 15px;

}


/* -----------------------------------------
   DESCRIPTION
----------------------------------------- */

.nadira-experience-description {

  max-width: 780px;

  margin: 17px 0 22px;

  color: var(--nd-text-soft);

  font-size: 15px;

  line-height: 1.8;

}


/* -----------------------------------------
   SKILLS
----------------------------------------- */

.nadira-experience-skills {

  display: flex;

  flex-wrap: wrap;

  gap: 8px;

}


.nadira-experience-skills span {

  padding: 6px 11px;

  border: 1px solid var(--nd-border-soft);

  border-radius: 999px;

  color: var(--nd-text-soft);

  background: transparent;

  font-size: 11px;

  transition:
    color .25s ease,
    border-color .25s ease,
    background .25s ease;

}


.nadira-experience-skills span:hover {

  color: var(--nd-text);

  border-color: var(--nd-accent);

  background:
    rgba(201,255,87,.05);

}


/* -----------------------------------------
   DETAILS
----------------------------------------- */

.nadira-experience-details {

  display: grid;

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

  gap: 15px;

  margin-top: 32px;

  padding-top: 24px;

  border-top: 1px solid var(--nd-border);

}


.nadira-experience-details div {

  display: flex;

  flex-direction: column;

  gap: 7px;

}


.nadira-experience-details strong {

  color: var(--nd-text-muted);

  font-family: "Space Grotesk", sans-serif;

  font-size: 11px;

}


.nadira-experience-details p {

  margin: 0;

  color: var(--nd-text-soft);

  font-size: 12px;

  line-height: 1.5;

}


/* -----------------------------------------
   SIDE LABEL
----------------------------------------- */

.nadira-experience-side {

  display: flex;

  flex-direction: column;

  align-items: flex-end;

  justify-content: center;

}


.nadira-experience-side span {

  color: var(--nd-text-muted);

  font-family: "Space Grotesk", sans-serif;

  font-size: 12px;

  font-weight: 700;

  letter-spacing: 1px;

}


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

@media (max-width: 850px) {

  .nadira-experience {

    padding: 80px 20px;

  }


  .nadira-experience-header {

    align-items: flex-start;

    flex-direction: column;

    gap: 25px;

  }


  .nadira-experience-card {

    grid-template-columns: 1fr;

    padding: 32px;

  }


  .nadira-experience-side {

    display: none;

  }

}


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

@media (max-width: 520px) {

  .nadira-experience {

    padding: 70px 20px;

  }


  .nadira-experience-header h2 {

    font-size: 43px;

    letter-spacing: -2px;

  }


  .nadira-experience-header > p {

    font-size: 14px;

  }


  .nadira-experience-card {

    padding: 25px;

  }


  .nadira-experience-title h3 {

    font-size: 26px;

  }


  .nadira-experience-title span {

    font-size: 14px;

  }


  .nadira-experience-description {

    font-size: 14px;

  }


  .nadira-experience-details {

    grid-template-columns:
      1fr 1fr;

  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f0f9fab *//* =========================================================
   NADIRA PORTFOLIO
   PROJECTS SECTION — DARK + LIGHT MODE
========================================================= */

.nd-projects {

  max-width: 1200px;

  margin: 0 auto;

  padding: 120px 30px;

  font-family: "DM Sans", sans-serif;

  color: var(--nd-text);

  border-top: 1px solid var(--nd-border);

  transition:
    color .35s ease,
    border-color .35s ease;

}


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

.nd-projects-header {

  display: flex;

  justify-content: space-between;

  align-items: flex-end;

  gap: 60px;

  margin-bottom: 58px;

}


.nd-label {

  margin-bottom: 16px;

  color: var(--nd-text-muted);

  font-size: 11px;

  font-weight: 500;

  letter-spacing: 2px;

  text-transform: uppercase;

}


.nd-projects-header h2 {

  margin: 0;

  color: var(--nd-text);

  font-family: "Space Grotesk", sans-serif;

  font-size: clamp(48px, 5.5vw, 70px);

  line-height: .98;

  letter-spacing: -3.5px;

  font-weight: 700;

}


.nd-projects-header h2 span {

  color: var(--nd-accent);

}


.nd-projects-header > p {

  max-width: 390px;

  margin: 0;

  color: var(--nd-text-soft);

  font-size: 16px;

  line-height: 1.8;

}


/* =========================================================
   PROJECT GRID
========================================================= */

.nd-projects-grid {

  display: grid;

  grid-template-columns: 1.15fr .85fr;

  gap: 20px;

}


/* =========================================================
   BASE PROJECT CARD
========================================================= */

.nd-project {

  position: relative;

  overflow: hidden;

  border: 1px solid var(--nd-border);

  border-radius: 18px;

  background: var(--nd-surface);

  transition:
    transform .45s cubic-bezier(.2,.8,.2,1),
    border-color .35s ease,
    box-shadow .35s ease,
    background .35s ease;

}


.nd-project:hover {

  transform: translateY(-8px);

  border-color: var(--nd-border-soft);

  box-shadow:
    0 25px 60px rgba(0,0,0,.35);

}


body.nd-light .nd-project:hover {

  box-shadow:
    0 25px 60px rgba(25,35,30,.10);

}


/* =========================================================
   DIANAHOST VISUAL
========================================================= */

.nd-project-visual {

  height: 410px;

  position: relative;

  overflow: hidden;

  padding: 45px;

  display: flex;

  align-items: center;

  justify-content: center;

  background:

    radial-gradient(
      circle at 72% 22%,
      rgba(201,255,87,.13),
      transparent 30%
    ),

    radial-gradient(
      circle at 15% 80%,
      rgba(142,229,255,.05),
      transparent 35%
    ),

    linear-gradient(
      135deg,
      #182018,
      #0b0f0d
    );

}


/* Light mode visual */

body.nd-light .nd-project-visual {

  background:

    radial-gradient(
      circle at 72% 22%,
      rgba(120,165,29,.14),
      transparent 30%
    ),

    radial-gradient(
      circle at 15% 80%,
      rgba(80,170,200,.08),
      transparent 35%
    ),

    linear-gradient(
      135deg,
      #edf3e8,
      #dfe6df
    );

}


/* subtle grid */

.nd-project-visual::before {

  content: "";

  position: absolute;

  inset: 0;

  opacity: .25;

  background-image:
    linear-gradient(
      #ffffff05 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      #ffffff05 1px,
      transparent 1px
    );

  background-size: 35px 35px;

}


body.nd-light .nd-project-visual::before {

  opacity: .4;

  background-image:
    linear-gradient(
      rgba(17,21,24,.04) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(17,21,24,.04) 1px,
      transparent 1px
    );

}


/* =========================================================
   BROWSER MOCKUP
========================================================= */

.nd-browser {

  width: 88%;

  max-width: 560px;

  overflow: hidden;

  border: 1px solid var(--nd-border-soft);

  border-radius: 13px;

  background: var(--nd-surface);

  box-shadow:
    0 35px 70px rgba(0,0,0,.6),
    0 0 80px rgba(201,255,87,.06);

  transform:
    perspective(1000px)
    rotateX(5deg)
    rotateY(-7deg)
    rotateZ(-2deg);

  transition:
    transform .55s cubic-bezier(.2,.8,.2,1),
    background .35s ease,
    border-color .35s ease,
    box-shadow .35s ease;

  position: relative;

  z-index: 2;

}


body.nd-light .nd-browser {

  box-shadow:
    0 25px 55px rgba(25,35,30,.16),
    0 0 60px rgba(120,165,29,.08);

}


.nd-project-diana:hover .nd-browser {

  transform:
    perspective(1000px)
    rotateX(2deg)
    rotateY(-2deg)
    rotateZ(0deg)
    translateY(-4px);

}


/* =========================================================
   BROWSER TOP
========================================================= */

.nd-browser-top {

  height: 38px;

  display: flex;

  align-items: center;

  gap: 7px;

  padding: 0 13px;

  background: var(--nd-surface-2);

  border-bottom: 1px solid var(--nd-border);

}


.nd-browser-top i {

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background: var(--nd-text-muted);

}


.nd-browser-top span {

  margin-left: 10px;

  color: var(--nd-text-muted);

  font-size: 9px;

}


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

.nd-browser-content {

  padding: 20px;

}


.nd-browser-nav {

  display: flex;

  align-items: center;

  justify-content: space-between;

  color: var(--nd-text-muted);

  font-size: 8px;

}


.nd-browser-nav b {

  color: var(--nd-text);

  font-size: 11px;

  font-family: "Space Grotesk", sans-serif;

}


.nd-browser-nav b span {

  color: var(--nd-accent);

}


/* =========================================================
   BROWSER HERO
========================================================= */

.nd-browser-hero {

  margin-top: 38px;

}


.nd-browser-hero small {

  color: var(--nd-accent);

  font-size: 8px;

  letter-spacing: 1.7px;

}


.nd-browser-hero strong {

  display: block;

  margin-top: 9px;

  color: var(--nd-text);

  font-family: "Space Grotesk", sans-serif;

  font-size: 31px;

  line-height: 1.05;

  letter-spacing: -1px;

}


.nd-browser-hero strong em {

  color: var(--nd-accent);

  font-style: normal;

}


.nd-browser-button {

  display: inline-block;

  margin-top: 16px;

  padding: 8px 12px;

  border-radius: 4px;

  background: var(--nd-accent);

  color: #101510;

  font-size: 8px;

  font-weight: 700;

}


/* =========================================================
   BROWSER CARDS
========================================================= */

.nd-browser-cards {

  display: grid;

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

  gap: 8px;

  margin-top: 32px;

}


.nd-browser-cards div {

  height: 45px;

  border: 1px solid var(--nd-border);

  border-radius: 5px;

  background: var(--nd-surface-2);

}


/* =========================================================
   FLOATING TECHNOLOGY LABELS
========================================================= */

.nd-floating-tech {

  position: absolute;

  z-index: 5;

  padding: 10px 15px;

  border: 1px solid var(--nd-border-soft);

  border-radius: 8px;

  background: var(--nd-surface-2);

  color: var(--nd-text-soft);

  font-size: 11px;

  box-shadow:
    0 15px 30px rgba(0,0,0,.45);

  backdrop-filter: blur(10px);

}


body.nd-light .nd-floating-tech {

  box-shadow:
    0 12px 28px rgba(25,35,30,.10);

}


.nd-tech-wordpress {

  top: 35px;

  left: 30px;

  color: var(--nd-accent);

}


.nd-tech-elementor {

  top: 90px;

  right: 30px;

}


.nd-tech-css {

  bottom: 35px;

  left: 60px;

}


/* =========================================================
   GAME VISUAL
========================================================= */

.nd-game-visual {

  height: 330px;

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  overflow: hidden;

  background:

    radial-gradient(
      circle at center,
      rgba(142,229,255,.10),
      transparent 60%
    ),

    #0c1117;

}


body.nd-light .nd-game-visual {

  background:

    radial-gradient(
      circle at center,
      rgba(80,170,200,.13),
      transparent 60%
    ),

    #e8efef;

}


/* Game glow */

.nd-game-glow {

  position: absolute;

  width: 280px;

  height: 280px;

  border-radius: 50%;

  background: rgba(142,229,255,.07);

  filter: blur(35px);

}


body.nd-light .nd-game-glow {

  background:
    rgba(80,170,200,.10);

}


/* Game screen */

.nd-game-screen {

  width: 72%;

  padding: 20px;

  border: 1px solid var(--nd-border-soft);

  border-radius: 11px;

  background: var(--nd-surface);

  box-shadow:
    0 25px 60px rgba(0,0,0,.55);

  transform: rotate(3deg);

  position: relative;

  z-index: 2;

  transition:
    transform .4s ease,
    background .35s ease,
    box-shadow .35s ease;

}


body.nd-light .nd-game-screen {

  box-shadow:
    0 20px 45px rgba(25,35,30,.14);

}


.nd-project-game:hover .nd-game-screen {

  transform:
    rotate(0deg)
    translateY(-5px);

}


/* =========================================================
   GAME HEADER
========================================================= */

.nd-game-header {

  display: flex;

  justify-content: space-between;

  color: var(--nd-text-muted);

  font-size: 8px;

  letter-spacing: 1.2px;

}


.nd-game-header b {

  color: #5dbdd8;

}


/* =========================================================
   QUESTION
========================================================= */

.nd-game-question {

  margin: 26px 0 17px;

  color: var(--nd-text-soft);

  font-size: 11px;

  text-align: center;

}


.nd-game-question strong {

  display: block;

  color: var(--nd-text);

  font-family: "Space Grotesk", sans-serif;

  font-size: 37px;

  line-height: 1;

  margin-top: 5px;

}


/* =========================================================
   OPTIONS
========================================================= */

.nd-game-options {

  display: grid;

  gap: 7px;

}


.nd-game-options div {

  padding: 9px;

  border: 1px solid var(--nd-border);

  border-radius: 5px;

  color: var(--nd-text-muted);

  font-size: 8px;

  text-align: center;

}


.nd-game-options .correct {

  border-color:
    rgba(142,229,255,.4);

  background:
    rgba(142,229,255,.07);

  color: #5dbdd8;

}


/* =========================================================
   SCORE
========================================================= */

.nd-game-score {

  margin-top: 15px;

  color: var(--nd-text-muted);

  font-size: 8px;

}


.nd-game-score strong {

  margin-left: 5px;

  color: var(--nd-text);

}


/* =========================================================
   FLOATING GAME LABELS
========================================================= */

.nd-game-code,
.nd-game-js {

  position: absolute;

  z-index: 4;

  padding: 9px 13px;

  border: 1px solid var(--nd-border-soft);

  border-radius: 7px;

  background: var(--nd-surface-2);

  color: var(--nd-accent);

  font-size: 10px;

  box-shadow:
    0 15px 30px rgba(0,0,0,.45);

}


body.nd-light .nd-game-code,
body.nd-light .nd-game-js {

  box-shadow:
    0 12px 28px rgba(25,35,30,.10);

}


.nd-game-code {

  top: 35px;

  left: 35px;

  color: #4cabc8;

}


.nd-game-js {

  right: 30px;

  bottom: 30px;

}


/* =========================================================
   FULL STACK VISUAL
========================================================= */

.nd-fullstack-visual {

  height: 330px;

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  overflow: hidden;

  background:

    radial-gradient(
      circle at center,
      rgba(201,255,87,.10),
      transparent 45%
    ),

    #0d1110;

}


body.nd-light .nd-fullstack-visual {

  background:

    radial-gradient(
      circle at center,
      rgba(120,165,29,.13),
      transparent 45%
    ),

    #e9eee6;

}


/* =========================================================
   CENTER
========================================================= */

.nd-stack-center {

  width: 88px;

  height: 88px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  background: var(--nd-accent);

  color: #101510;

  font-family: "Space Grotesk", sans-serif;

  font-size: 26px;

  font-weight: 700;

  box-shadow:
    0 0 50px rgba(201,255,87,.22);

  position: relative;

  z-index: 3;

}


/* =========================================================
   ORBITS
========================================================= */

.nd-stack-orbit {

  position: absolute;

  border: 1px solid rgba(201,255,87,.14);

  border-radius: 50%;

  animation:
    ndOrbit 12s linear infinite;

}


body.nd-light .nd-stack-orbit {

  border-color:
    rgba(120,165,29,.18);

}


.orbit-one {

  width: 200px;

  height: 200px;

}


.orbit-two {

  width: 300px;

  height: 300px;

  border-color: rgba(142,229,255,.10);

  animation-duration: 18s;

  animation-direction: reverse;

}


body.nd-light .orbit-two {

  border-color:
    rgba(80,170,200,.14);

}


@keyframes ndOrbit {

  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }

}


/* =========================================================
   STACK NODES
========================================================= */

.nd-stack-node {

  position: absolute;

  z-index: 5;

  display: flex;

  align-items: center;

  gap: 8px;

  padding: 10px 13px;

  border: 1px solid var(--nd-border);

  border-radius: 8px;

  background: var(--nd-surface-2);

  color: var(--nd-text-soft);

  font-size: 10px;

  box-shadow:
    0 12px 25px rgba(0,0,0,.5);

}


body.nd-light .nd-stack-node {

  box-shadow:
    0 10px 25px rgba(25,35,30,.10);

}


.nd-stack-node b {

  color: var(--nd-accent);

}


.node-react {

  top: 25px;

  left: 28%;

}


.node-node {

  top: 42%;

  right: 15%;

}


.node-mongo {

  bottom: 25px;

  left: 20%;

}


.node-express {

  top: 38px;

  right: 30%;

}


/* =========================================================
   PROJECT INFORMATION
========================================================= */

.nd-project-info {

  padding: 34px;

}


.nd-project-meta {

  display: flex;

  align-items: center;

  gap: 14px;

}


.nd-project-meta span {

  color: var(--nd-text-muted);

  font-family: "Space Grotesk", sans-serif;

  font-size: 14px;

  font-weight: 700;

}


.nd-project-meta b {

  color: var(--nd-accent);

  font-size: 10px;

  letter-spacing: 1.7px;

}


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

.nd-project-info h3 {

  margin: 13px 0 14px;

  color: var(--nd-text);

  font-family: "Space Grotesk", sans-serif;

  font-size: 35px;

  line-height: 1.05;

  letter-spacing: -1.2px;

}


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

.nd-project-info p {

  max-width: 760px;

  margin: 0;

  color: var(--nd-text-soft);

  font-size: 16px;

  line-height: 1.8;

}


/* =========================================================
   BOTTOM AREA
========================================================= */

.nd-project-bottom {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

  margin-top: 25px;

}


/* =========================================================
   TAGS
========================================================= */

.nd-project-tags {

  display: flex;

  flex-wrap: wrap;

  gap: 8px;

}


.nd-project-tags span {

  padding: 6px 12px;

  border: 1px solid var(--nd-border-soft);

  border-radius: 999px;

  color: var(--nd-text-soft);

  font-size: 11px;

}


/* =========================================================
   PROJECT LINK
========================================================= */

.nd-project-link {

  white-space: nowrap;

  color: var(--nd-text);

  font-size: 13px;

  transition:
    color .2s ease;

}


.nd-project-link strong {

  color: var(--nd-accent);

  font-size: 18px;

}


.nd-project-link:hover {

  color: var(--nd-accent);

}


/* =========================================================
   LEARNING STATUS
========================================================= */

.nd-learning-status {

  color: var(--nd-accent);

  font-size: 12px;

}


/* =========================================================
   HOVER EFFECTS
========================================================= */

.nd-project::before {

  content: "";

  position: absolute;

  width: 250px;

  height: 250px;

  top: -150px;

  right: -150px;

  border: 1px solid rgba(255,255,255,.05);

  border-radius: 50%;

  transition:
    transform .6s ease;

  pointer-events: none;

}


body.nd-light .nd-project::before {

  border-color:
    rgba(17,21,24,.06);

}


.nd-project:hover::before {

  transform: scale(1.5);

}


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

@media (max-width: 850px) {

  .nd-projects {

    padding: 85px 20px;

  }


  .nd-projects-header {

    flex-direction: column;

    align-items: flex-start;

    gap: 25px;

  }


  .nd-projects-header > p {

    max-width: 600px;

  }


  .nd-projects-grid {

    grid-template-columns: 1fr;

  }


  .nd-project-visual,
  .nd-game-visual,
  .nd-fullstack-visual {

    height: 350px;

  }

}


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

@media (max-width: 520px) {

  .nd-projects {

    padding:
      70px 18px;

  }


  .nd-projects-header {

    margin-bottom: 40px;

  }


  .nd-projects-header h2 {

    font-size: 45px;

    letter-spacing: -2px;

  }


  .nd-projects-header > p {

    font-size: 14px;

  }


  .nd-project {

    border-radius: 14px;

  }


  .nd-project-visual {

    height: 300px;

    padding: 18px;

  }


  .nd-browser {

    width: 100%;

    transform: none;

  }


  .nd-browser-content {

    padding: 15px;

  }


  .nd-browser-hero {

    margin-top: 25px;

  }


  .nd-browser-hero strong {

    font-size: 24px;

  }


  .nd-floating-tech {

    display: none;

  }


  .nd-game-visual,
  .nd-fullstack-visual {

    height: 290px;

  }


  .nd-game-screen {

    width: 82%;

  }


  .nd-game-code,
  .nd-game-js {

    font-size: 9px;

    padding: 8px 10px;

  }


  .nd-project-info {

    padding: 26px 22px;

  }


  .nd-project-info h3 {

    font-size: 29px;

  }


  .nd-project-info p {

    font-size: 15px;

    line-height: 1.75;

  }


  .nd-project-bottom {

    align-items: flex-start;

    flex-direction: column;

  }


  .nd-project-tags span {

    font-size: 10px;

  }


  .nd-project-link {

    font-size: 12px;

  }


  .nd-stack-node {

    font-size: 9px;

    padding: 8px 10px;

  }


  .node-react {

    left: 15%;

  }


  .node-express {

    right: 15%;

  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c639e1b *//* =========================================================
   NADIRA — SKILLS SECTION
   DARK + LIGHT MODE
========================================================= */

.nd-skills {

  max-width: 1200px;

  margin: 0 auto;

  padding: 120px 30px;

  border-top: 1px solid var(--nd-border);

  color: var(--nd-text);

  font-family: "DM Sans", sans-serif;

  transition:
    color .35s ease,
    border-color .35s ease;

}


/* =========================================================
   MAIN GRID
========================================================= */

.nd-skills-grid {

  display: grid;

  grid-template-columns:
    .75fr
    1.25fr;

  gap: 90px;

  align-items: start;

}


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

.nd-skills-heading {

  position: sticky;

  top: 100px;

}


.nd-skills-heading h2 {

  margin: 14px 0 25px;

  color: var(--nd-text);

  font-family: "Space Grotesk", sans-serif;

  font-size: clamp(48px, 5vw, 64px);

  line-height: 1;

  letter-spacing: -3px;

}


.nd-skills-heading h2 span {

  color: var(--nd-accent);

}


.nd-skills-heading > p {

  max-width: 360px;

  color: var(--nd-text-soft);

  font-size: 15px;

  line-height: 1.8;

}


/* =========================================================
   SKILL GROUP
========================================================= */

.nd-skill-group {

  padding-bottom: 45px;

}


.nd-skill-group + .nd-skill-group {

  padding-top: 45px;

  border-top: 1px solid var(--nd-border);

}


/* =========================================================
   GROUP HEADER
========================================================= */

.nd-skill-group-head {

  display: grid;

  grid-template-columns:
    40px
    1fr
    auto;

  align-items: center;

  gap: 12px;

  margin-bottom: 22px;

}


.nd-skill-group-head > span {

  color: var(--nd-text-muted);

  font-family: "Space Grotesk", sans-serif;

  font-size: 12px;

}


.nd-skill-group-head h3 {

  margin: 0;

  color: var(--nd-text);

  font-family: "Space Grotesk", sans-serif;

  font-size: 20px;

  letter-spacing: -.5px;

}


/* =========================================================
   PROFESSIONAL SKILLS
========================================================= */

.nd-skill-cloud {

  display: grid;

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

  gap: 10px;

}


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

.nd-skill-card {

  min-height: 80px;

  display: flex;

  align-items: center;

  gap: 14px;

  padding: 15px;

  border: 1px solid var(--nd-border);

  border-radius: 9px;

  background: var(--nd-surface);

  transition:

    transform .25s ease,

    border-color .25s ease,

    background .25s ease,

    box-shadow .25s ease;

}


.nd-skill-card:hover {

  transform: translateY(-3px);

  border-color: var(--nd-border-soft);

  background: var(--nd-surface-2);

}


/* Light mode card shadow */

body.nd-light .nd-skill-card:hover {

  box-shadow:
    0 12px 28px rgba(25,35,30,.07);

}


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

.nd-skill-card > strong {

  width: 39px;

  height: 39px;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-shrink: 0;

  border-radius: 7px;

  background: var(--nd-surface-2);

  color: var(--nd-accent);

  font-family: "Space Grotesk", sans-serif;

  font-size: 11px;

}


.nd-skill-card.featured {

  border-color:
    rgba(201,255,87,.22);

  background:
    linear-gradient(
      120deg,
      rgba(201,255,87,.07),
      var(--nd-surface)
    );

}


body.nd-light .nd-skill-card.featured {

  border-color:
    rgba(120,165,29,.30);

  background:
    linear-gradient(
      120deg,
      rgba(120,165,29,.08),
      #ffffff
    );

}


.nd-skill-card.featured > strong {

  background: var(--nd-accent);

  color: #101510;

}


/* =========================================================
   SKILL TEXT
========================================================= */

.nd-skill-card div {

  display: flex;

  flex-direction: column;

}


.nd-skill-card b {

  color: var(--nd-text-strong);

  font-size: 13px;

}


.nd-skill-card span {

  margin-top: 2px;

  color: var(--nd-text-muted) !important;

  font-size: 12px;

  font-weight: 400 !important;

}


/* Featured subtitle */

.nd-skill-card.featured span {

  color: var(--nd-accent) !important;

}


/* =========================================================
   LEARNING STACK
========================================================= */

.nd-learning-stack {

  display: flex;

  flex-direction: column;

  gap: 8px;

}


.nd-learning-item {

  display: grid;

  grid-template-columns:
    43px
    1fr
    auto;

  align-items: center;

  gap: 13px;

  padding: 12px 14px;

  border: 1px solid var(--nd-border);

  border-radius: 9px;

  background: var(--nd-surface);

  transition:

    border-color .25s ease,

    background .25s ease,

    transform .25s ease,

    box-shadow .25s ease;

}


.nd-learning-item:hover {

  border-color: var(--nd-border-soft);

  transform: translateX(4px);

}


body.nd-light .nd-learning-item:hover {

  box-shadow:
    0 10px 25px rgba(25,35,30,.06);

}


.nd-learning-item.active {

  border-color:
    rgba(201,255,87,.22);

  background:
    linear-gradient(
      100deg,
      rgba(201,255,87,.07),
      var(--nd-surface)
    );

}


body.nd-light .nd-learning-item.active {

  border-color:
    rgba(120,165,29,.30);

  background:
    linear-gradient(
      100deg,
      rgba(120,165,29,.08),
      #ffffff
    );

}


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

.nd-learning-icon {

  width: 39px;

  height: 39px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 7px;

  background: var(--nd-surface-2);

  color: var(--nd-accent);

  font-family: "Space Grotesk", sans-serif;

  font-size: 11px;

  font-weight: 700;

}


.nd-learning-item.active
.nd-learning-icon {

  background: var(--nd-accent);

  color: #101510;

}


/* =========================================================
   LEARNING TEXT
========================================================= */

.nd-learning-item div:nth-child(2) {

  display: flex;

  flex-direction: column;

}


.nd-learning-item b {

  color: var(--nd-text-strong);

  font-size: 14px;

}


.nd-learning-item span {

  color: var(--nd-text-muted);

  font-size: 12px;

}


/* =========================================================
   STATUS
========================================================= */

.nd-learning-item > strong {

  color: var(--nd-text-muted);

  font-family: "Space Grotesk", sans-serif;

  font-size: 10px;

}


.nd-learning-item.active > strong {

  color: var(--nd-accent);

  font-size: 9px;

  letter-spacing: 1px;

}


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

@media (max-width: 850px) {

  .nd-skills {

    padding: 85px 20px;

  }


  .nd-skills-grid {

    grid-template-columns: 1fr;

    gap: 50px;

  }


  .nd-skills-heading {

    position: static;

  }


  .nd-skills-heading > p {

    max-width: 600px;

  }

}


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

@media (max-width: 520px) {

  .nd-skills {

    padding: 70px 18px;

  }


  .nd-skills-heading h2 {

    font-size: 45px;

    letter-spacing: -2px;

  }


  .nd-skills-heading > p {

    font-size: 14px;

  }


  .nd-skill-group-head {

    grid-template-columns:
      30px
      1fr;

  }


  .nd-skill-group-head small {

    grid-column: 2;

  }


  .nd-skill-cloud {

    grid-template-columns: 1fr;

  }


  .nd-skill-card {

    min-height: 76px;

  }


  .nd-learning-item {

    grid-template-columns:
      40px
      1fr
      auto;

  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e4ea861 *//* =========================================================
   NADIRA — DEVELOPMENT JOURNEY
   DARK + LIGHT MODE
========================================================= */

.nd-journey {

  max-width: 1200px;

  margin: 0 auto;

  padding: 120px 30px;

  border-top: 1px solid var(--nd-border);

  color: var(--nd-text);

  font-family: "DM Sans", sans-serif;

  transition:
    color .35s ease,
    border-color .35s ease;

}


/* =========================================================
   HEADER
========================================================= */

.nd-journey-header {

  display: flex;

  justify-content: space-between;

  align-items: flex-end;

  gap: 60px;

  margin-bottom: 75px;

}


.nd-journey-header h2 {

  margin: 14px 0 0;

  color: var(--nd-text);

  font-family: "Space Grotesk", sans-serif;

  font-size: clamp(48px, 5.5vw, 68px);

  line-height: .98;

  letter-spacing: -3.5px;

}


.nd-journey-header h2 span {

  color: var(--nd-accent);

}


.nd-journey-header > p {

  max-width: 390px;

  margin: 0;

  color: var(--nd-text-soft);

  font-size: 16px;

  line-height: 1.8;

}


/* =========================================================
   TIMELINE
========================================================= */

.nd-timeline {

  position: relative;

  padding-bottom: 20px;

}


/* Main vertical line */

.nd-timeline::before {

  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

  left: 175px;

  width: 1px;

  background:
    linear-gradient(
      to bottom,
      var(--nd-border-soft),
      var(--nd-border-soft) 80%,
      transparent
    );

}


/* =========================================================
   TIMELINE ITEM
========================================================= */

.nd-timeline-item {

  display: grid;

  grid-template-columns:
    140px
    70px
    1fr;

  min-height: 180px;

  position: relative;

}


/* =========================================================
   YEAR
========================================================= */

.nd-timeline-year {

  padding-top: 8px;

  padding-right: 20px;

  color: var(--nd-text-muted);

  font-family: "Space Grotesk", sans-serif;

  font-size: 12px;

  font-weight: 600;

  letter-spacing: 1px;

  text-align: right;

}


/* =========================================================
   DOT
========================================================= */

.nd-timeline-dot {

  display: flex;

  justify-content: center;

  position: relative;

  z-index: 2;

}


.nd-timeline-dot span {

  width: 11px;

  height: 11px;

  margin-top: 7px;

  border-radius: 50%;

  border: 2px solid var(--nd-bg);

  background: var(--nd-text-muted);

  box-shadow:
    0 0 0 1px var(--nd-text-muted);

}


/* Current dot */

.nd-timeline-current
.nd-timeline-dot span {

  width: 14px;

  height: 14px;

  margin-top: 5px;

  background: var(--nd-accent);

  box-shadow:
    0 0 20px rgba(201,255,87,.45),
    0 0 0 1px var(--nd-accent);

}


/* Next */

.nd-timeline-next
.nd-timeline-dot span {

  background: transparent;

  border-color: var(--nd-text-muted);

  box-shadow:
    0 0 0 1px var(--nd-text-muted);

}


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

.nd-timeline-card {

  display: grid;

  grid-template-columns:
    45px
    1fr;

  gap: 18px;

  margin-bottom: 25px;

  padding: 27px 30px;

  border: 1px solid var(--nd-border);

  border-radius: 12px;

  background: var(--nd-surface);

  transition:
    transform .3s ease,
    border-color .3s ease,
    background .3s ease,
    box-shadow .3s ease;

}


.nd-timeline-card:hover {

  transform: translateX(5px);

  border-color: var(--nd-border-soft);

  background: var(--nd-surface-2);

}


/* Professional card */

.nd-timeline-professional {

  border-color:
    rgba(201,255,87,.22);

  background:
    linear-gradient(
      110deg,
      rgba(201,255,87,.06),
      var(--nd-surface)
    );

}


body.nd-light .nd-timeline-professional {

  border-color:
    rgba(120,165,29,.30);

  background:
    linear-gradient(
      110deg,
      rgba(120,165,29,.08),
      #ffffff
    );

}


/* Light mode card depth */

body.nd-light .nd-timeline-card:hover {

  box-shadow:
    0 14px 35px rgba(25,35,30,.07);

}


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

.nd-timeline-number {

  color: var(--nd-text-muted);

  font-family: "Space Grotesk", sans-serif;

  font-size: 13px;

  font-weight: 700;

}


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

.nd-timeline-card small {

  color: var(--nd-accent);

  font-size: 9px;

  font-weight: 600;

  letter-spacing: 1.6px;

}


.nd-timeline-card h3 {

  margin: 9px 0 12px;

  color: var(--nd-text);

  font-family: "Space Grotesk", sans-serif;

  font-size: 27px;

  line-height: 1.1;

  letter-spacing: -1px;

}


.nd-timeline-card p {

  max-width: 680px;

  margin: 0;

  color: var(--nd-text-soft);

  font-size: 15px;

  line-height: 1.8;

}


/* =========================================================
   TAGS
========================================================= */

.nd-timeline-tags {

  display: flex;

  flex-wrap: wrap;

  gap: 7px;

  margin-top: 18px;

}


.nd-timeline-tags span {

  padding: 5px 10px;

  border: 1px solid var(--nd-border-soft);

  border-radius: 999px;

  color: var(--nd-text-soft);

  font-size: 10px;

}


/* =========================================================
   PROGRESS
========================================================= */

.nd-progress {

  margin-top: 23px;

  max-width: 550px;

}


.nd-progress-top {

  display: flex;

  justify-content: space-between;

  margin-bottom: 9px;

}


.nd-progress-top span {

  color: var(--nd-text-soft);

  font-size: 11px;

}


.nd-progress-top strong {

  color: var(--nd-accent);

  font-size: 9px;

  letter-spacing: 1px;

}


.nd-progress-bar {

  height: 5px;

  overflow: hidden;

  border-radius: 99px;

  background: var(--nd-border);

}


.nd-progress-bar span {

  display: block;

  width: 65%;

  height: 100%;

  border-radius: inherit;

  background: var(--nd-accent);

  box-shadow:
    0 0 12px rgba(201,255,87,.35);

}


/* =========================================================
   FINAL GOAL
========================================================= */

.nd-goal {

  display: inline-flex;

  align-items: center;

  gap: 15px;

  margin-top: 20px;

  padding: 10px 14px;

  border: 1px solid var(--nd-border-soft);

  border-radius: 8px;

  background: var(--nd-surface-2);

}


.nd-goal span {

  color: var(--nd-text-soft);

  font-family: "Space Grotesk", sans-serif;

  font-size: 10px;

  font-weight: 600;

  letter-spacing: 1px;

}


.nd-goal b {

  color: var(--nd-accent);

  font-size: 15px;

}


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

@media (max-width: 850px) {

  .nd-journey {

    padding: 85px 20px;

  }


  .nd-journey-header {

    flex-direction: column;

    align-items: flex-start;

    gap: 25px;

    margin-bottom: 55px;

  }


  .nd-journey-header > p {

    max-width: 600px;

  }


  .nd-timeline::before {

    left: 95px;

  }


  .nd-timeline-item {

    grid-template-columns:
      65px
      60px
      1fr;

  }

}


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

@media (max-width: 520px) {

  .nd-journey {

    padding:
      70px 18px;

  }


  .nd-journey-header h2 {

    font-size: 45px;

    letter-spacing: -2px;

  }


  .nd-journey-header > p {

    font-size: 14px;

  }


  .nd-timeline::before {

    left: 25px;

  }


  .nd-timeline-item {

    display: grid;

    grid-template-columns:
      50px
      1fr;

  }


  .nd-timeline-year {

    grid-column: 1 / -1;

    padding:
      0
      0
      10px
      50px;

    text-align: left;

    font-size: 11px;

  }


  .nd-timeline-dot {

    grid-column: 1;

    grid-row: 2;

    justify-content: center;

  }


  .nd-timeline-card {

    grid-column: 2;

    grid-row: 2;

    grid-template-columns: 1fr;

    gap: 12px;

    padding: 22px 20px;

    margin-bottom: 30px;

  }


  .nd-timeline-number {

    display: none;

  }


  .nd-timeline-card h3 {

    font-size: 23px;

  }


  .nd-timeline-card p {

    font-size: 14px;

  }


  .nd-timeline-tags span {

    font-size: 9px;

  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dfe4ee *//* =========================================================
   NADIRA — PROFESSIONAL CONTACT SECTION
   DARK + LIGHT MODE
========================================================= */

.nd-pro-contact {

  position: relative;

  max-width: 1200px;

  margin: 0 auto;

  padding: 120px 30px 45px;

  /*overflow: hidden;*/

  border-top: 1px solid var(--nd-border);

  color: var(--nd-text);

  font-family: "DM Sans", sans-serif;

  transition:
    color .35s ease,
    border-color .35s ease;

}


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

.nd-pro-contact-bg {

  position: absolute;

  width: 600px;

  height: 600px;

  right: -280px;

  top: -220px;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(201,255,87,.08),
      transparent 65%
    );

  pointer-events: none;

}


body.nd-light .nd-pro-contact-bg {

  background:
    radial-gradient(
      circle,
      rgba(120,165,29,.10),
      transparent 65%
    );

}


/* =========================================================
   INNER
========================================================= */

.nd-pro-contact-inner {

  position: relative;

  z-index: 2;

}


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

.nd-pro-contact-top {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 45px;

}


/* =========================================================
   AVAILABILITY
========================================================= */

.nd-pro-contact-status {

  display: flex;

  align-items: center;

  gap: 9px;

  color: var(--nd-text-soft);

  font-size: 10px;

  letter-spacing: 1.4px;

}


.nd-pro-contact-status span {

  width: 7px;

  height: 7px;

  border-radius: 50%;

  background: var(--nd-accent);

  box-shadow:
    0 0 12px rgba(201,255,87,.6);

}


body.nd-light .nd-pro-contact-status span {

  box-shadow:
    0 0 12px rgba(120,165,29,.4);

}


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

.nd-pro-contact-heading {

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  gap: 60px;

}


.nd-pro-contact-heading h2 {

  margin: 0;

  color: var(--nd-text);

  font-family: "Space Grotesk", sans-serif;

  font-size: clamp(58px, 7vw, 92px);

  line-height: .93;

  letter-spacing: -5px;

}


.nd-pro-contact-heading h2 span {

  color: var(--nd-accent);

}


.nd-pro-contact-heading p {

  max-width: 390px;

  margin: 0 0 5px;

  color: var(--nd-text-soft);

  font-size: 15px;

  line-height: 1.8;

}


/* =========================================================
   EMAIL CTA
========================================================= */

.nd-pro-email {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-top: 55px;

  padding: 22px 25px;

  border: 1px solid rgba(201,255,87,.25);

  border-radius: 12px;

  background:
    linear-gradient(
      110deg,
      rgba(201,255,87,.07),
      var(--nd-surface)
    );

  transition:

    transform .3s ease,

    border-color .3s ease,

    box-shadow .3s ease,

    background .35s ease;

}


body.nd-light .nd-pro-email {

  border-color:
    rgba(120,165,29,.30);

  background:
    linear-gradient(
      110deg,
      rgba(120,165,29,.08),
      #ffffff
    );

}


.nd-pro-email:hover {

  transform: translateY(-4px);

  border-color: var(--nd-accent);

  box-shadow:
    0 20px 50px rgba(0,0,0,.25);

}


body.nd-light .nd-pro-email:hover {

  box-shadow:
    0 20px 50px rgba(25,35,30,.10);

}


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

.nd-pro-email-left {

  display: flex;

  align-items: center;

  gap: 17px;

}


.nd-pro-email-icon {

  width: 52px;

  height: 52px;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-shrink: 0;

  border-radius: 9px;

  background: var(--nd-accent);

  color: #101510;

  font-family: "Space Grotesk", sans-serif;

  font-size: 22px;

  font-weight: 700;

}


.nd-pro-email-left small {

  display: block;

  color: var(--nd-text-muted);

  font-size: 9px;

  letter-spacing: 1.6px;

}


.nd-pro-email-left strong {

  display: block;

  margin-top: 4px;

  color: var(--nd-text-strong);

  font-family: "Space Grotesk", sans-serif;

  font-size: 17px;

}


.nd-pro-email-arrow {

  color: var(--nd-accent);

  font-size: 28px;

  transition:
    transform .25s ease;

}


.nd-pro-email:hover
.nd-pro-email-arrow {

  transform:
    translate(4px,-4px);

}


/* =========================================================
   LOWER GRID
========================================================= */

.nd-pro-contact-grid {

  display: grid;

  grid-template-columns:
    1fr
    1fr
    1fr;

  gap: 15px;

  margin-top: 15px;

}


/* =========================================================
   COMMON LOWER CARDS
========================================================= */

.nd-pro-social,
.nd-pro-contact-info,
.nd-pro-contact-note {

  min-height: 235px;

  padding: 25px;

  border: 1px solid var(--nd-border);

  border-radius: 11px;

  background: var(--nd-surface);

  transition:

    background .35s ease,

    border-color .3s ease,

    box-shadow .3s ease;

}


/* Light mode card depth */

body.nd-light
.nd-pro-social,
body.nd-light
.nd-pro-contact-info,
body.nd-light
.nd-pro-contact-note {

  box-shadow:
    0 12px 35px rgba(25,35,30,.05);

}


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

.nd-pro-small-label {

  color: var(--nd-text-muted);

  font-size: 9px;

  font-weight: 600;

  letter-spacing: 1.6px;

}


/* =========================================================
   SOCIAL
========================================================= */

.nd-pro-social-list {

  display: flex;

  flex-direction: column;

  margin-top: 20px;

}


.nd-pro-social-list a {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 15px 0;

  border-bottom: 1px solid var(--nd-border);

  color: var(--nd-text-soft);

  font-family: "Space Grotesk", sans-serif;

  font-size: 14px;

  text-decoration: none;

  transition:
    color .2s ease,
    padding .2s ease,
    border-color .2s ease;

}


.nd-pro-social-list a:first-child {

  border-top: 1px solid var(--nd-border);

}


.nd-pro-social-list a b {

  color: var(--nd-text-muted);

  font-size: 17px;

  transition:
    color .2s ease,
    transform .2s ease;

}


.nd-pro-social-list a:hover {

  padding-left: 5px;

  color: var(--nd-accent);

}


.nd-pro-social-list a:hover b {

  color: var(--nd-accent);

  transform:
    translate(3px,-3px);

}


/* =========================================================
   CONTACT INFO
========================================================= */

.nd-pro-contact-info {

  display: flex;

  flex-direction: column;

}


.nd-pro-info-item {

  display: flex;

  flex-direction: column;

  gap: 5px;

  padding: 15px 0;

  border-bottom: 1px solid var(--nd-border);

}


.nd-pro-info-item:first-of-type {

  margin-top: 9px;

  border-top: 1px solid var(--nd-border);

}


.nd-pro-info-item span {

  color: var(--nd-text-muted);

  font-size: 10px;

}


.nd-pro-info-item strong {

  color: var(--nd-text-soft);

  font-size: 13px;

  line-height: 1.4;

}


.nd-pro-info-item strong.available {

  color: var(--nd-accent);

}


/* =========================================================
   NOTE
========================================================= */

.nd-pro-contact-note {

  display: flex;

  flex-direction: column;

  justify-content: center;

  position: relative;

  overflow: hidden;

  background:

    radial-gradient(
      circle at 90% 10%,
      rgba(201,255,87,.06),
      transparent 40%
    ),

    var(--nd-surface);

}


body.nd-light .nd-pro-contact-note {

  background:

    radial-gradient(
      circle at 90% 10%,
      rgba(120,165,29,.08),
      transparent 40%
    ),

    #ffffff;

}


/* =========================================================
   NOTE MARK
========================================================= */

.nd-pro-note-mark {

  color: var(--nd-accent);

  font-family: Georgia, serif;

  font-size: 60px;

  line-height: .6;

  opacity: .7;

}


/* =========================================================
   NOTE TEXT
========================================================= */

.nd-pro-contact-note p {

  max-width: 280px;

  margin: 20px 0 15px;

  color: var(--nd-text-soft);

  font-family: "Space Grotesk", sans-serif;

  font-size: 17px;

  line-height: 1.5;

}


.nd-pro-contact-note > span {

  color: var(--nd-text-muted);

  font-size: 11px;

}


/* =========================================================
   FOOTER
========================================================= */

.nd-pro-contact-footer {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

  margin-top: 55px;

  padding-top: 20px;

  border-top: 1px solid var(--nd-border);

}


.nd-pro-contact-footer span {

  color: var(--nd-text-muted);

  font-size: 10px;

}


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

@media (max-width: 850px) {

  .nd-pro-contact {

    padding:
      90px 20px
      40px;

  }


  .nd-pro-contact-heading {

    flex-direction: column;

    align-items: flex-start;

    gap: 25px;

  }


  .nd-pro-contact-heading p {

    max-width: 600px;

  }


  .nd-pro-contact-grid {

    grid-template-columns:
      1fr
      1fr;

  }


  .nd-pro-contact-note {

    grid-column:
      1 / -1;

  }

}


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

@media (max-width: 520px) {

  .nd-pro-contact {

    padding:
      75px 18px
      35px;

  }


  .nd-pro-contact-top {

    align-items: flex-start;

    flex-direction: column;

    gap: 18px;

    margin-bottom: 38px;

  }


  .nd-pro-contact-heading h2 {

    font-size: 56px;

    letter-spacing: -3px;

  }


  .nd-pro-contact-heading p {

    font-size: 14px;

  }


  .nd-pro-email {

    padding: 18px;

  }


  .nd-pro-email-left {

    gap: 12px;

  }


  .nd-pro-email-icon {

    width: 45px;

    height: 45px;

    font-size: 19px;

  }


  .nd-pro-email-left strong {

    font-size: 14px;

  }


  .nd-pro-email-arrow {

    font-size: 22px;

  }


  .nd-pro-contact-grid {

    grid-template-columns: 1fr;

  }


  .nd-pro-contact-note {

    grid-column: auto;

  }


  .nd-pro-contact-note p {

    font-size: 16px;

  }


  .nd-pro-contact-footer {

    align-items: flex-start;

    flex-direction: column;

    gap: 8px;

  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-14a3beb *//* =========================================================
   NADIRA — PREMIUM FOOTER
   DARK + LIGHT MODE / ELEMENTOR SAFE
========================================================= */

.nd-premium-footer {

  position: relative !important;

  width: 100% !important;

  max-width: 1200px !important;

  margin: 0 auto !important;

  overflow: hidden !important;

  box-sizing: border-box !important;

  background: var(--nd-bg) !important;

  color: var(--nd-text) !important;

  border-top: 1px solid var(--nd-border) !important;

  font-family:
    "DM Sans",
    Arial,
    Helvetica,
    sans-serif !important;

  transition:
    background .35s ease,
    color .35s ease,
    border-color .35s ease;

}


/* =========================================================
   RESET
========================================================= */

.nd-premium-footer *,
.nd-premium-footer *::before,
.nd-premium-footer *::after {

  box-sizing: border-box !important;

}


.nd-premium-footer a {

  text-decoration: none !important;

}


.nd-premium-footer p,
.nd-premium-footer span,
.nd-premium-footer a {

  font-family:
    "DM Sans",
    Arial,
    Helvetica,
    sans-serif !important;

}


/* =========================================================
   BACKGROUND GRID
========================================================= */

.nd-footer-grid-bg {

  position: absolute !important;

  inset: 0 !important;

  width: 100% !important;

  height: 100% !important;

  opacity: .18 !important;

  pointer-events: none !important;

  background-image:

    linear-gradient(
      rgba(255,255,255,.035) 1px,
      transparent 1px
    ),

    linear-gradient(
      90deg,
      rgba(255,255,255,.035) 1px,
      transparent 1px
    ) !important;

  background-size:
    60px 60px !important;

}


body.nd-light .nd-footer-grid-bg {

  opacity: .55 !important;

  background-image:

    linear-gradient(
      rgba(17,21,24,.045) 1px,
      transparent 1px
    ),

    linear-gradient(
      90deg,
      rgba(17,21,24,.045) 1px,
      transparent 1px
    ) !important;

}


/* =========================================================
   GREEN GLOW
========================================================= */

.nd-premium-footer::after {

  content: "" !important;

  position: absolute !important;

  width: 500px !important;

  height: 500px !important;

  left: -250px !important;

  bottom: -350px !important;

  border-radius: 50% !important;

  background:
    radial-gradient(
      circle,
      rgba(201,255,87,.07),
      transparent 68%
    ) !important;

  pointer-events: none !important;

}


body.nd-light .nd-premium-footer::after {

  background:
    radial-gradient(
      circle,
      rgba(120,165,29,.09),
      transparent 68%
    ) !important;

}


/* =========================================================
   INNER
========================================================= */

.nd-premium-footer-inner {

  position: relative !important;

  z-index: 2 !important;

  width: 100% !important;

  padding:
    32px 30px 28px !important;

}


/* =========================================================
   TOP ROW
========================================================= */

.nd-premium-footer-top {

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  width: 100% !important;

  padding-bottom: 32px !important;

}


/* =========================================================
   AVAILABILITY
========================================================= */

.nd-footer-availability {

  display: flex !important;

  align-items: center !important;

  gap: 10px !important;

  color: var(--nd-text-soft) !important;

  font-family:
    "DM Sans",
    Arial,
    sans-serif !important;

  font-size: 11px !important;

  font-weight: 500 !important;

  line-height: 1.4 !important;

  letter-spacing: 1.4px !important;

  opacity: 1 !important;

}


.nd-footer-live-dot {

  display: block !important;

  width: 7px !important;

  height: 7px !important;

  min-width: 7px !important;

  border-radius: 50% !important;

  background: var(--nd-accent) !important;

  box-shadow:
    0 0 0 3px rgba(201,255,87,.08),
    0 0 15px rgba(201,255,87,.65) !important;

}


body.nd-light .nd-footer-live-dot {

  box-shadow:
    0 0 0 3px rgba(120,165,29,.10),
    0 0 15px rgba(120,165,29,.35) !important;

}


.nd-footer-year {

  color: var(--nd-text-muted) !important;

  font-family:
    "Space Grotesk",
    Arial,
    sans-serif !important;

  font-size: 12px !important;

  font-weight: 500 !important;

  letter-spacing: 1px !important;

}


/* =========================================================
   LARGE WORDMARK
========================================================= */

.nd-footer-wordmark {

  position: relative !important;

  display: block !important;

  width: 100% !important;

  margin:
    0 0 0 -5px !important;

  padding: 0 !important;

  color: var(--nd-text) !important;

  font-family:
    "Space Grotesk",
    Arial,
    Helvetica,
    sans-serif !important;

  font-size:
    clamp(100px, 16vw, 190px) !important;

  font-weight: 700 !important;

  line-height: .82 !important;

  letter-spacing: -8px !important;

  white-space: nowrap !important;

  opacity: 1 !important;

  -webkit-text-stroke: 0 !important;

  text-shadow:
    0 0 40px rgba(255,255,255,.025) !important;

}


/* GREEN DOT */

.nd-footer-wordmark span {

  color: var(--nd-accent) !important;

  font-family:
    "Space Grotesk",
    Arial,
    sans-serif !important;

  font-size: inherit !important;

  font-weight: 700 !important;

  opacity: 1 !important;

  -webkit-text-stroke: 0 !important;

}


/* =========================================================
   MIDDLE AREA
========================================================= */

.nd-footer-middle {

  display: grid !important;

  grid-template-columns:
    1.4fr
    .8fr
    .6fr !important;

  gap: 70px !important;

  width: 100% !important;

  margin-top: 65px !important;

  padding:
    35px 0 38px !important;

  border-top: 1px solid var(--nd-border) !important;

  border-bottom: 1px solid var(--nd-border) !important;

}


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

.nd-footer-description {

  display: block !important;

}


.nd-footer-description p {

  max-width: 360px !important;

  margin: 0 !important;

  color: var(--nd-text-soft) !important;

  font-family:
    "DM Sans",
    Arial,
    sans-serif !important;

  font-size: 15px !important;

  font-weight: 400 !important;

  line-height: 1.8 !important;

  opacity: 1 !important;

}


/* =========================================================
   NAVIGATION / SOCIAL
========================================================= */

.nd-footer-nav,
.nd-footer-social {

  display: flex !important;

  flex-direction: column !important;

  align-items: flex-start !important;

}


/* HEADINGS */

.nd-footer-nav > span,
.nd-footer-social > span {

  display: block !important;

  margin:
    0 0 15px !important;

  color: var(--nd-text-muted) !important;

  font-family:
    "DM Sans",
    Arial,
    sans-serif !important;

  font-size: 10px !important;

  font-weight: 600 !important;

  line-height: 1.4 !important;

  letter-spacing: 1.8px !important;

  opacity: 1 !important;

}


/* =========================================================
   FOOTER LINKS
========================================================= */

.nd-footer-nav a,
.nd-footer-social a {

  position: relative !important;

  display: inline-block !important;

  width: fit-content !important;

  padding:
    4px 0 !important;

  color: var(--nd-text-soft) !important;

  font-family:
    "Space Grotesk",
    Arial,
    sans-serif !important;

  font-size: 13px !important;

  font-weight: 400 !important;

  line-height: 1.6 !important;

  opacity: 1 !important;

  transition:
    color .2s ease,
    transform .2s ease !important;

}


/* Hover dot */

.nd-footer-nav a::before,
.nd-footer-social a::before {

  content: "" !important;

  position: absolute !important;

  left: -12px !important;

  top: 50% !important;

  width: 4px !important;

  height: 4px !important;

  border-radius: 50% !important;

  background: var(--nd-accent) !important;

  opacity: 0 !important;

  transform:
    translateY(-50%)
    scale(.5) !important;

  transition:
    opacity .2s ease,
    transform .2s ease !important;

}


/* Hover */

.nd-footer-nav a:hover,
.nd-footer-social a:hover {

  color: var(--nd-accent) !important;

  transform: translateX(5px) !important;

}


.nd-footer-nav a:hover::before,
.nd-footer-social a:hover::before {

  opacity: 1 !important;

  transform:
    translateY(-50%)
    scale(1) !important;

}


/* =========================================================
   BOTTOM
========================================================= */

.nd-footer-bottom {

  display: grid !important;

  grid-template-columns:
    1fr
    1fr
    1fr !important;

  align-items: center !important;

  gap: 25px !important;

  width: 100% !important;

  padding-top: 23px !important;

}


.nd-footer-bottom > span {

  display: block !important;

  color: var(--nd-text-muted) !important;

  font-family:
    "DM Sans",
    Arial,
    sans-serif !important;

  font-size: 11px !important;

  font-weight: 400 !important;

  line-height: 1.5 !important;

  opacity: 1 !important;

}


.nd-footer-bottom > span:nth-child(2) {

  color: var(--nd-text-muted) !important;

  text-align: center !important;

}


/* =========================================================
   BACK TO TOP
========================================================= */

.nd-footer-top-link {

  justify-self: end !important;

  display: flex !important;

  align-items: center !important;

  gap: 11px !important;

  color: var(--nd-text-soft) !important;

  font-family:
    "DM Sans",
    Arial,
    sans-serif !important;

  font-size: 10px !important;

  font-weight: 500 !important;

  letter-spacing: 1.3px !important;

  opacity: 1 !important;

  transition:
    color .2s ease !important;

}


.nd-footer-top-link span {

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: 32px !important;

  height: 32px !important;

  border: 1px solid var(--nd-border-soft) !important;

  border-radius: 50% !important;

  color: var(--nd-accent) !important;

  font-family:
    Arial,
    sans-serif !important;

  font-size: 15px !important;

  line-height: 1 !important;

  transition:
    border-color .2s ease,
    background .2s ease,
    transform .2s ease !important;

}


.nd-footer-top-link:hover {

  color: var(--nd-accent) !important;

}


.nd-footer-top-link:hover span {

  border-color: var(--nd-accent) !important;

  background:
    rgba(201,255,87,.06) !important;

  transform:
    translateY(-3px) !important;

}


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

@media (max-width: 850px) {

  .nd-premium-footer-inner {

    padding:
      30px 24px 25px !important;

  }


  .nd-footer-middle {

    grid-template-columns:
      1fr 1fr !important;

    gap: 45px !important;

  }


  .nd-footer-description {

    grid-column:
      1 / -1 !important;

  }


  .nd-footer-wordmark {

    font-size:
      clamp(80px, 17vw, 150px) !important;

    letter-spacing: -6px !important;

  }

}


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

@media (max-width: 520px) {

  .nd-premium-footer-inner {

    padding:
      25px 18px 22px !important;

  }


  .nd-premium-footer-top {

    padding-bottom: 28px !important;

  }


  .nd-footer-availability {

    font-size: 8px !important;

    letter-spacing: 1.1px !important;

  }


  .nd-footer-year {

    font-size: 10px !important;

  }


  .nd-footer-wordmark {

    margin-left: -2px !important;

    font-size:
      23vw !important;

    line-height: .85 !important;

    letter-spacing: -4px !important;

  }


  .nd-footer-middle {

    grid-template-columns:
      1fr !important;

    gap: 35px !important;

    margin-top: 48px !important;

    padding:
      30px 0 32px !important;

  }


  .nd-footer-description {

    grid-column: auto !important;

  }


  .nd-footer-description p {

    max-width: 330px !important;

    font-size: 14px !important;

  }


  .nd-footer-nav a,
  .nd-footer-social a {

    font-size: 13px !important;

  }


  .nd-footer-bottom {

    grid-template-columns:
      1fr !important;

    gap: 12px !important;

  }


  .nd-footer-bottom > span:nth-child(2) {

    text-align: left !important;

  }


  .nd-footer-top-link {

    justify-self: start !important;

  }

}


/* =========================================================
   EXTRA SMALL
========================================================= */

@media (max-width: 380px) {

  .nd-footer-wordmark {

    font-size:
      22vw !important;

    letter-spacing: -3px !important;

  }


  .nd-footer-availability {

    font-size: 7px !important;

  }

}/* End custom CSS */