/* =========================================================
   KDEBWM - CUSTOM.CSS
   CLEANED / UPDATED COPY
   =========================================================

   NOTE:
   Page banner titles are controlled in additional.css.
   Keeping them out of this file prevents duplicate CSS rules
   from overriding the PHP banner title generated by page.php.
   ========================================================= */

/* =========================================================
   KDEBWM - CUSTOM STYLES
   FULL UPDATED VERSION
   ========================================================= */


/* =========================================================
   KDEBWM COLORS
   ========================================================= */

:root {
    --kdebwm-red: #b11b1b;
    --kdebwm-yellow: #fcd116;
    --kdebwm-dark: #0d2137;
}


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

.wsmenu-list {
    gap: 22px !important;
}

.wsmenu-list a {
    font-size: 13px !important;
    letter-spacing: 0.3px !important;
    padding: 12px 0 !important;
}

.logo-main {
    font-size: 24px !important;
    letter-spacing: 2px !important;
}

.logo-sub {
    font-size: 10px !important;
    letter-spacing: 3.5px !important;
}


/* =========================================================
   SLIDER TEXT
   ========================================================= */

.n2-ss-slide h1,
.n2-ss-slide .heading {
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 48px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
}

.n2-ss-slide h2,
.n2-ss-slide .subheading {
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #fcd116 !important;
}

.n2-ss-slide .n2-ss-button {
    background: #fcd116 !important;
    color: #0d2137 !important;

    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;

    padding: 14px 45px !important;

    border-radius: 50px !important;
    border: none !important;
}


/* =========================================================
   NEWS TICKER
   ========================================================= */

.kdeb-ticker-container {
    width: 100%;
    max-width: 1140px;

    margin: 30px auto;

    padding: 5px 20px 5px 5px;

    background-color: #fdf5eb;

    border-radius: 50px;

    display: flex;
    align-items: center;

    gap: 16px;

    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.02);

    box-sizing: border-box;
}


/* =========================================================
   TICKER BADGE
   ========================================================= */

.kdeb-ticker-badge {
    background-color: #d82323;
    color: #ffffff;

    width: 35px;
    height: 35px;

    border-radius: 50%;

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

    flex-shrink: 0;
}

.kdeb-ticker-badge svg {
    width: 16px;
    height: 16px;
}


/* =========================================================
   TICKER VIEWPORT
   ========================================================= */

.kdeb-ticker-viewport {
    position: relative;

    height: 22px;

    flex-grow: 1;

    overflow: hidden;
}


/* =========================================================
   TICKER SLIDE
   ========================================================= */

.kdeb-ticker-slide {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;

    font-family:
        'Inter',
        -apple-system,
        BlinkMacSystemFont,
        Arial,
        sans-serif;

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

    -webkit-font-smoothing: antialiased;

    color: #2b2b2b;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    opacity: 0;

    transform: translateY(100%);

    transition:
        transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
        opacity 0.5s ease;

    pointer-events: none;
}

.kdeb-ticker-slide.active {
    opacity: 1;

    transform: translateY(0);

    z-index: 2;

    pointer-events: auto;
}

.kdeb-ticker-slide.exit-up {
    opacity: 0;

    transform: translateY(-100%);

    z-index: 1;
}


/* =========================================================
   TICKER CONTROLS
   ========================================================= */

.kdeb-ticker-controls {
    display: flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;
}

.kdeb-ticker-controls button {
    background-color: #b31b1b;
    color: #ffffff;

    width: 24px;
    height: 24px;

    border-radius: 50%;

    border: none;

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

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        transform 0.1s ease;
}

.kdeb-ticker-controls button svg {
    width: 12px;
    height: 12px;
}

.kdeb-ticker-controls button:hover {
    background-color: #d82323;
    transform: scale(1.05);
}


/* ========================================
   13. WHAT'S NEW SECTION
   ======================================== */

