.elementor-2889 .elementor-element.elementor-element-eddd9d5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}body.elementor-page-2889:not(.elementor-motion-effects-element-type-background), body.elementor-page-2889 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFAF0;}:root{--page-title-display:none;}body.elementor-page-2889{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS *//* =========================================================
   NASUCURI PUFOASE
   PAGINA CUSTOM COMPLETA
========================================================= */

.np-page {
    --np-navy: #102b50;
    --np-navy-dark: #081d39;
    --np-navy-deep: #07182f;

    --np-red: #f15b4d;
    --np-red-dark: #eb4e43;

    --np-gold: #e5aa29;
    --np-gold-light: #f1c75f;

    --np-cream: #fff8ee;
    --np-cream-light: #fffaf4;

    --np-text: #243950;
    --np-muted: #536275;

    --np-white: #ffffff;

    --np-border: rgba(16, 43, 80, .10);

    --np-max: 1280px;

    position: relative;

    width: 100vw;
    max-width: 100vw;

    margin-left: calc(50% - 50vw);

    overflow: hidden;

    background: var(--np-cream);

    color: var(--np-text);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}


/* =========================================================
   RESET DOAR IN PAGINA
========================================================= */

.np-page *,
.np-page *::before,
.np-page *::after {
    box-sizing: border-box;
}


.np-page img {
    display: block;
    max-width: 100%;
}


.np-page a {
    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}


.np-container {
    width: min(
        var(--np-max),
        calc(100% - 48px)
    );

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


/* =========================================================
   ANCORE
========================================================= */

#doneaza,
#visul-nostru,
#redirectioneaza,
#sponsorizeaza,
#ajuta {
    scroll-margin-top: 30px;
}


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

.np-header {
    position: relative;
    z-index: 100;

    width: 100%;

    background: rgba(255, 255, 255, .98);

    border-bottom:
        1px solid rgba(16, 43, 80, .06);

    box-shadow:
        0 4px 25px rgba(16, 43, 80, .04);
}


.np-header-inner {
    width: min(
        1320px,
        calc(100% - 48px)
    );

    height: 100px;

    margin-left: auto;
    margin-right: auto;

    display: flex;
    align-items: center;

    gap: 32px;
}


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

.np-logo {
    flex: 0 0 auto;

    display: flex;
    align-items: center;

    text-decoration: none;
}


.np-logo img {
    width: auto;
    height: 84px;

    object-fit: contain;
}


/* =========================================================
   MENIU DESKTOP
========================================================= */

.np-menu {
    flex: 1;

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

    gap: clamp(
        24px,
        2.8vw,
        48px
    );
}


.np-menu a {
    position: relative;

    color: var(--np-navy);

    text-decoration: none;

    white-space: nowrap;

    font-size: 15px;
    line-height: 1;
    font-weight: 800;
}


.np-menu a::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: -11px;

    width: 0;
    height: 2px;

    border-radius: 20px;

    background: var(--np-red);

    transform: translateX(-50%);

    transition: width .2s ease;
}


.np-menu a:hover {
    color: var(--np-red);
}


.np-menu a:hover::after {
    width: 24px;
}


/* =========================================================
   BUTON DONATIE HEADER
========================================================= */

.np-header-donate {
    flex: 0 0 auto;

    min-height: 46px;

    padding: 0 22px;

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

    gap: 9px;

    border-radius: 999px;

    background:
        linear-gradient(
            135deg,
            #f36a56,
            var(--np-red-dark)
        );

    color: #fff !important;

    text-decoration: none;

    white-space: nowrap;

    font-size: 14px;
    font-weight: 800;

    box-shadow:
        0 8px 18px rgba(241, 91, 77, .18);
}


.np-header-donate:hover {
    transform: translateY(-2px);

    box-shadow:
        0 12px 25px rgba(241, 91, 77, .27);
}


.np-header-heart {
    font-size: 18px;
    line-height: 1;
}


/* =========================================================
   MOBILE MENU INPUT
========================================================= */

.np-menu-toggle,
.np-mobile-toggle {
    display: none;
}


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

.np-hero {
    position: relative;

    width: 100%;

    padding: 0 24px;

    background:
        radial-gradient(
            circle at 12% 30%,
            rgba(229, 170, 41, .08),
            transparent 26%
        ),
        linear-gradient(
            90deg,
            #fffaf3 0%,
            #fff6e9 100%
        );
}


/* HERO MAI INGUST */

