.mebb-courses-grid-wrapper{position:relative;overflow:hidden;font-family:var(--e-global-typography-text-font-family,inherit);background-color:#f5f7fb;padding:60px 40px;}
.mebb-courses-grid-overlay{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.2;}

/* Decorative corner dot pattern */
.mebb-courses-corner-dots{position:absolute;width:160px;height:160px;pointer-events:none;z-index:0;background-image:radial-gradient(rgba(15,45,114,.18) 1.5px,transparent 1.5px);background-size:14px 14px;}
.mebb-courses-corner-dots-tl{top:0;left:0;-webkit-mask-image:linear-gradient(135deg,#000 40%,transparent 75%);mask-image:linear-gradient(135deg,#000 40%,transparent 75%);}
.mebb-courses-corner-dots-br{bottom:0;right:0;-webkit-mask-image:linear-gradient(-45deg,#000 40%,transparent 75%);mask-image:linear-gradient(-45deg,#000 40%,transparent 75%);}

/* Header */
.mebb-courses-grid-header{position:relative;z-index:2;text-align:center;max-width:100%;margin:0 auto 40px;}
.mebb-courses-eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 10px;}
.mebb-courses-eyebrow-line{display:inline-block;height:2px;width:70px;border-radius:2px;position:relative;}
.mebb-courses-eyebrow-line::after{content:"";position:absolute;top:50%;width:6px;height:6px;border-radius:50%;transform:translateY(-50%);}
.mebb-courses-eyebrow-line-orange{background:#ff7a00;}
.mebb-courses-eyebrow-line-orange::after{right:-3px;background:#ff7a00;}
.mebb-courses-eyebrow-line-navy{background:#0f2d72;}
.mebb-courses-eyebrow-line-navy::after{left:-3px;background:#0f2d72;}
.mebb-courses-eyebrow-text{font-size:15px;font-weight:700;letter-spacing:.35em;color:#ff7a00;text-transform:uppercase;}
.mebb-courses-heading{font-size:42px;line-height:1.15;font-weight:800;margin:0 0 14px;letter-spacing:.01em;}
.mebb-courses-heading-main{color:#0f2d72;}
.mebb-courses-heading-highlight{color:#ff7a00;}
.mebb-courses-subheading{font-size:17px;line-height:1.7;margin:0;color:#43536b;}
.mebb-courses-divider{margin:24px auto 0;background:#0f2d72;height:4px;width:80px;border-radius:999px;}

/* Grid */
.mebb-courses-grid-container{position:relative;z-index:2;margin:0 auto;display:block;width:100%;max-width:1200px;}
.mebb-courses-grid-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:24px;row-gap:24px;}

/* Card */
.mebb-course-card{--mebb-hover-lift:-6px;--mebb-anim-duration:600ms;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background:#ffffff;border:1px solid rgba(15,45,114,.08);border-radius:20px;box-shadow:0 12px 30px rgba(15,45,114,.06);transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;}
.mebb-course-card:hover{transform:translateY(var(--mebb-hover-lift));box-shadow:0 24px 48px rgba(15,45,114,.14);}
.mebb-course-card-inner{position:relative;display:flex;flex-direction:column;align-items:center;padding:26px 22px;gap:14px;text-align:center;flex:1 1 auto;}
.mebb-course-card-inner.has-image{padding-top:0;}
.mebb-course-card-header{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px;position:relative;z-index:3;}
.mebb-course-card-inner.has-image .mebb-course-card-header{position:absolute;top:14px;left:14px;right:14px;width:auto;}
.mebb-course-badge{display:inline-flex;align-items:center;justify-content:center;padding:0 12px;height:32px;min-width:32px;color:#ffffff;font-weight:700;border-radius:999px;font-size:13px;box-shadow:0 4px 10px rgba(0,0,0,.15);transition:transform .3s ease;}
.mebb-course-card:hover .mebb-course-badge{transform:scale(1.08);}
.mebb-course-number{display:none;}
.mebb-course-icon-wrap{display:flex;justify-content:center;align-items:center;width:100%;margin-top:4px;}
.mebb-course-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;font-size:32px;transition:all .3s ease;}
.mebb-course-icon i{font-size:32px;transition:transform .35s ease;}
.mebb-icon-bounce-on .mebb-course-card:hover .mebb-course-icon i{transform:scale(1.15) rotate(-6deg);}
.mebb-icon-bounce-on .mebb-course-card:hover .mebb-course-icon-svg svg{transform:scale(1.15);}
.mebb-course-icon-svg svg{width:1em;height:1em;transition:transform .35s ease;}

/* Card Background Image (full-card background layer, independent of content/media/icon image) */
.mebb-course-card-bg-layer{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;pointer-events:none;}
.mebb-course-card-bg-image{position:absolute;inset:0;background-repeat:no-repeat;background-size:var(--mebb-cardbg-size,cover);background-position:var(--mebb-cardbg-position,center center);opacity:var(--mebb-cardbg-opacity,1);filter:blur(var(--mebb-cardbg-blur,0px));transform:scale(var(--mebb-cardbg-scale,1));transition:transform .5s ease,opacity .3s ease,filter .3s ease;will-change:transform;}
.mebb-course-card-bg-gloss{position:absolute;inset:-60% -30%;background:linear-gradient(115deg,rgba(255,255,255,0) 38%,rgba(255,255,255,var(--mebb-cardbg-gloss-opacity,0)) 50%,rgba(255,255,255,0) 62%);transform:rotate(8deg);pointer-events:none;}
.mebb-cardbg-zoom-on .mebb-course-card:hover .mebb-course-card-bg-image{transform:scale(var(--mebb-cardbg-hover-scale,1.08));}

/* Course image (background image box with size adjustment via Elementor controls) */
.mebb-course-media-wrap{position:relative;width:100%;overflow:hidden;border-radius:16px;margin:0 0 12px;}
.mebb-course-media{width:100%;height:170px;background-repeat:no-repeat;background-position:center center;background-size:cover;transition:transform .5s ease;will-change:transform;}
.mebb-course-media-overlay{position:absolute;inset:0;background-color:rgba(15,45,114,0);transition:background-color .35s ease;pointer-events:none;}
.mebb-image-zoom-on .mebb-course-card:hover .mebb-course-media{transform:scale(var(--mebb-img-zoom,1.12));}

/* Entrance animations (scroll reveal) — the "hidden" starting state is only
   applied once JS adds .mebb-anim-ready, so cards stay visible by default
   if JavaScript is blocked or fails to load (progressive enhancement). */
.mebb-anim{transition-property:opacity,transform;transition-duration:var(--mebb-anim-duration,600ms);transition-timing-function:cubic-bezier(.25,.8,.25,1);}
.mebb-anim-no-transition{transition:none!important;}
.mebb-anim-fade-up.mebb-anim-ready{opacity:0;transform:translateY(36px);}
.mebb-anim-fade-in.mebb-anim-ready{opacity:0;transform:none;}
.mebb-anim-zoom-in.mebb-anim-ready{opacity:0;transform:scale(.85);}
.mebb-anim-slide-left.mebb-anim-ready{opacity:0;transform:translateX(-48px);}
.mebb-anim-slide-right.mebb-anim-ready{opacity:0;transform:translateX(48px);}
.mebb-anim-flip-up.mebb-anim-ready{opacity:0;transform:perspective(800px) rotateX(35deg);transform-origin:bottom center;}
.mebb-anim.mebb-in-view{opacity:1;transform:none;}
@media (prefers-reduced-motion: reduce){.mebb-anim.mebb-anim-ready{opacity:1;transform:none;transition:none;}}
.mebb-course-title{font-size:18px;line-height:1.35;font-weight:800;margin:0;color:#0f2d72;min-height:2.7em;display:flex;align-items:center;}
.mebb-course-description{font-size:13.5px;line-height:1.7;margin:0;color:#5d6b84;}
.mebb-course-accent-line{display:block;width:26px;height:2px;border-radius:2px;margin:2px 0 0;}
.mebb-course-card-footer{width:100%;display:flex;justify-content:center;margin-top:auto;}
.mebb-course-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;background:transparent;font-family:inherit;font-size:13.5px;font-weight:700;border-radius:10px;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:all .3s ease;}
.mebb-button-icon{font-size:12px;display:inline-flex;align-items:center;}

/* Accent theme: orange */
.mebb-accent-orange .mebb-course-badge{background:#ff7a00;}
.mebb-accent-orange .mebb-course-icon{background:#fff1e2;color:#ff7a00;}
.mebb-accent-orange .mebb-course-accent-line{background:#ff7a00;}
.mebb-accent-orange .mebb-course-button{border-color:#ff7a00;color:#ff7a00;}
.mebb-accent-orange .mebb-course-button:hover{background:#ff7a00;color:#ffffff;}

/* Accent theme: navy */
.mebb-accent-navy .mebb-course-badge{background:#0f2d72;}
.mebb-accent-navy .mebb-course-icon{background:#e9eef8;color:#0f2d72;}
.mebb-accent-navy .mebb-course-accent-line{background:#0f2d72;}
.mebb-accent-navy .mebb-course-button{border-color:#0f2d72;color:#0f2d72;}
.mebb-accent-navy .mebb-course-button:hover{background:#0f2d72;color:#ffffff;}

/* Bottom button */
.mebb-courses-bottom-button-wrapper{position:relative;z-index:2;display:flex;justify-content:center;margin-top:40px;}
.mebb-courses-bottom-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:18px 34px;background:#0f2d72;color:#ffffff;font-family:inherit;font-size:16px;font-weight:700;border:none;border-radius:14px;text-decoration:none;cursor:pointer;transition:all .3s ease;}
.mebb-courses-bottom-button:hover{background:#173a8f;color:#ffffff;}
.mebb-bottom-button-icon{font-size:15px;display:inline-flex;align-items:center;}

@media(max-width:1024px){.mebb-courses-grid-list{grid-template-columns:repeat(3,minmax(0,1fr));}.mebb-courses-heading{font-size:34px;}}
@media(max-width:767px){.mebb-courses-grid-wrapper{padding:40px 20px;}.mebb-courses-grid-list{grid-template-columns:repeat(1,minmax(0,1fr));}.mebb-courses-grid-header{margin-bottom:28px;}.mebb-course-card-inner{padding:24px 20px;}.mebb-courses-heading{font-size:28px;}.mebb-courses-eyebrow-line{width:36px;}.mebb-courses-bottom-button{width:100%;max-width:420px;}}