/*
 * KDEBWM desktop target:
 *
 * Viewport: 1440px
 * Grid:     1340px
 * Left:     50px
 * Right:    50px
 *
 * Cards:
 * Width:    317px
 * Height:   342px
 *
 * Gaps:
 * 24px
 *
 * Calculation:
 *
 * 317 + 24 + 317 + 24 + 317 + 24 + 317
 * = 1340px
 */


/* ----------------------------------------
   WHAT'S NEW SECTION
   ---------------------------------------- */

.kdeb-whats-new-section {
    width: 100% !important;

    background-color: #ffffff !important;

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

    box-sizing: border-box !important;

    margin: 0 !important;

    padding: 30px 0 60px 0 !important;
}


/* ----------------------------------------
   WHAT'S NEW CONTAINER
   ---------------------------------------- */

.kdeb-whats-new-container {
    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;
}


/* ----------------------------------------
   WHAT'S NEW TITLE
   ---------------------------------------- */

.kdeb-whats-new-section .kdeb-whats-new-title {
    width: 100% !important;

    text-align: center !important;

    color: #000000 !important;

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

    font-size: 40px !important;

    font-weight: 700 !important;

    line-height: 1.2 !important;

    margin: 0 0 30px 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;
}


/* ----------------------------------------
   WHAT'S NEW GRID
   ---------------------------------------- */

/*
 * IMPORTANT:
 *
 * Do not add another desktop rule below this
 * that changes the grid to 314px / 28px.
 */

body .kdeb-whats-new-section
.kdeb-whats-new-container
.kdeb-whats-new-grid {

    display: grid !important;

    width: 1340px !important;

    max-width: 1340px !important;

    min-width: 1340px !important;

    grid-template-columns:
        317px
        317px
        317px
        317px !important;

    grid-template-rows:
        342px !important;

    column-gap: 24px !important;

    row-gap: 24px !important;

    margin-left: auto !important;

    margin-right: auto !important;

    margin-top: 0 !important;

    margin-bottom: 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;

    align-items: start !important;

    justify-items: start !important;
}


/* ----------------------------------------
   WHAT'S NEW CARD
   ---------------------------------------- */

body .kdeb-whats-new-section
.kdeb-whats-new-grid > * {

    display: block !important;

    width: 317px !important;

    min-width: 317px !important;

    max-width: 317px !important;

    height: 342px !important;

    min-height: 342px !important;

    max-height: 342px !important;

    margin: 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;

    position: relative !important;

    overflow: hidden !important;

    border-radius: 20px !important;

    background-color: rgb(238, 238, 238) !important;

    background-image: none !important;

    box-shadow:
        rgba(0, 0, 0, 0.12)
        0px 8px 24px 0px !important;

    cursor: pointer !important;

    opacity: 1 !important;

    transition:
        opacity 0.7s ease,
        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) !important;
}


/* ----------------------------------------
   CARD LINK
   ---------------------------------------- */

body .kdeb-whats-new-section
.kdeb-whats-new-grid > * > a {

    display: block !important;

    width: 100% !important;

    height: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;

    position: relative !important;

    overflow: hidden !important;

    border-radius: 20px !important;

    text-decoration: none !important;
}


/* ----------------------------------------
   CARD IMAGE
   ---------------------------------------- */

body .kdeb-whats-new-section
.kdeb-whats-new-grid > * img {

    display: block !important;

    width: 100% !important;

    height: 100% !important;

    min-width: 100% !important;

    min-height: 100% !important;

    max-width: none !important;

    max-height: none !important;

    margin: 0 !important;

    padding: 0 !important;

    border: 0 !important;

    object-fit: cover !important;

    object-position: center center !important;

    border-radius: 20px !important;

    box-sizing: border-box !important;
}


/* ----------------------------------------
   CARD HOVER
   ---------------------------------------- */