.np-hero-grid {
    width: min(1240px, 100%);
    max-width: 1240px;

    margin-left: auto;
    margin-right: auto;

    display: grid;

    grid-template-columns:
        minmax(0, 46%)
        minmax(0, 54%);

    align-items: stretch;

    min-height: 560px;
}


/* =========================================================
   HERO TEXT
========================================================= */

.np-hero-content {
    position: relative;
    z-index: 3;

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

    padding:
        55px
        52px
        55px
        20px;
}


.np-hero-eyebrow {
    margin-bottom: 12px;

    color: var(--np-gold);

    text-transform: uppercase;

    letter-spacing: 1.2px;

    font-size: 11px;
    font-weight: 900;
}


.np-hero h1 {
    max-width: 520px;

    margin: 0;

    color: var(--np-navy);

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

    line-height: .98;

    letter-spacing: -2.4px;

    font-weight: 900;
}


.np-heart {
    display: inline-block;

    margin-left: 4px;

    color: var(--np-gold);

    font-size: .75em;

    transform: rotate(-8deg);
}


.np-title-line {
    width: 245px;
    height: 4px;

    margin: 20px 0 25px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            var(--np-red),
            var(--np-gold),
            transparent
        );
}


.np-hero h2 {
    max-width: 500px;

    margin: 0 0 18px;

    color: var(--np-navy);

    font-size: 18px;
    line-height: 1.42;

    font-weight: 800;
}


.np-hero p {
    max-width: 510px;

    margin: 0 0 27px;

    color: var(--np-muted);

    font-size: 14px;
    line-height: 1.65;
}


/* =========================================================
   HERO ACTIONS
========================================================= */

.np-hero-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 13px;
}


.np-btn {
    min-height: 48px;

    padding: 0 26px;

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

    gap: 9px;

    border-radius: 999px;

    text-decoration: none;

    font-size: 14px;
    font-weight: 900;
}


.np-btn-red {
    color: #fff !important;

    background:
        linear-gradient(
            135deg,
            #f36b57,
            #ed4d43
        );

    box-shadow:
        0 8px 20px rgba(241, 91, 77, .20);
}


.np-btn-red:hover {
    transform: translateY(-2px);

    box-shadow:
        0 12px 25px rgba(241, 91, 77, .28);
}


.np-btn-heart svg {
    width: 17px;
    height: 17px;

    display: block;

    fill: #fff;
}


.np-text-link {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    color: var(--np-navy);

    text-decoration: underline;

    text-underline-offset: 4px;

    font-size: 13px;
    font-weight: 800;
}


.np-text-link:hover {
    color: var(--np-red);
}


/* =========================================================
   HERO FOTO
========================================================= */

.np-hero-photo {
    position: relative;

    width: 100%;
    height: 560px;
    min-height: 560px;

    overflow: hidden;

    border-bottom-left-radius: 135px;
}


.np-hero-photo::before {
    content: "";

    position: absolute;
    z-index: 2;

    top: 0;
    bottom: 0;
    left: 0;

    width: 75px;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(255, 248, 238, .65),
            transparent
        );
}


.np-hero-photo img {
    width: 100%;
    height: 560px;
    min-height: 0;

    object-fit: cover;

    object-position: 50% 45%;
}


/* =========================================================
   LABUTA HERO
========================================================= */

.np-hero-paw {
    position: absolute;
    z-index: 4;

    left: 31px;
    bottom: 27px;

    width: 38px;
    height: 38px;

    color: var(--np-gold);

    opacity: .82;

    transform: rotate(-17deg);
}


.np-hero-paw svg {
    width: 100%;
    height: 100%;

    fill: currentColor;
}


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

.np-section-heading {
    margin-bottom: 34px;

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

    gap: 18px;

    text-align: center;
}


.np-section-heading h2 {
    margin: 0;

    color: var(--np-navy);

    font-size: clamp(
        27px,
        2.3vw,
        37px
    );

    line-height: 1.2;

    font-weight: 900;
}


.np-heading-decoration {
    color: var(--np-gold);

    font-size: 31px;
    line-height: 1;

    font-weight: 900;
}


/* =========================================================
   AJUTOR
========================================================= */

.np-help {
    position: relative;

    padding: 58px 0 76px;

    background:
        linear-gradient(
            180deg,
            #fff9ef,
            #fff7ec
        );
}


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

.np-help-grid {
    display: grid;

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

    gap: 24px;
}


