.elementor-201 .elementor-element.elementor-element-f46f18d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.11;--padding-top:130px;--padding-bottom:130px;--padding-left:0px;--padding-right:0px;}.elementor-201 .elementor-element.elementor-element-f46f18d:not(.elementor-motion-effects-element-type-background), .elementor-201 .elementor-element.elementor-element-f46f18d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(194deg, var( --e-global-color-ecd6821 ) 0%, var( --e-global-color-beccdbb ) 100%);}.elementor-201 .elementor-element.elementor-element-f46f18d::before, .elementor-201 .elementor-element.elementor-element-f46f18d > .elementor-background-video-container::before, .elementor-201 .elementor-element.elementor-element-f46f18d > .e-con-inner > .elementor-background-video-container::before, .elementor-201 .elementor-element.elementor-element-f46f18d > .elementor-background-slideshow::before, .elementor-201 .elementor-element.elementor-element-f46f18d > .e-con-inner > .elementor-background-slideshow::before, .elementor-201 .elementor-element.elementor-element-f46f18d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://nbresources.org/wp-content/uploads/2026/05/2149285451.jpg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-201 .elementor-element.elementor-element-b63bc43{--display:flex;}.elementor-201 .elementor-element.elementor-element-e69be34 .hfe-infocard{text-align:center;}.elementor-201 .elementor-element.elementor-element-e69be34 .hfe-infocard-title{color:#FFFFFF;margin:0px 0px 20px 0px;}.elementor-201 .elementor-element.elementor-element-e65e794{--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-201 .elementor-element.elementor-element-0423f61 > .elementor-widget-container{margin:-130px 0px -52px 0px;padding:0px 0px 0px 0px;}.elementor-201 .elementor-element.elementor-element-6eb1695{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:100px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-201 .elementor-element.elementor-element-ae4545f{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-201 .elementor-element.elementor-element-f46f18d{--padding-top:150px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-201 .elementor-element.elementor-element-6eb1695{--padding-top:70px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-201 .elementor-element.elementor-element-ae4545f{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-201 .elementor-element.elementor-element-f46f18d{--padding-top:150px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}.elementor-201 .elementor-element.elementor-element-e69be34 .hfe-infocard-title{font-size:20px;}.elementor-201 .elementor-element.elementor-element-0423f61 > .elementor-widget-container{margin:-112px 0px -62px 0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-201 .elementor-element.elementor-element-f46f18d{--content-width:600px;}}@media(max-width:1024px) and (min-width:768px){.elementor-201 .elementor-element.elementor-element-ae4545f{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-06acd38 *//* =========================================================
   NEURONS — LEARNDASH COURSE GRID
   Modern / Responsive / Premium
========================================================= */


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

.ld_course_grid {
    margin: 0 !important;
}

.ld_course_grid .row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;

    margin: 0 !important;
}


/* =========================================================
   COURSE COLUMN
========================================================= */

.ld_course_grid .col-md-4,
.ld_course_grid [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;

    padding: 0 !important;
    margin: 0 !important;
}


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

.ld_course_grid .thumbnail {

    position: relative;

    display: flex !important;
    flex-direction: column !important;

    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;

    background: #ffffff !important;

    border: 1px solid rgba(5, 47, 70, 0.10) !important;
    border-radius: 20px !important;

    box-shadow:
        0 10px 30px rgba(5, 47, 70, 0.08) !important;

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


.ld_course_grid .thumbnail:hover {

    transform: translateY(-6px);

    border-color: rgba(23, 144, 196, 0.28) !important;

    box-shadow:
        0 18px 42px rgba(5, 47, 70, 0.15) !important;
}


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

.ld_course_grid .thumbnail > a {

    display: block;

    position: relative;

    overflow: hidden;
}


.ld_course_grid .thumbnail img {

    display: block;

    width: 100% !important;
    height: 230px !important;

    object-fit: cover !important;

    margin: 0 !important;

    border-radius:
        20px 20px 0 0 !important;

    transition:
        transform .45s ease,
        filter .45s ease;
}


.ld_course_grid .thumbnail:hover img {

    transform: scale(1.035);

    filter:
        saturate(1.05)
        contrast(1.02);
}


/* =========================================================
   SUBTLE IMAGE OVERLAY
========================================================= */

.ld_course_grid .thumbnail > a::after {

    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            to top,
            rgba(4, 37, 53, .14),
            transparent 45%
        );
}