body .kdeb-whats-new-section
.kdeb-whats-new-grid > *:hover {

    transform: translateY(-3px) !important;

    opacity: 1 !important;
}


/* ----------------------------------------
   WHAT'S NEW CARD CONTENT
   ---------------------------------------- */

body .kdeb-whats-new-section
.kdeb-whats-new-card-content {

    position: absolute !important;

    left: 0 !important;

    right: 0 !important;

    bottom: 0 !important;

    width: 100% !important;

    padding: 20px !important;

    box-sizing: border-box !important;

    z-index: 5 !important;
}


/* ----------------------------------------
   CARD CATEGORY / EVENTS LABEL
   ---------------------------------------- */

body .kdeb-whats-new-section
.kdeb-whats-new-category {

    display: inline-block !important;

    background-color: #ff7900 !important;

    color: #ffffff !important;

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

    font-size: 14px !important;

    font-weight: 700 !important;

    line-height: 1 !important;

    padding: 8px 10px !important;

    margin: 0 0 10px 0 !important;

    border-radius: 5px !important;

    box-sizing: border-box !important;
}


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

body .kdeb-whats-new-section
.kdeb-whats-new-card-title {

    color: #ffffff !important;

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

    font-size: 20px !important;

    font-weight: 700 !important;

    line-height: 1.25 !important;

    margin: 0 !important;

    padding: 0 !important;

    display: -webkit-box !important;

    -webkit-line-clamp: 2 !important;

    -webkit-box-orient: vertical !important;

    overflow: hidden !important;

    text-overflow: ellipsis !important;
}


/* ----------------------------------------
   EXISTING CARD OVERLAY
   ---------------------------------------- */

body .kdeb-whats-new-section
.kdeb-whats-new-grid > *::after {

    content: "" !important;

    position: absolute !important;

    left: 0 !important;

    right: 0 !important;

    bottom: 0 !important;

    height: 48% !important;

    background:
        linear-gradient(
            to top,
            rgba(0, 0, 0, 0.75),
            rgba(0, 0, 0, 0)
        ) !important;

    z-index: 2 !important;

    pointer-events: none !important;
}


/* ========================================
   14. SERVICES SECTION
   ======================================== */

.kdeb-services-section {
    width: 100% !important;

    background-color: #ffffff !important;

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

    padding: 30px 20px 50px 20px !important;

    box-sizing: border-box !important;
}

.kdeb-services-container {
    width: 100% !important;

    max-width: 1140px !important;

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

    box-sizing: border-box !important;
}

.kdeb-services-header {
    width: 100% !important;

    text-align: center !important;

    margin-top: 10px !important;
    margin-bottom: 35px !important;
}

.kdeb-services-company {
    color: #e31b23 !important;

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

    font-size: 32px !important;

    font-weight: 800 !important;

    line-height: 1.2 !important;

    margin: 0 0 4px 0 !important;

    letter-spacing: -0.3px !important;
}

.kdeb-services-subtitle {
    color: #111111 !important;

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

    font-size: 22px !important;

    font-weight: 800 !important;

    line-height: 1.2 !important;

    margin: 0 !important;
}


/* ----------------------------------------
   SERVICES GRID
   ---------------------------------------- */

.kdeb-services-grid {
    width: 100% !important;

    max-width: 1140px !important;

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

    display: grid !important;

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

    column-gap: 18px !important;
    row-gap: 18px !important;

    align-items: stretch !important;

    box-sizing: border-box !important;
}

.kdeb-grid-col {
    display: flex !important;

    flex-direction: column !important;

    gap: 18px !important;

    min-width: 0 !important;

    width: 100% !important;

    box-sizing: border-box !important;
}


/* ----------------------------------------
   SERVICE CARD
   ---------------------------------------- */

