.elementor-23 .elementor-element.elementor-element-e3e71db{--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-23 .elementor-element.elementor-element-3fe5d56{--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-23 .elementor-element.elementor-element-d4717fc{--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-23 .elementor-element.elementor-element-d49403d{--spacer-size:25px;}/* Start custom CSS for html, class: .elementor-element-a6783bd *//* ======================================================
   CERTIFICATION BADGE SECTION
   ====================================================== */

.cert-badge-section{
    background:#f7fbff;
    padding:50px 8%;
    border-radius: 25px;
}

.cert-badge-container{
    max-width:1200px;
    margin:auto;
}

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

.cert-badge-header{
    text-align:center;
    margin-bottom:70px;
}

.cert-badge-header h2{
    font-size:32px;
    color:#1e3d73;
    margin-bottom:18px;
}

.cert-badge-header p{
    max-width:800px;
    margin:auto;
    font-size:15px;
    line-height:1.9;
    color:#4a5d73;
}

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

.cert-badge-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:30px;
}

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

.cert-badge-card{
    background:#ffffff;
    padding:30px 25px;
    text-align:center;
    border-radius:18px;
    border:1px solid #e6eef7;
    box-shadow:0 15px 40px rgba(0,0,0,.05);

    transition:
        transform .35s cubic-bezier(.25,.1,.25,1),
        box-shadow .35s cubic-bezier(.25,.1,.25,1),
        background .35s ease;
}

/* Only hovered certificate moves */
.cert-badge-card:hover{
    transform:translateY(-12px);
    box-shadow:0 30px 60px rgba(47,111,220,.18);
    background:#f2f7ff;
}

/* Logo */
.cert-badge-card img{
    width:100px;
    margin-bottom:15px;

    transition:transform .4s cubic-bezier(.25,.1,.25,1);
}

/* Logo hover effect */
.cert-badge-card:hover img{
    transform:scale(1.1);
}

/* Certificate Name */
.cert-badge-card h3{
    font-size:16px;
    color:#2f6fdc;
    margin-bottom:6px;

    transition:transform .3s cubic-bezier(.25,.1,.25,1);
}

/* Subtitle */
.cert-badge-card span{
    font-size:13px;
    color:#5c6f85;
}

/* Title slight shift on hover */
.cert-badge-card:hover h3{
    transform:translateY(-3px);
}

/* ======================================================
   RESPONSIVE
   ====================================================== */

@media(max-width:768px){

.cert-badge-section{
    padding:70px 6%;
}

.cert-badge-header h2{
    font-size:26px;
}

}

/* ======================================================
   SAFE PAGE LOAD (NO HOVER CONFLICT)
====================================================== */

/* Header fade */
.cert-badge-header{
    opacity:0;
    animation: headerFade 0.8s ease forwards;
}

/* Cards fade only */
.cert-badge-card{
    opacity:0;
    animation: cardFade 0.8s ease forwards;
}

/* Stagger for 8 cards */
.cert-badge-card:nth-child(1){ animation-delay:.2s; }
.cert-badge-card:nth-child(2){ animation-delay:.35s; }
.cert-badge-card:nth-child(3){ animation-delay:.5s; }
.cert-badge-card:nth-child(4){ animation-delay:.65s; }
.cert-badge-card:nth-child(5){ animation-delay:.8s; }
.cert-badge-card:nth-child(6){ animation-delay:.95s; }
.cert-badge-card:nth-child(7){ animation-delay:1.1s; }
.cert-badge-card:nth-child(8){ animation-delay:1.25s; }

@keyframes headerFade{
    from{ opacity:0; }
    to{ opacity:1; }
}

@keyframes cardFade{
    from{ opacity:0; }
    to{ opacity:1; }
}/* End custom CSS */