/* =========================================================
   ENROLLED RIBBON
========================================================= */

.ld_course_grid .ribbon {

    position: absolute !important;

    top: 13px !important;
    left: 13px !important;

    z-index: 8;

    width: auto !important;

    padding: 6px 11px !important;

    background: #087fc0 !important;

    color: #ffffff !important;

    border-radius: 50px !important;

    box-shadow:
        0 5px 14px rgba(8, 127, 192, .24);

    font-size: 10px !important;
    font-weight: 800 !important;

    line-height: 1 !important;

    text-transform: uppercase;

    letter-spacing: .04em;
}


/* Remove old ribbon triangle if present */

.ld_course_grid .ribbon::before,
.ld_course_grid .ribbon::after {

    display: none !important;
}


/* =========================================================
   FLAGS / LANGUAGES
========================================================= */

/*
   Small language badge on every course.
   United States / Spain / South Korea
*/

.ld_course_grid .thumbnail::after {

    content: "🇺🇸  🇪🇸  🇰🇷";

    position: absolute;

    top: 192px;
    right: 12px;

    z-index: 8;

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

    padding: 5px 9px;

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

    border:
        1px solid rgba(5,47,70,.08);

    border-radius: 50px;

    box-shadow:
        0 5px 14px rgba(0,0,0,.10);

    font-size: 15px;

    line-height: 1;

    letter-spacing: 2px;

    backdrop-filter:
        blur(8px);

    -webkit-backdrop-filter:
        blur(8px);
}


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

.ld_course_grid .caption {

    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;

    padding: 18px 18px 17px !important;

    background: #ffffff !important;
}


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

.ld_course_grid .caption h3,
.ld_course_grid .caption h3 a {

    margin:
        0 0 12px !important;

    color:
        #052f46 !important;

    font-size:
        17px !important;

    font-weight:
        800 !important;

    line-height:
        1.32 !important;

    text-decoration:
        none !important;
}


.ld_course_grid .caption h3 a:hover {

    color:
        #087fc0 !important;
}


/* =========================================================
   BUTTON
========================================================= */