.kdeb-service-card {
    display: flex !important;

    flex-direction: column !important;

    flex: 1 1 0% !important;

    width: 100% !important;

    min-width: 0 !important;

    background-color: #ffffff !important;

    border-radius: 14px !important;

    overflow: hidden !important;

    text-decoration: none !important;

    box-shadow:
        0 4px 15px rgba(0, 0, 0, 0.08) !important;

    color: #551a8b !important;

    box-sizing: border-box !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease !important;
}

.kdeb-service-card:hover {
    transform: translateY(-3px) !important;

    box-shadow:
        0 7px 18px rgba(0, 0, 0, 0.12) !important;

    text-decoration: none !important;
}


/* ----------------------------------------
   CARD IMAGE BOX
   ---------------------------------------- */

.kdeb-card-img-box {
    position: relative !important;

    display: block !important;

    width: 100% !important;

    height: 180px !important;

    min-height: 180px !important;

    overflow: hidden !important;

    background-color: #f1f1f1 !important;

    aspect-ratio: 16 / 10 !important;

    box-sizing: border-box !important;
}

.kdeb-card-img-box img {
    display: block !important;

    width: 100% !important;

    height: 100% !important;

    object-fit: cover !important;

    object-position: center center !important;
}


/* ----------------------------------------
   YELLOW STRIPE
   ---------------------------------------- */

.kdeb-card-yellow-stripe {
    width: 100% !important;

    height: 4px !important;

    min-height: 4px !important;

    flex-shrink: 0 !important;

    background-color: #fca311 !important;
}


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

.kdeb-card-content {
    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    column-gap: 10px !important;
    row-gap: 10px !important;

    width: 100% !important;

    min-height: 52px !important;
    height: 52px !important;

    padding: 12px 14px !important;

    box-sizing: border-box !important;

    background-color: #ffffff !important;

    color: #551a8b !important;

    font-family:
        Arial,
        "Helvetica Neue",
        Helvetica,
        sans-serif !important;
}

.kdeb-card-content h4,
.kdeb-card-content h5,
.kdeb-card-content p,
.kdeb-card-content span {
    font-family:
        Arial,
        "Helvetica Neue",
        Helvetica,
        sans-serif !important;

    margin: 0 !important;
}

.kdeb-card-content h4,
.kdeb-card-content h5,
.kdeb-card-content p {
    color: #222222 !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    line-height: 1.3 !important;
}


/* ----------------------------------------
   CARD ICON / ARROW
   ---------------------------------------- */