.np-help-card {
    min-height: 305px;

    padding: 30px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    border:
        1px solid rgba(16, 43, 80, .06);

    border-radius: 20px;

    background:
        rgba(255, 255, 255, .94);

    box-shadow:
        0 10px 30px rgba(16, 43, 80, .08);

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}


.np-help-card:hover {
    transform: translateY(-4px);

    box-shadow:
        0 16px 35px rgba(16, 43, 80, .12);
}


.np-help-card-red {
    border:
        1.5px solid rgba(241, 91, 77, .48);
}


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

.np-help-main {
    display: grid;

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

    gap: 19px;
}


.np-icon-circle {
    width: 70px;
    height: 70px;

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

    border: 1.8px solid currentColor;

    border-radius: 50%;
}


.np-icon-circle svg {
    width: 34px;
    height: 34px;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.5;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.np-icon-red {
    color: var(--np-red);
}


.np-icon-gold {
    color: var(--np-gold);
}


.np-icon-blue {
    color: var(--np-navy);
}


.np-help-copy h3 {
    margin: 5px 0 14px;

    color: var(--np-navy);

    font-size: 22px;
    line-height: 1.2;

    font-weight: 900;
}


.np-help-card-red .np-help-copy h3 {
    color: var(--np-red);
}


.np-help-copy h3.np-gold-text {
    color: var(--np-gold);
}


.np-help-copy h3 span {
    margin-right: 3px;
}


.np-help-copy p {
    margin: 0 0 9px;

    color: var(--np-muted);

    font-size: 14px;
    line-height: 1.55;
}


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

.np-card-btn {
    min-height: 46px;

    margin-top: 25px;

    padding: 0 20px;

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

    gap: 8px;

    border-radius: 999px;

    text-align: center;

    text-decoration: none;

    font-size: 14px;
    font-weight: 900;
}


.np-card-btn svg {
    width: 17px;
    height: 17px;

    fill: currentColor;
}


.np-card-btn-red {
    color: #fff !important;

    background:
        linear-gradient(
            135deg,
            #f36a56,
            #ed5045
        );
}


.np-card-btn-gold {
    color: #fff !important;

    background:
        linear-gradient(
            135deg,
            #eaba45,
            #dda01f
        );
}


.np-card-btn-blue {
    color: #fff !important;

    background:
        linear-gradient(
            135deg,
            #17365e,
            #0b2344
        );
}


.np-card-btn-outline {
    color: var(--np-navy) !important;

    border: 2px solid var(--np-navy);

    background: transparent;
}


.np-card-btn:hover {
    transform: translateY(-2px);
}


.np-card-btn-outline:hover {
    color: #fff !important;

    background: var(--np-navy);
}


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

.np-progress-wrap {
    margin-top: 16px;
}


.np-progress-label {
    display: block;

    margin-bottom: 8px;

    color: var(--np-navy);

    text-align: center;

    font-size: 13px;
    font-weight: 900;
}


.np-progress {
    width: 100%;
    height: 9px;

    overflow: hidden;

    border: 1px solid rgba(229, 170, 41, .8);

    border-radius: 999px;

    background: #fff;
}


.np-progress span {
    display: block;

    height: 100%;

    border-radius: inherit;

    background:
        linear-gradient(
            90deg,
            #efc24b,
            var(--np-gold)
        );
}


/* =========================================================
   POVESTEA
========================================================= */

.np-story {
    position: relative;

    padding: 45px 0 80px;

    background:
        linear-gradient(
            180deg,
            #fff7ec,
            #fff9f1
        );
}


.np-story-grid {
    display: grid;

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

    align-items: center;

    gap: 80px;
}


.np-story-content {
    padding-left: 25px;
}


.np-story h2 {
    margin: 0 0 24px;

    color: var(--np-navy);

    font-size: clamp(
        32px,
        3vw,
        44px
    );

    line-height: 1.1;

    font-weight: 900;
}


.np-story-heart {
    margin-left: 7px;

    color: var(--np-gold);
}


.np-story p {
    max-width: 600px;

    margin: 0 0 17px;

    color: var(--np-muted);

    font-size: 16px;
    line-height: 1.65;
}


.np-story-link {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    margin-top: 4px;

    color: var(--np-navy);

    text-decoration: underline;

    text-underline-offset: 4px;

    font-size: 14px;
    font-weight: 900;
}


.np-story-link span {
    color: var(--np-gold);

    font-size: 20px;
}


.np-story-link:hover {
    color: var(--np-red);
}


/* =========================================================
   POVESTE FOTO
========================================================= */

.np-story-visual {
    position: relative;
}


.np-story-image {
    position: relative;

    width: 100%;

    aspect-ratio: 1.12 / 1;

    overflow: hidden;

    border: 3px solid var(--np-gold);

    border-radius:
        48%
        52%
        45%
        55%
        /
        52%
        44%
        56%
        48%;

    background: #eee;

    box-shadow:
        0 12px 30px rgba(16, 43, 80, .08);
}


.np-story-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;
}