.ld_course_grid .btn,
.ld_course_grid a.btn {

    width: 100% !important;

    display: flex !important;

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

    min-height: 42px !important;

    margin:
        auto 0 14px !important;

    padding:
        11px 15px !important;

    border:
        none !important;

    border-radius:
        10px !important;

    background:
        linear-gradient(
            135deg,
            #087fc0,
            #0a6fa4
        ) !important;

    color:
        #ffffff !important;

    box-shadow:
        0 7px 17px
        rgba(8,127,192,.18);

    font-size:
        12px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    text-decoration:
        none !important;

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


.ld_course_grid .btn:hover,
.ld_course_grid a.btn:hover {

    transform:
        translateY(-2px);

    background:
        linear-gradient(
            135deg,
            #096fa7,
            #075b88
        ) !important;

    box-shadow:
        0 10px 22px
        rgba(8,127,192,.25);
}


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

.ld_course_grid .ld_course_grid_progress {

    margin:
        0 !important;

    padding:
        0 !important;
}


/* Progress background */

.ld_course_grid .ld-progress-bar,
.ld_course_grid .progress {

    height:
        7px !important;

    margin:
        2px 0 8px !important;

    overflow:
        hidden !important;

    background:
        #e9eff2 !important;

    border-radius:
        50px !important;

    box-shadow:
        none !important;
}


/* Actual progress */

.ld_course_grid .ld-progress-bar-percentage,
.ld_course_grid .progress-bar {

    height:
        100% !important;

    background:
        linear-gradient(
            90deg,
            #058ac7,
            #1fc1df
        ) !important;

    border-radius:
        50px !important;

    box-shadow:
        none !important;
}


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

.ld_course_grid .ld-progress-percentage,
.ld_course_grid .learndash-course-grid-progress-bar span,
.ld_course_grid .progress-percentage {

    color:
        #0874aa !important;

    font-size:
        10px !important;

    font-weight:
        800 !important;

    letter-spacing:
        .03em !important;

    text-transform:
        uppercase !important;
}


/* =========================================================
   REMOVE OLD BOOTSTRAP-LIKE LOOK
========================================================= */

.ld_course_grid .thumbnail,
.ld_course_grid .caption,
.ld_course_grid .btn {

    box-sizing:
        border-box !important;
}


/* =========================================================
   CATEGORY SELECTOR
========================================================= */

.ld_course_grid select,
.ld_course_grid .ld-course-list-items select {

    min-height:
        44px;

    padding:
        9px 40px 9px 13px;

    background:
        #ffffff;

    border:
        1px solid #dce6ea;

    border-radius:
        10px;

    color:
        #052f46;

    font-family:
        inherit;

    font-size:
        13px;

    font-weight:
        600;

    outline:
        none;

    box-shadow:
        0 5px 15px rgba(5,47,70,.04);
}


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

@media (max-width: 1024px) {

    .ld_course_grid .row {

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

        gap:
            20px !important;
    }


    .ld_course_grid .thumbnail img {

        height:
            220px !important;
    }


    .ld_course_grid .thumbnail::after {

        top:
            182px;
    }

}


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

@media (max-width: 767px) {

    /*
       2 cards per row on phones.
       If you prefer 1 per row, change this to:
       grid-template-columns: 1fr !important;
    */

    .ld_course_grid .row {

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

        gap:
            12px !important;
    }


    .ld_course_grid .thumbnail {

        border-radius:
            14px !important;

        box-shadow:
            0 7px 20px rgba(5,47,70,.08) !important;
    }


    .ld_course_grid .thumbnail img {

        height:
            145px !important;

        border-radius:
            14px 14px 0 0 !important;
    }


    .ld_course_grid .thumbnail::after {

        top:
            112px;

        right:
            7px;

        padding:
            4px 6px;

        font-size:
            11px;

        letter-spacing:
            0;
    }


    .ld_course_grid .ribbon {

        top:
            7px !important;

        left:
            7px !important;

        padding:
            5px 7px !important;

        font-size:
            8px !important;
    }


    .ld_course_grid .caption {

        padding:
            12px 10px 11px !important;
    }


    .ld_course_grid .caption h3,
    .ld_course_grid .caption h3 a {

        margin-bottom:
            9px !important;

        font-size:
            12px !important;

        line-height:
            1.3 !important;
    }


    .ld_course_grid .btn,
    .ld_course_grid a.btn {

        min-height:
            35px !important;

        padding:
            8px 7px !important;

        margin-bottom:
            10px !important;

        border-radius:
            8px !important;

        font-size:
            9.5px !important;
    }


    .ld_course_grid .ld-progress-bar,
    .ld_course_grid .progress {

        height:
            5px !important;
    }


    .ld_course_grid .ld-progress-percentage,
    .ld_course_grid .progress-percentage {

        font-size:
            8px !important;
    }

}


/* =========================================================
   VERY SMALL PHONES
========================================================= */

@media (max-width: 390px) {

    .ld_course_grid .row {

        gap:
            9px !important;
    }


    .ld_course_grid .thumbnail img {

        height:
            125px !important;
    }


    .ld_course_grid .thumbnail::after {

        top:
            94px;
    }


    .ld_course_grid .caption h3,
    .ld_course_grid .caption h3 a {

        font-size:
            11px !important;
    }

}/* End custom CSS */