.kdeb-card-content .kdeb-card-icon,
.kdeb-card-content .kdeb-card-arrow {
    flex-shrink: 0 !important;

    width: 16px !important;
    height: 16px !important;

    display: flex !important;

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


/* ----------------------------------------
   TALL CENTER CARD
   ---------------------------------------- */

.kdeb-card-tall {
    width: 100% !important;

    height: 468px !important;
    min-height: 468px !important;

    flex: 1 1 0% !important;
}

.kdeb-card-tall .kdeb-card-img-box {
    width: 100% !important;

    height: 388px !important;
    min-height: 388px !important;

    flex: 1 1 auto !important;

    aspect-ratio: auto !important;
}

.kdeb-card-tall .kdeb-card-img-box img {
    width: 100% !important;

    height: 100% !important;

    object-fit: cover !important;

    object-position: center center !important;
}


/* ----------------------------------------
   LEFT / RIGHT SMALL CARDS
   ---------------------------------------- */

.kdeb-grid-col .kdeb-service-card:not(.kdeb-card-tall) {
    width: 100% !important;

    min-height: 225px !important;
    height: 225px !important;
}


/* ----------------------------------------
   RESPONSIVE SERVICES
   ---------------------------------------- */

@media (max-width: 1199px) {

    .kdeb-services-container,
    .kdeb-services-grid {
        max-width: 960px !important;
    }

    .kdeb-services-company {
        font-size: 30px !important;
    }

    .kdeb-services-subtitle {
        font-size: 21px !important;
    }

    .kdeb-grid-col .kdeb-service-card:not(.kdeb-card-tall) {
        height: auto !important;
        min-height: 225px !important;
    }
}


@media (max-width: 991px) {

    .kdeb-services-grid {
        grid-template-columns: 1fr 1fr !important;
    }

    .kdeb-card-tall {
        height: auto !important;
        min-height: 400px !important;
    }

    .kdeb-card-tall .kdeb-card-img-box {
        height: 320px !important;
        min-height: 320px !important;
    }
}


@media (max-width: 767px) {

    .kdeb-services-section {
        padding: 25px 15px 40px 15px !important;
    }

    .kdeb-services-header {
        margin-bottom: 25px !important;
    }

    .kdeb-services-company {
        font-size: 26px !important;
    }

    .kdeb-services-subtitle {
        font-size: 19px !important;
    }

    .kdeb-services-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .kdeb-grid-col {
        gap: 18px !important;
    }

    .kdeb-card-tall {
        height: auto !important;
        min-height: 0 !important;
    }

    .kdeb-card-tall .kdeb-card-img-box {
        height: 250px !important;
        min-height: 250px !important;
    }

    .kdeb-grid-col .kdeb-service-card:not(.kdeb-card-tall) {
        height: auto !important;
        min-height: 225px !important;
    }
}


/* ========================================
   15. STICKY KDEBWM HEADER
   ======================================== */

header.kdeb-header {
    position: sticky !important;

    top: 0 !important;

    width: 100% !important;

    z-index: 99999 !important;

    background-color: #e31b23 !important;
}

header.kdeb-header .kdeb-header-container {
    position: relative !important;
    z-index: 100000 !important;
}

header.kdeb-header .kdeb-nav-wrapper,
header.kdeb-header .kdeb-nav-list {
    position: relative !important;
    z-index: 100001 !important;
}


/* ========================================
   16. KDEBWM ASSETS / STATISTICS SECTION
   ======================================== */

section.kdeb-assets-section {
    position: relative !important;

    width: 100% !important;

    min-height: 610px !important;
    height: auto !important;

    margin: 0 !important;

    padding: 55px 20px 65px 20px !important;

    box-sizing: border-box !important;

    background-color: transparent !important;

    background-image: none !important;

    overflow: hidden !important;

    isolation: isolate !important;

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

    color: #ffffff !important;
}


/* ----------------------------------------
   FULL-SECTION BACKGROUND IMAGE
   ---------------------------------------- */

section.kdeb-assets-section::before {
    content: "" !important;

    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;

    height: 100% !important;

    background-image:
        url("http://explorer.local/wp-content/uploads/2026/08/bg.jpg") !important;

    background-repeat: no-repeat !important;

    background-position: center center !important;

    background-size: cover !important;

    background-attachment: scroll !important;

    z-index: 0 !important;

    pointer-events: none !important;
}


/* ----------------------------------------
   VERY LIGHT SECTION OVERLAY
   ---------------------------------------- */

section.kdeb-assets-section::after {
    content: "" !important;

    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;

    height: 100% !important;

    background: rgba(255, 255, 255, 0.03) !important;

    z-index: 1 !important;

    pointer-events: none !important;
}


/* ----------------------------------------
   KEEP ASSETS CONTENT ABOVE BACKGROUND
   ---------------------------------------- */

section.kdeb-assets-section > * {
    position: relative !important;

    z-index: 2 !important;
}


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

section.kdeb-assets-section .kdeb-assets-header {
    position: relative !important;

    z-index: 3 !important;

    width: 100% !important;

    text-align: center !important;

    margin-top: 0 !important;

    margin-bottom: 25px !important;

    padding: 0 !important;
}


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

section.kdeb-assets-section .kdeb-assets-title,
section.kdeb-assets-section h2.kdeb-assets-title,
section.kdeb-assets-section h2 {

    color: #fcd116 !important;

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

    font-size: 42px !important;

    font-weight: 800 !important;

    line-height: 1.15 !important;

    text-align: center !important;

    margin: 0 0 8px 0 !important;

    padding: 0 !important;

    letter-spacing: 0 !important;
}


/* ----------------------------------------
   ASSETS SUBTITLE
   ---------------------------------------- */

section.kdeb-assets-section .kdeb-assets-subtitle {

    color: #ffffff !important;

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

    font-size: 18px !important;

    font-weight: 400 !important;

    line-height: 1.4 !important;

    text-align: center !important;

    margin: 0 !important;

    padding: 0 !important;
}


/* ----------------------------------------
   STATS SLIDER
   ---------------------------------------- */

section.kdeb-assets-section .kdeb-stats-slider {

    position: relative !important;

    z-index: 3 !important;

    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow: visible !important;
}


/* ----------------------------------------
   SLIDE
   ---------------------------------------- */

section.kdeb-assets-section .kdeb-stats-slide {

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;
}


/* ----------------------------------------
   STAT CARD GRID
   ---------------------------------------- */

section.kdeb-assets-section .kdeb-stats-grid {

    display: grid !important;

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

    column-gap: 12px !important;

    row-gap: 12px !important;

    width: calc(100% + 120px) !important;

    max-width: none !important;

    margin-top: 0 !important;

    margin-bottom: 0 !important;

    margin-left: -60px !important;

    margin-right: -60px !important;

    padding: 0 !important;

    box-sizing: border-box !important;

    align-items: stretch !important;
}


/* ----------------------------------------
   STAT CARD
   ---------------------------------------- */

section.kdeb-assets-section .kdeb-stat-card {

    position: relative !important;

    z-index: 3 !important;

    width: 100% !important;

    min-width: 0 !important;

    height: 280px !important;

    min-height: 280px !important;

    box-sizing: border-box !important;

    background-color:
        rgba(255, 255, 255, 0.30) !important;

    background-image: none !important;

    color: #333333 !important;

    padding: 25px 15px !important;

    border-radius: 8px !important;

    border:
        1px solid rgba(255, 255, 255, 0.55) !important;

    box-shadow: none !important;

    text-align: center !important;

    overflow: hidden !important;

    backdrop-filter: none !important;

    -webkit-backdrop-filter: none !important;
}


/* ----------------------------------------
   STAT ICON
   ---------------------------------------- */

section.kdeb-assets-section .kdeb-stat-icon {

    color: #333333 !important;

    margin-bottom: 10px !important;
}

section.kdeb-assets-section .kdeb-stat-icon svg {

    stroke: #333333 !important;
}


/* ----------------------------------------
   STAT NUMBER
   ---------------------------------------- */

section.kdeb-assets-section .kdeb-stat-number {

    color: #fcd116 !important;

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

    font-size: 42px !important;

    font-weight: 700 !important;

    line-height: 1.2 !important;

    text-align: center !important;

    margin: 0 !important;
}

section.kdeb-assets-section .kdeb-stat-number .counter {

    color: #fcd116 !important;
}


/* ----------------------------------------
   STAT UNDERLINE
   ---------------------------------------- */

section.kdeb-assets-section .kdeb-stat-underline {

    width: 40px !important;

    height: 3px !important;

    background-color: #d82323 !important;

    margin: 10px auto !important;
}


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

section.kdeb-assets-section .kdeb-stat-label {

    color: #ffffff !important;

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

    font-size: 16px !important;

    font-weight: 700 !important;

    line-height: 1.3 !important;

    text-align: center !important;

    margin: 0 !important;
}


/* ----------------------------------------
   PAGINATION
   ---------------------------------------- */

section.kdeb-assets-section .kdeb-stats-pagination {

    position: relative !important;

    z-index: 4 !important;

    text-align: center !important;

    margin-top: 35px !important;

    margin-bottom: 0 !important;

    padding: 0 !important;
}


/* ----------------------------------------
   PAGINATION DOTS
   ---------------------------------------- */

section.kdeb-assets-section .kdeb-dot {

    display: inline-block !important;

    width: 12px !important;

    height: 12px !important;

    border-radius: 50% !important;

    margin: 0 5px !important;

    cursor: pointer !important;

    box-sizing: border-box !important;
}

section.kdeb-assets-section .kdeb-dot.active {

    background-color: #ffffff !important;

    border: 2px solid #ffffff !important;
}

section.kdeb-assets-section .kdeb-dot:not(.active) {

    background-color:
        rgba(255, 255, 255, 0.45) !important;

    border: none !important;
}


/* ========================================
   WHAT'S NEW - TABLET
   ======================================== */

@media (max-width: 1399px) and (min-width: 992px) {

    .kdeb-whats-new-section {
        overflow-x: hidden !important;
    }

    .kdeb-whats-new-section
    .kdeb-whats-new-grid {

        width: 100% !important;

        max-width: 1100px !important;

        min-width: 0 !important;

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

        column-gap: 20px !important;

        row-gap: 20px !important;
    }

    .kdeb-whats-new-section
    .kdeb-whats-new-grid > * {

        width: 100% !important;

        min-width: 0 !important;

        max-width: none !important;

        height: 300px !important;

        min-height: 300px !important;

        max-height: 300px !important;
    }
}


/* ========================================
   WHAT'S NEW - SMALL TABLET
   ======================================== */

@media (max-width: 991px) {

    .kdeb-whats-new-section {

        overflow-x: hidden !important;

        padding:
            30px
            15px
            50px
            15px !important;
    }

    .kdeb-whats-new-section
    .kdeb-whats-new-grid {

        width: 100% !important;

        max-width: 700px !important;

        min-width: 0 !important;

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

        column-gap: 18px !important;

        row-gap: 18px !important;
    }

    .kdeb-whats-new-section
    .kdeb-whats-new-grid > * {

        width: 100% !important;

        min-width: 0 !important;

        max-width: none !important;

        height: 300px !important;

        min-height: 300px !important;

        max-height: 300px !important;
    }

    .kdeb-whats-new-section
    .kdeb-whats-new-title {

        font-size: 36px !important;

        margin-bottom: 25px !important;
    }
}


/* ========================================
   WHAT'S NEW - MOBILE
   ======================================== */

@media (max-width: 767px) {

    .kdeb-whats-new-section {

        padding:
            25px
            15px
            40px
            15px !important;
    }

    .kdeb-whats-new-section
    .kdeb-whats-new-title {

        font-size: 30px !important;

        margin-bottom: 22px !important;
    }

    .kdeb-whats-new-section
    .kdeb-whats-new-grid {

        width: 100% !important;

        max-width: 450px !important;

        min-width: 0 !important;

        grid-template-columns: 1fr !important;

        column-gap: 0 !important;

        row-gap: 18px !important;
    }

    .kdeb-whats-new-section
    .kdeb-whats-new-grid > * {

        width: 100% !important;

        min-width: 0 !important;

        max-width: none !important;

        height: 342px !important;

        min-height: 342px !important;

        max-height: 342px !important;
    }
}


/* ========================================
   RESPONSIVE - LARGE TABLET / LAPTOP
   ======================================== */

@media (max-width: 1199px) {

    section.kdeb-assets-section {

        min-height: 610px !important;

        padding-top: 55px !important;

        padding-bottom: 60px !important;

        padding-left: 15px !important;

        padding-right: 15px !important;
    }

    section.kdeb-assets-section
    .kdeb-assets-title,
    section.kdeb-assets-section
    h2.kdeb-assets-title,
    section.kdeb-assets-section h2 {

        font-size: 38px !important;
    }

    section.kdeb-assets-section
    .kdeb-assets-subtitle {

        font-size: 17px !important;
    }

    section.kdeb-assets-section
    .kdeb-stats-grid {

        width: calc(100% + 60px) !important;

        margin-left: -30px !important;

        margin-right: -30px !important;

        column-gap: 10px !important;
    }

    section.kdeb-assets-section
    .kdeb-stat-card {

        height: 275px !important;

        min-height: 275px !important;

        padding: 22px 10px !important;
    }

    section.kdeb-assets-section
    .kdeb-stat-number {

        font-size: 38px !important;
    }

    section.kdeb-assets-section
    .kdeb-stat-label {

        font-size: 15px !important;
    }
}


/* ========================================
   RESPONSIVE - SMALL TABLET
   ======================================== */

@media (max-width: 991px) {

    section.kdeb-assets-section {

        min-height: 0 !important;

        padding-top: 55px !important;

        padding-bottom: 55px !important;

        padding-left: 15px !important;

        padding-right: 15px !important;
    }

    section.kdeb-assets-section
    .kdeb-assets-header {

        margin-bottom: 25px !important;
    }

    section.kdeb-assets-section
    .kdeb-stats-grid {

        width: 100% !important;

        max-width: 700px !important;

        margin-left: auto !important;

        margin-right: auto !important;

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

        column-gap: 15px !important;

        row-gap: 15px !important;
    }

    section.kdeb-assets-section
    .kdeb-stat-card {

        height: 220px !important;

        min-height: 220px !important;
    }

    section.kdeb-assets-section
    .kdeb-stats-pagination {

        margin-top: 25px !important;
    }
}


/* ========================================
   RESPONSIVE - MOBILE
   ======================================== */

@media (max-width: 767px) {

    section.kdeb-assets-section {

        min-height: 0 !important;

        padding-top: 50px !important;

        padding-bottom: 45px !important;

        padding-left: 15px !important;

        padding-right: 15px !important;
    }

    section.kdeb-assets-section
    .kdeb-assets-header {

        margin-bottom: 20px !important;
    }

    section.kdeb-assets-section
    .kdeb-assets-title,
    section.kdeb-assets-section
    h2.kdeb-assets-title,
    section.kdeb-assets-section h2 {

        font-size: 30px !important;
    }

    section.kdeb-assets-section
    .kdeb-assets-subtitle {

        font-size: 15px !important;
    }

    section.kdeb-assets-section
    .kdeb-stats-grid {

        width: 100% !important;

        max-width: 450px !important;

        margin-left: auto !important;

        margin-right: auto !important;

        grid-template-columns: 1fr !important;

        row-gap: 15px !important;
    }

    section.kdeb-assets-section
    .kdeb-stat-card {

        height: 210px !important;

        min-height: 210px !important;

        padding: 25px 15px !important;
    }

    section.kdeb-assets-section
    .kdeb-stat-number {

        font-size: 36px !important;
    }

    section.kdeb-assets-section
    .kdeb-stat-label {

        font-size: 15px !important;
    }

    section.kdeb-assets-section
    .kdeb-stats-pagination {

        margin-top: 25px !important;
    }
}


/* ========================================
   FINAL GLOBAL GAP PROTECTION
   ======================================== */

section.kdeb-assets-section {

    margin-top: 0 !important;

    margin-bottom: 0 !important;

    border-top: 0 !important;

    border-bottom: 0 !important;
}


section.kdeb-assets-section:first-child {

    outline: none !important;
}


section.kdeb-assets-section + div {

    margin-top: 0 !important;

    padding-top: 0 !important;
}


section.kdeb-assets-section + footer {

    margin-top: 0 !important;

    padding-top: 0 !important;

    border-top: 0 !important;
}


section.kdeb-assets-section + .site-footer,
section.kdeb-assets-section + .footer,
section.kdeb-assets-section + .kdeb-footer {

    margin-top: 0 !important;

    padding-top: 0 !important;
}


/* ========================================
   END OF KDEBWM CUSTOM HOMEPAGE CSS
   ======================================== */