.np-story-deco {
    position: absolute;

    color: var(--np-gold);

    font-size: 39px;

    font-weight: 400;
}


.np-story-deco-1 {
    right: -32px;
    top: 30px;

    transform: rotate(11deg);
}


.np-story-deco-2 {
    left: -37px;
    bottom: 20px;

    font-size: 27px;

    transform: rotate(-16deg);
}


/* =========================================================
   TRUST
========================================================= */

.np-trust {
    padding: 55px 0 36px;

    background:
        linear-gradient(
            180deg,
            #ffffff,
            #fffcf8
        );

    border-top:
        1px solid rgba(229, 170, 41, .16);
}


.np-trust-heading {
    margin-bottom: 45px;
}


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

.np-trust-grid {
    display: grid;

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


.np-trust-item {
    min-height: 255px;

    padding: 22px 35px;

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

    text-align: center;

    border-right:
        1px solid rgba(16, 43, 80, .12);
}


.np-trust-item:last-child {
    border-right: 0;
}


/* =========================================================
   TRUST ICONS SVG
========================================================= */

.np-trust-icon {
    width: 45px;
    height: 45px;

    margin: 0 auto 18px;

    color: var(--np-gold);
}


.np-trust-icon svg {
    width: 100%;
    height: 100%;

    display: block;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.55;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.np-trust-icon-blue {
    color: var(--np-navy);
}


.np-trust-icon-blue svg {
    fill: currentColor;
    stroke: none;
}


.np-quote-icon svg {
    fill: currentColor;
    stroke: none;
}


/* =========================================================
   TRUST TEXT
========================================================= */

.np-trust-number {
    display: block;

    margin-bottom: 11px;

    color: var(--np-navy);

    font-size: 30px;
    line-height: 1.1;

    font-weight: 900;
}


.np-trust-title {
    display: block;

    margin-bottom: 11px;

    color: var(--np-navy);

    font-size: 25px;
    line-height: 1.1;

    font-weight: 900;
}


.np-trust-item p {
    margin: 0;

    color: var(--np-muted);

    font-size: 14px;
    line-height: 1.55;
}


.np-trust-link {
    display: inline-flex;

    gap: 7px;

    margin-top: 15px;

    color: var(--np-navy);

    font-size: 13px;
    font-weight: 900;

    text-decoration: underline;

    text-underline-offset: 3px;
}


.np-trust-link:hover {
    color: var(--np-red);
}


.np-testimonial-author {
    display: block;

    margin-top: 14px;

    color: var(--np-navy);

    font-size: 13px;
    font-weight: 900;
}


/* =========================================================
   CIF BOX
========================================================= */

.np-cif-box {
    max-width: 1080px;

    margin: 32px auto 0;

    min-height: 54px;

    padding: 11px 20px;

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

    gap: 15px;

    border:
        1px solid rgba(16, 43, 80, .28);

    border-radius: 11px;

    background:
        rgba(255, 255, 255, .9);
}


.np-cif-icon {
    flex: 0 0 22px;

    width: 22px;
    height: 22px;

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

    border:
        1.5px solid var(--np-muted);

    border-radius: 50%;

    color: var(--np-muted);

    font-size: 12px;
    font-weight: 800;
}


.np-cif-text {
    color: var(--np-muted);

    text-align: center;

    font-size: 13px;
    line-height: 1.5;
}


.np-cif-text strong {
    margin-left: 9px;

    color: var(--np-gold);

    white-space: nowrap;
}


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

.np-footer {
    position: relative;

    color: #fff;

    background:
        radial-gradient(
            circle at 12% 0%,
            rgba(255, 255, 255, .07),
            transparent 28%
        ),
        radial-gradient(
            circle at 90% 100%,
            rgba(229, 170, 41, .06),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #102e55,
            #061a34
        );
}


.np-footer-grid {
    padding-top: 55px;
    padding-bottom: 46px;

    display: grid;

    grid-template-columns:
        1.35fr
        .9fr
        1fr
        1.1fr;

    gap: 55px;
}


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

.np-footer-brand {
    max-width: 285px;
}


.np-footer-logo {
    display: inline-block;

    margin-bottom: 19px;
}


.np-footer-logo img {
    width: auto;
    height: 105px;

    object-fit: contain;
}


.np-footer-brand p {
    margin: 0;

    color:
        rgba(255, 255, 255, .76);

    font-size: 13px;
    line-height: 1.6;
}


.np-footer-love {
    display: block;

    max-width: 245px;

    margin-top: 16px;

    color:
        rgba(255, 255, 255, .94);

    font-size: 13px;
    line-height: 1.5;
}


.np-footer-love span {
    color: var(--np-red);

    font-size: 16px;
}


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

.np-socials {
    margin-top: 21px;

    display: flex;

    gap: 10px;
}


.np-socials a {
    width: 36px;
    height: 36px;

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

    border:
        1px solid rgba(229, 170, 41, .72);

    border-radius: 50%;

    color: #fff;

    text-decoration: none;
}


.np-socials a:hover {
    color: var(--np-navy);

    background: var(--np-gold);

    transform: translateY(-2px);
}


.np-socials svg {
    width: 16px;
    height: 16px;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.8;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.np-socials a:first-child svg {
    fill: currentColor;
    stroke: none;
}


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

.np-footer-column h4 {
    margin: 6px 0 20px;

    color: #fff;

    font-size: 15px;
    line-height: 1.2;

    font-weight: 900;
}


.np-footer-column > a {
    position: relative;

    display: block;

    width: fit-content;

    margin-bottom: 11px;

    padding-left: 15px;

    color:
        rgba(255, 255, 255, .76);

    text-decoration: none;

    font-size: 13px;
    line-height: 1.45;
}


.np-footer-column > a::before {
    content: "◆";

    position: absolute;

    top: 4px;
    left: 0;

    color: var(--np-gold);

    font-size: 6px;
}


.np-footer-column > a:hover {
    color: #fff;

    transform: translateX(3px);
}


.np-footer-details p {
    margin: 0 0 12px;

    color:
        rgba(255, 255, 255, .76);

    font-size: 13px;
    line-height: 1.55;
}


.np-footer-details strong {
    display: inline;

    color: var(--np-gold);
}


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

.np-footer-bottom {
    padding: 20px 0 23px;

    border-top:
        1px solid rgba(255, 255, 255, .12);

    color:
        rgba(255, 255, 255, .58);

    text-align: center;

    font-size: 12px;
    line-height: 1.5;
}


/* =========================================================
   DESKTOP MEDIU
   <= 1180px
========================================================= */

@media (max-width: 1180px) {

    .np-header-inner {
        width: calc(100% - 36px);

        gap: 22px;
    }


    .np-logo img {
        height: 76px;
    }


    .np-menu {
        gap: 22px;
    }


    .np-menu a {
        font-size: 13px;
    }


    .np-header-donate {
        min-height: 44px;

        padding: 0 18px;

        font-size: 13px;
    }


    .np-story-grid {
        grid-template-columns:
            minmax(0, 1fr)
            400px;

        gap: 55px;
    }


    .np-footer-grid {
        gap: 35px;
    }

}


/* =========================================================
   HERO LAPTOP
   <= 1100px
========================================================= */

@media (max-width: 1100px) {

    .np-hero {
        padding: 0 18px;
    }


    .np-hero-grid {
        width: 100%;

        grid-template-columns:
            minmax(0, 48%)
            minmax(0, 52%);

        min-height: 520px;
    }


    .np-hero-content {
        padding:
            45px
            35px
            45px
            15px;
    }


    .np-hero h1 {
        font-size: 48px;
    }


    .np-hero h2 {
        font-size: 17px;
    }


    .np-hero-photo {
        height: 520px;
        min-height: 520px;

        border-bottom-left-radius: 110px;
    }


    .np-hero-photo img {
        height: 520px;
    }

}


/* =========================================================
   TABLETA
   <= 900px
========================================================= */

@media (max-width: 900px) {

    .np-container {
        width: calc(100% - 36px);
    }


    /* HEADER */

    .np-header-inner {
        height: 86px;
    }


    .np-logo img {
        height: 68px;
    }


    .np-menu {
        gap: 14px;
    }


    .np-menu a {
        font-size: 12px;
    }


    .np-header-donate {
        padding: 0 14px;

        font-size: 12px;
    }


    /* HERO */

    .np-hero {
        padding: 0;
    }


    .np-hero-grid {
        grid-template-columns:
            minmax(0, 50%)
            minmax(0, 50%);

        min-height: 500px;
    }


    .np-hero-content {
        padding:
            40px
            28px;
    }


    .np-hero h1 {
        font-size: 43px;

        letter-spacing: -1.8px;
    }


    .np-hero h2 {
        font-size: 16px;
    }


    .np-hero p {
        font-size: 13px;
    }


    .np-hero-photo {
        height: 500px;
        min-height: 500px;

        border-bottom-left-radius: 90px;
    }


    .np-hero-photo img {
        height: 500px;

        object-position: 50% 45%;
    }


    /* HELP */

    .np-help-card {
        padding: 24px;
    }


    .np-help-main {
        grid-template-columns:
            65px
            minmax(0, 1fr);

        gap: 15px;
    }


    .np-icon-circle {
        width: 58px;
        height: 58px;
    }


    .np-icon-circle svg {
        width: 28px;
        height: 28px;
    }


    .np-help-copy h3 {
        font-size: 19px;
    }


    /* STORY */

    .np-story-grid {
        grid-template-columns:
            minmax(0, 1fr)
            340px;

        gap: 35px;
    }


    /* TRUST */

    .np-trust-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }


    .np-trust-item {
        border-bottom:
            1px solid rgba(16, 43, 80, .12);
    }


    .np-trust-item:nth-child(2) {
        border-right: 0;
    }


    .np-trust-item:nth-child(3),
    .np-trust-item:nth-child(4) {
        border-bottom: 0;
    }


    /* FOOTER */

    .np-footer-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

        gap: 45px 55px;
    }


    .np-footer-brand {
        max-width: none;
    }

}


/* =========================================================
   MOBIL
   <= 767px
========================================================= */

@media (max-width: 767px) {

    .np-container {
        width: calc(100% - 30px);
    }


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

    .np-header {
        overflow: visible;
    }


    .np-header-inner {
        position: relative;

        width: 100%;
        height: 74px;

        padding: 0 14px;

        gap: 0;

        justify-content: flex-start;
    }


    .np-logo {
        position: relative;
        z-index: 4;
    }


    .np-logo img {
        width: auto;
        height: 61px;
    }


    .np-menu-toggle {
        position: absolute;

        width: 1px;
        height: 1px;

        opacity: 0;

        pointer-events: none;
    }


    .np-mobile-toggle {
        position: relative;
        z-index: 5;

        order: 5;

        flex: 0 0 42px;

        width: 42px;
        height: 42px;

        margin-left: 10px;

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

        gap: 5px;

        border-radius: 50%;

        background: var(--np-navy);

        cursor: pointer;

        box-shadow:
            0 5px 15px rgba(16, 43, 80, .15);
    }


    .np-mobile-toggle span {
        width: 18px;
        height: 2px;

        display: block;

        border-radius: 99px;

        background: #fff;

        transition:
            transform .2s ease,
            opacity .2s ease;
    }


    .np-header-donate {
        position: relative;
        z-index: 5;

        order: 4;

        min-height: 40px;

        margin-left: auto;

        padding: 0 14px;

        font-size: 12px;
    }


    .np-header-heart {
        font-size: 16px;
    }


    .np-menu {
        position: absolute;
        z-index: 3;

        top: 74px;
        left: 0;

        width: 100%;

        padding:
            10px
            16px
            18px;

        display: none;
        flex-direction: column;
        align-items: stretch;

        gap: 0;

        background: #fff;

        border-top:
            1px solid rgba(16, 43, 80, .08);

        box-shadow:
            0 16px 30px rgba(16, 43, 80, .14);
    }


    .np-menu a {
        width: 100%;

        padding: 15px 5px;

        border-bottom:
            1px solid rgba(16, 43, 80, .08);

        font-size: 14px;

        text-align: left;
    }


    .np-menu a:last-child {
        border-bottom: 0;
    }


    .np-menu a::after {
        display: none;
    }


    .np-menu-toggle:checked ~ .np-menu {
        display: flex;
    }


    .np-menu-toggle:checked + .np-mobile-toggle span:nth-child(1) {
        transform:
            translateY(7px)
            rotate(45deg);
    }


    .np-menu-toggle:checked + .np-mobile-toggle span:nth-child(2) {
        opacity: 0;
    }


    .np-menu-toggle:checked + .np-mobile-toggle span:nth-child(3) {
        transform:
            translateY(-7px)
            rotate(-45deg);
    }


    /* =====================================================
       HERO MOBIL
    ====================================================== */

    .np-hero {
        padding: 0;
    }


    .np-hero-grid {
        width: 100%;
        max-width: none;

        display: flex;
        flex-direction: column;

        min-height: 0;
    }


    .np-hero-content {
        width: calc(100% - 30px);

        margin-left: auto;
        margin-right: auto;

        padding:
            42px
            0
            36px;
    }


    .np-hero-eyebrow {
        margin-bottom: 10px;

        font-size: 10px;
    }


    .np-hero h1 {
        max-width: 100%;

        font-size: clamp(
            38px,
            11vw,
            49px
        );

        line-height: 1;

        letter-spacing: -1.8px;
    }


    .np-title-line {
        width: 205px;
        height: 4px;

        margin:
            17px
            0
            21px;
    }


    .np-hero h2 {
        max-width: 100%;

        margin-bottom: 15px;

        font-size: 16px;
        line-height: 1.45;
    }


    .np-hero p {
        max-width: 100%;

        margin-bottom: 25px;

        font-size: 14px;
        line-height: 1.6;
    }


    .np-hero-photo {
        width: calc(100% - 30px);

        height: 350px;
        min-height: 350px;

        margin:
            0
            auto
            15px;

        border-radius:
            55px
            0
            55px
            0;
    }


    .np-hero-photo::before {
        display: none;
    }


    .np-hero-photo img {
        width: 100%;
        height: 350px;

        object-fit: cover;

        object-position: 50% 45%;
    }


    .np-hero-paw {
        left: 18px;
        bottom: 18px;

        width: 31px;
        height: 31px;
    }


    /* =====================================================
       HEADINGS MOBIL
    ====================================================== */

    .np-section-heading {
        gap: 9px;

        margin-bottom: 28px;
    }


    .np-section-heading h2 {
        font-size: 26px;
    }


    .np-heading-decoration {
        font-size: 22px;
    }


    /* =====================================================
       CARDURI MOBIL
    ====================================================== */

    .np-help {
        padding:
            44px
            0
            55px;
    }


    .np-help-grid {
        grid-template-columns: 1fr;

        gap: 17px;
    }


    .np-help-card {
        min-height: auto;

        padding: 22px;

        border-radius: 17px;
    }


    .np-help-main {
        grid-template-columns:
            59px
            minmax(0, 1fr);

        gap: 14px;
    }


    .np-icon-circle {
        width: 54px;
        height: 54px;
    }


    .np-icon-circle svg {
        width: 26px;
        height: 26px;
    }


    .np-help-copy h3 {
        margin-top: 2px;

        font-size: 19px;
    }


    .np-help-copy p {
        font-size: 13px;
    }


    .np-card-btn {
        min-height: 44px;

        margin-top: 20px;

        font-size: 13px;
    }


    /* =====================================================
       POVESTEA MOBIL
    ====================================================== */

    .np-story {
        padding:
            35px
            0
            55px;
    }


    .np-story-grid {
        display: flex;
        flex-direction: column;

        gap: 34px;
    }


    .np-story-content {
        width: 100%;

        padding-left: 0;
    }


    .np-story h2 {
        font-size: 32px;
    }


    .np-story p {
        font-size: 14px;
    }


    .np-story-visual {
        width: min(
            100%,
            430px
        );

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


    .np-story-deco-1 {
        right: 3px;
        top: -24px;
    }


    .np-story-deco-2 {
        left: 6px;
        bottom: -24px;
    }


    /* =====================================================
       TRUST MOBIL
    ====================================================== */

    .np-trust {
        padding:
            45px
            0
            30px;
    }


    .np-trust-heading {
        margin-bottom: 25px;
    }


    .np-trust-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

        border-top:
            1px solid rgba(16, 43, 80, .10);
    }


    .np-trust-item {
        min-height: 220px;

        padding:
            27px
            18px;
    }


    .np-trust-item:nth-child(1),
    .np-trust-item:nth-child(3) {
        border-right:
            1px solid rgba(16, 43, 80, .10);
    }


    .np-trust-item:nth-child(2),
    .np-trust-item:nth-child(4) {
        border-right: 0;
    }


    .np-trust-number {
        font-size: 24px;
    }


    .np-trust-title {
        font-size: 21px;
    }


    .np-trust-item p {
        font-size: 13px;
    }


    .np-cif-box {
        margin-top: 24px;

        padding: 14px;

        align-items: flex-start;
    }


    .np-cif-text {
        text-align: left;

        font-size: 12px;
    }


    .np-cif-text strong {
        display: block;

        margin:
            5px
            0
            0;
    }


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

    .np-footer-grid {
        padding:
            42px
            0
            30px;

        grid-template-columns: 1fr;

        gap: 0;
    }


    .np-footer-brand {
        max-width: none;

        padding-bottom: 30px;

        text-align: center;
    }


    .np-footer-logo {
        margin:
            0
            auto
            18px;
    }


    .np-footer-logo img {
        height: 100px;

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


    .np-footer-brand p {
        max-width: 330px;

        margin:
            0
            auto;

        font-size: 13px;
    }


    .np-footer-love {
        max-width: 300px;

        margin:
            16px
            auto
            0;
    }


    .np-socials {
        justify-content: center;

        margin-top: 20px;
    }


    .np-socials a {
        width: 40px;
        height: 40px;
    }


    .np-footer-column {
        padding:
            24px
            4px;

        border-top:
            1px solid rgba(255, 255, 255, .10);
    }


    .np-footer-column h4 {
        margin:
            0
            0
            17px;

        font-size: 16px;
    }


    .np-footer-column > a {
        margin-bottom: 8px;

        padding-top: 3px;
        padding-bottom: 3px;

        font-size: 14px;
    }


    .np-footer-details p {
        font-size: 14px;
    }


    .np-footer-details strong {
        display: block;

        margin-top: 2px;
    }


    .np-footer-bottom {
        padding:
            18px
            0
            22px;

        font-size: 11px;
    }

}


/* =========================================================
   TELEFOANE MICI
   <= 440px
========================================================= */

@media (max-width: 440px) {

    /* HEADER */

    .np-header-donate-text {
        display: none;
    }


    .np-header-donate {
        width: 40px;
        height: 40px;

        min-height: 40px;

        padding: 0;

        border-radius: 50%;
    }


    .np-header-heart {
        font-size: 18px;
    }


    /* HERO */

    .np-hero-content {
        padding-top: 36px;
    }


    .np-hero h1 {
        font-size: 38px;
    }


    .np-hero h2 {
        font-size: 15px;
    }


    .np-hero p {
        font-size: 13px;
    }


    .np-hero-photo {
        height: 305px;
        min-height: 305px;

        border-radius:
            42px
            0
            42px
            0;
    }


    .np-hero-photo img {
        height: 305px;
    }


    /* TITLURI */

    .np-section-heading h2 {
        font-size: 23px;
    }


    .np-heading-decoration {
        display: none;
    }


    /* CARDURI */

    .np-help-main {
        grid-template-columns:
            50px
            minmax(0, 1fr);
    }


    .np-icon-circle {
        width: 46px;
        height: 46px;
    }


    .np-icon-circle svg {
        width: 23px;
        height: 23px;
    }


    .np-help-copy h3 {
        font-size: 18px;
    }


    /* TRUST */

    .np-trust-grid {
        grid-template-columns: 1fr;
    }


    .np-trust-item {
        min-height: auto;

        padding:
            30px
            25px;

        border-right: 0 !important;

        border-bottom:
            1px solid rgba(16, 43, 80, .10) !important;
    }


    .np-trust-item:last-child {
        border-bottom: 0 !important;
    }


    .np-trust-icon {
        width: 42px;
        height: 42px;
    }

}


/* =========================================================
   TELEFOANE FOARTE MICI
   <= 360px
========================================================= */

@media (max-width: 360px) {

    .np-header-inner {
        padding-left: 10px;
        padding-right: 10px;
    }


    .np-logo img {
        height: 57px;
    }


    .np-mobile-toggle {
        width: 39px;
        height: 39px;

        flex-basis: 39px;

        margin-left: 7px;
    }


    .np-header-donate {
        width: 38px;
        height: 38px;

        min-height: 38px;
    }


    .np-hero h1 {
        font-size: 35px;
    }


    .np-hero-content {
        width: calc(100% - 26px);
    }


    .np-hero-photo {
        width: calc(100% - 26px);

        height: 285px;
        min-height: 285px;
    }


    .np-hero-photo img {
        height: 285px;
    }


    .np-help-card {
        padding: 18px;
    }


    .np-help-main {
        grid-template-columns:
            45px
            minmax(0, 1fr);

        gap: 11px;
    }


    .np-icon-circle {
        width: 42px;
        height: 42px;
    }


    .np-icon-circle svg {
        width: 21px;
        height: 21px;
    }


    .np-help-copy h3 {
        font-size: 17px;
    }

}/* End custom CSS */