.elementor-1287 .elementor-element.elementor-element-3b97254{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:center;--align-items:center;--background-transition:0.3s;--overlay-opacity:0.75;}.elementor-1287 .elementor-element.elementor-element-3b97254:not(.elementor-motion-effects-element-type-background), .elementor-1287 .elementor-element.elementor-element-3b97254 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://scuolaguidadarko.com/wp-content/uploads/2025/11/WhatsApp-Image-2025-10-31-at-10.12.22-PM.jpeg");background-position:center right;background-size:cover;}.elementor-1287 .elementor-element.elementor-element-3b97254::before, .elementor-1287 .elementor-element.elementor-element-3b97254 > .elementor-background-video-container::before, .elementor-1287 .elementor-element.elementor-element-3b97254 > .e-con-inner > .elementor-background-video-container::before, .elementor-1287 .elementor-element.elementor-element-3b97254 > .elementor-background-slideshow::before, .elementor-1287 .elementor-element.elementor-element-3b97254 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1287 .elementor-element.elementor-element-3b97254 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#0E1A31;}.elementor-1287 .elementor-element.elementor-element-3b97254, .elementor-1287 .elementor-element.elementor-element-3b97254::before{--border-transition:0.3s;}.elementor-1287 .elementor-element.elementor-element-92c7205{text-align:center;}.elementor-1287 .elementor-element.elementor-element-92c7205 .elementor-heading-title{color:#1C72B8;font-size:18px;}.elementor-1287 .elementor-element.elementor-element-469b6a9{text-align:center;}.elementor-1287 .elementor-element.elementor-element-469b6a9 .elementor-heading-title{color:#FFFFFF;}.elementor-1287 .elementor-element.elementor-element-1490b96{text-align:center;color:var( --e-global-color-7133127 );font-size:24px;}.elementor-1287 .elementor-element.elementor-element-4369649{--display:flex;--min-height:400px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1287 .elementor-element.elementor-element-4369649:not(.elementor-motion-effects-element-type-background), .elementor-1287 .elementor-element.elementor-element-4369649 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8d0a1c1 );}.elementor-1287 .elementor-element.elementor-element-4369649, .elementor-1287 .elementor-element.elementor-element-4369649::before{--border-transition:0.3s;}.elementor-1287 .elementor-element.elementor-element-8c0e0d6{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:center;--align-items:center;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-1287 .elementor-element.elementor-element-8c0e0d6:not(.elementor-motion-effects-element-type-background), .elementor-1287 .elementor-element.elementor-element-8c0e0d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8d0a1c1 );}.elementor-1287 .elementor-element.elementor-element-8c0e0d6, .elementor-1287 .elementor-element.elementor-element-8c0e0d6::before{--border-transition:0.3s;}.elementor-1287 .elementor-element.elementor-element-6d8010c{text-align:center;width:auto;max-width:auto;}.elementor-1287 .elementor-element.elementor-element-6d8010c .elementor-heading-title{color:#1C72B8;font-family:var( --e-global-typography-4615e65-font-family ), Sans-serif;font-size:var( --e-global-typography-4615e65-font-size );font-weight:var( --e-global-typography-4615e65-font-weight );line-height:var( --e-global-typography-4615e65-line-height );letter-spacing:var( --e-global-typography-4615e65-letter-spacing );word-spacing:var( --e-global-typography-4615e65-word-spacing );}.elementor-1287 .elementor-element.elementor-element-6d8010c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1287 .elementor-element.elementor-element-a0eb0e8{text-align:center;}.elementor-1287 .elementor-element.elementor-element-a0eb0e8 .elementor-heading-title{color:#FFFFFF;}.elementor-1287 .elementor-element.elementor-element-d195e07{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1287 .elementor-element.elementor-element-136c8bb{--display:flex;--min-height:400px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-text );--border-color:var( --e-global-color-text );--border-radius:5px 5px 5px 5px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-1287 .elementor-element.elementor-element-136c8bb:not(.elementor-motion-effects-element-type-background), .elementor-1287 .elementor-element.elementor-element-136c8bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#131E35;}.elementor-1287 .elementor-element.elementor-element-136c8bb:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-403b7df );--border-color:var( --e-global-color-403b7df );--border-radius:5px 5px 5px 5px;--border-top-left-radius:5px;--border-top-right-radius:5px;--border-bottom-right-radius:5px;--border-bottom-left-radius:5px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-1287 .elementor-element.elementor-element-136c8bb, .elementor-1287 .elementor-element.elementor-element-136c8bb::before{--border-transition:0.3s;}.elementor-1287 .elementor-element.elementor-element-2d97981 .elementor-icon-wrapper{text-align:left;}.elementor-1287 .elementor-element.elementor-element-2d97981.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-25ed356 );}.elementor-1287 .elementor-element.elementor-element-2d97981.elementor-view-framed .elementor-icon, .elementor-1287 .elementor-element.elementor-element-2d97981.elementor-view-default .elementor-icon{color:var( --e-global-color-25ed356 );border-color:var( --e-global-color-25ed356 );}.elementor-1287 .elementor-element.elementor-element-2d97981.elementor-view-framed .elementor-icon, .elementor-1287 .elementor-element.elementor-element-2d97981.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-25ed356 );}.elementor-1287 .elementor-element.elementor-element-89316f8{text-align:left;}.elementor-1287 .elementor-element.elementor-element-89316f8 .elementor-heading-title{color:#FFFFFF;font-size:32px;}.elementor-1287 .elementor-element.elementor-element-89316f8 > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1287 .elementor-element.elementor-element-c778fb4{text-align:left;color:var( --e-global-color-7133127 );font-size:16px;}.elementor-1287 .elementor-element.elementor-element-fcd2065 .elementor-icon-list-icon i{color:var( --e-global-color-403b7df );transition:color 0.3s;}.elementor-1287 .elementor-element.elementor-element-fcd2065 .elementor-icon-list-icon svg{fill:var( --e-global-color-403b7df );transition:fill 0.3s;}.elementor-1287 .elementor-element.elementor-element-fcd2065{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-1287 .elementor-element.elementor-element-fcd2065 .elementor-icon-list-text{color:var( --e-global-color-7133127 );transition:color 0.3s;}.elementor-1287 .elementor-element.elementor-element-af69e99{text-align:left;}.elementor-1287 .elementor-element.elementor-element-af69e99 .elementor-heading-title{color:#FFFFFF;}.elementor-1287 .elementor-element.elementor-element-af69e99 > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1287 .elementor-element.elementor-element-5b26efc .elementor-button{font-size:24px;font-weight:900;fill:var( --e-global-color-25ed356 );color:var( --e-global-color-25ed356 );background-color:var( --e-global-color-403b7df );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-403b7df );border-radius:5px 5px 5px 5px;}.elementor-1287 .elementor-element.elementor-element-5b26efc .elementor-button:hover, .elementor-1287 .elementor-element.elementor-element-5b26efc .elementor-button:focus{background-color:var( --e-global-color-8d0a1c1 );border-color:var( --e-global-color-25ed356 );}.elementor-1287 .elementor-element.elementor-element-614fedb{--display:flex;--min-height:400px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-text );--border-color:var( --e-global-color-text );--border-radius:5px 5px 5px 5px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-1287 .elementor-element.elementor-element-614fedb:not(.elementor-motion-effects-element-type-background), .elementor-1287 .elementor-element.elementor-element-614fedb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#131E35;}.elementor-1287 .elementor-element.elementor-element-614fedb:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-403b7df );--border-color:var( --e-global-color-403b7df );--border-radius:5px 5px 5px 5px;--border-top-left-radius:5px;--border-top-right-radius:5px;--border-bottom-right-radius:5px;--border-bottom-left-radius:5px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-1287 .elementor-element.elementor-element-614fedb, .elementor-1287 .elementor-element.elementor-element-614fedb::before{--border-transition:0.3s;}.elementor-1287 .elementor-element.elementor-element-c04acb5 .elementor-icon-wrapper{text-align:left;}.elementor-1287 .elementor-element.elementor-element-c04acb5.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-25ed356 );}.elementor-1287 .elementor-element.elementor-element-c04acb5.elementor-view-framed .elementor-icon, .elementor-1287 .elementor-element.elementor-element-c04acb5.elementor-view-default .elementor-icon{color:var( --e-global-color-25ed356 );border-color:var( --e-global-color-25ed356 );}.elementor-1287 .elementor-element.elementor-element-c04acb5.elementor-view-framed .elementor-icon, .elementor-1287 .elementor-element.elementor-element-c04acb5.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-25ed356 );}.elementor-1287 .elementor-element.elementor-element-916f0cb{text-align:left;}.elementor-1287 .elementor-element.elementor-element-916f0cb .elementor-heading-title{color:#FFFFFF;font-size:32px;}.elementor-1287 .elementor-element.elementor-element-916f0cb > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1287 .elementor-element.elementor-element-3137aac{text-align:left;color:var( --e-global-color-7133127 );font-size:16px;}.elementor-1287 .elementor-element.elementor-element-7724dfa .elementor-icon-list-icon i{color:var( --e-global-color-403b7df );transition:color 0.3s;}.elementor-1287 .elementor-element.elementor-element-7724dfa .elementor-icon-list-icon svg{fill:var( --e-global-color-403b7df );transition:fill 0.3s;}.elementor-1287 .elementor-element.elementor-element-7724dfa{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-1287 .elementor-element.elementor-element-7724dfa .elementor-icon-list-text{color:var( --e-global-color-7133127 );transition:color 0.3s;}.elementor-1287 .elementor-element.elementor-element-e4e47f4{text-align:left;}.elementor-1287 .elementor-element.elementor-element-e4e47f4 .elementor-heading-title{color:#FFFFFF;}.elementor-1287 .elementor-element.elementor-element-e4e47f4 > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1287 .elementor-element.elementor-element-d3922a8 .elementor-button{font-size:24px;font-weight:900;fill:var( --e-global-color-25ed356 );color:var( --e-global-color-25ed356 );background-color:var( --e-global-color-403b7df );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-403b7df );border-radius:5px 5px 5px 5px;}.elementor-1287 .elementor-element.elementor-element-d3922a8 .elementor-button:hover, .elementor-1287 .elementor-element.elementor-element-d3922a8 .elementor-button:focus{background-color:var( --e-global-color-8d0a1c1 );border-color:var( --e-global-color-25ed356 );}@media(max-width:1024px){.elementor-1287 .elementor-element.elementor-element-6d8010c .elementor-heading-title{font-size:var( --e-global-typography-4615e65-font-size );line-height:var( --e-global-typography-4615e65-line-height );letter-spacing:var( --e-global-typography-4615e65-letter-spacing );word-spacing:var( --e-global-typography-4615e65-word-spacing );}}@media(max-width:767px){.elementor-1287 .elementor-element.elementor-element-469b6a9 .elementor-heading-title{font-size:72px;}.elementor-1287 .elementor-element.elementor-element-6d8010c .elementor-heading-title{font-size:var( --e-global-typography-4615e65-font-size );line-height:var( --e-global-typography-4615e65-line-height );letter-spacing:var( --e-global-typography-4615e65-letter-spacing );word-spacing:var( --e-global-typography-4615e65-word-spacing );}}/* Start custom CSS for shortcode, class: .elementor-element-acda03a *//* VISUAL TRAFFIC LIGHT - Top Left Corner */
.visual-traffic-light {
    position: absolute;
    top: 20px;
    left: 20px;
    background: rgba(0, 0, 0, 0.5);
    padding: 8px 6px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    z-index: 10;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.traffic-light-circle {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.traffic-light-circle.red {
    background: rgba(239, 68, 68, 0.3);
}

.traffic-light-circle.red.active {
    background: #ef4444;
    box-shadow: 0 0 15px #ef4444, 0 0 25px rgba(239, 68, 68, 0.5);
    animation: pulse-glow 2s infinite;
}

.traffic-light-circle.yellow {
    background: rgba(245, 158, 11, 0.3);
}

.traffic-light-circle.yellow.active {
    background: #f59e0b;
    box-shadow: 0 0 15px #f59e0b, 0 0 25px rgba(245, 158, 11, 0.5);
    animation: pulse-glow 2s infinite;
}

.traffic-light-circle.green {
    background: rgba(34, 197, 94, 0.3);
}

.traffic-light-circle.green.active {
    background: #22c55e;
    box-shadow: 0 0 15px #22c55e, 0 0 25px rgba(34, 197, 94, 0.5);
    animation: pulse-glow 2s infinite;
}

@keyframes pulse-glow {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}

/* Course Card */
.course-card {
    background: rgba(255,255,255,0.02);
    border: 2px solid rgba(255,255,255,0.08);
    border-radius: 4px;
    overflow: hidden;
    transition: all 0.3s ease;
    position: relative;
}

.course-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.5);
    border-color: rgba(18, 87, 184, 0.3);
}

.course-card.status-available {
    border-left: 4px solid #22c55e;
}

.course-card.status-limited {
    border-left: 4px solid #f59e0b;
}

.course-card.status-full {
    border-left: 4px solid #ef4444;
    opacity: 0.7;
}

/* Course Header */
.course-header {
    padding: 30px 30px 30px 50px; /* Extra left padding for traffic light */
    background: rgba(255,255,255,0.02);
    border-bottom: 1px solid rgba(255,255,255,0.06);
    position: relative;
}

/* Location Badge - Now top right */
.location-badge {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 6px 14px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    background: #1257B8;
    color: #fff;
    border: 1px solid rgba(255,255,255,0.1);
    z-index: 5;
}

/* Course Title Row */
.course-title-row {
    margin-bottom: 15px;
    padding-right: 140px; /* Space for location badge */
}

.course-card h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
    margin: 0;
}

/* Status Badge - Below Title */
.status-badge-inline {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    border: 1px solid;
    margin-bottom: 15px;
    margin-top: 8px;
}

.status-badge-inline.status-available {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
    border-color: #22c55e;
}

.status-badge-inline.status-limited {
    background: rgba(245, 158, 11, 0.15);
    color: #f59e0b;
    border-color: #f59e0b;
}

.status-badge-inline.status-full {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
    border-color: #ef4444;
}

/* Course Meta */
.course-meta {
    list-style: none;
    margin: 0;
    padding: 0;
}

.course-meta li {
    color: rgba(255,255,255,0.7);
    font-size: 15px;
    padding: 8px 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.course-meta i {
    color: #1257B8;
    width: 20px;
}

/* Course Body */
.course-body {
    padding: 30px;
}

/* Course Price */
.course-price {
    background: rgba(18, 87, 184, 0.08);
    border: 1px solid rgba(18, 87, 184, 0.2);
    border-radius: 4px;
    padding: 25px;
    margin-bottom: 20px;
}

.price-amount {
    font-size: 36px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 15px;
    display: block;
}

.price-includes {
    font-size: 14px;
    color: rgba(255,255,255,0.65);
    line-height: 1.8;
}

/* Course Voucher - Replaces old position */
.course-voucher {
    background: rgba(245, 158, 11, 0.1);
    border: 2px solid rgba(245, 158, 11, 0.3);
    border-radius: 4px;
    padding: 15px 20px;
    margin-bottom: 20px;
    text-align: center;
}

.course-voucher strong {
    color: #f59e0b;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.3px;
    display: block;
}

/* Spots Remaining */
.spots-remaining {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 20px;
    background: rgba(255,255,255,0.03);
    border-radius: 4px;
    border: 1px solid rgba(255,255,255,0.08);
    margin-bottom: 20px;
}

.spots-remaining i {
    color: #1257B8;
    font-size: 16px;
}

.spots-remaining span {
    font-size: 14px;
    font-weight: 600;
    color: rgba(255,255,255,0.85);
}

/* Course Actions */
.course-actions {
    display: flex;
    gap: 12px;
}

.btn-primary {
    flex: 1;
    background: #1257B8;
    color: #ffffff !important; /* Force white text */
    padding: 16px 24px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 700;
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.3s;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.btn-primary:hover {
    background: #0d4594;
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(18, 87, 184, 0.4);
    color: #ffffff !important; /* Keep white on hover */
}

.btn-disabled {
    background: rgba(239, 68, 68, 0.15) !important;
    color: #ef4444 !important;
    cursor: not-allowed;
    pointer-events: none;
    border: 2px solid rgba(239, 68, 68, 0.3);
}

/* Month Section */
.month-section {
    margin-bottom: 80px;
}

.month-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 40px;
    text-align: center;
    color: #ffffff !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Courses Grid */
.courses-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    gap: 30px;
    max-width: 1400px;
    margin: 0 auto;
}


/* MOBILE RESPONSIVE - Improved Layout */
@media (max-width: 768px) {
    /* Course Grid */
    .courses-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 0 15px;
    }

    .month-title {
        font-size: 24px;
        margin-bottom: 30px;
    }

    /* Course Card */
    .course-card {
        border-left-width: 3px;
    }

    /* Traffic Light - Add Right Margin */
    .visual-traffic-light {
        top: 15px;
        left: 15px;
        padding: 6px 5px;
        gap: 5px;
        margin-right: 10px; /* Add spacing from right edge */
    }

    .traffic-light-circle {
        width: 12px;
        height: 12px;
    }

    /* Course Header - Reorder for Mobile */
    .course-header {
        padding: 20px 15px 20px 50px; /* Keep left padding for traffic light */
        display: flex;
        flex-direction: column;
    }

    /* Location Badge - Move to top right */
        .location-badge {
        position: absolute;
        top: 12px;
        right: 12px;
        padding: 5px 10px;
        font-size: 10px;
        letter-spacing: 1px;
        order: 1;
    }


    /* Course Title - Move to Top */
    .course-title-row {
        order: 2; /* Title comes first */
        margin-bottom: 10px;
        padding-right: 80px; /* Space for location badge */
    }

    .course-card h3 {
        font-size: 20px;
        line-height: 1.2;
    }

    /* Status Badge - Below Title */
    .status-badge-inline {
        order: 3;
        margin-top: 12px;
        margin-bottom: 12px;
        font-size: 11px;
        padding: 5px 12px;
    }


    /* Course Meta - Below Status */
    .course-meta {
        order: 4;
    }

    .course-meta li {
        font-size: 14px;
        padding: 6px 0;
    }

    .course-meta i {
        width: 18px;
        font-size: 14px;
    }

    /* Course Body */
    .course-body {
        padding: 20px 15px;
    }

    /* Price */
    .course-price {
        padding: 20px;
        margin-bottom: 15px;
    }

    .price-amount {
        font-size: 30px;
        margin-bottom: 12px;
    }

    .price-includes {
        font-size: 13px;
    }

    /* Voucher */
    .course-voucher {
        padding: 12px 15px;
        margin-bottom: 15px;
    }

    .course-voucher strong {
        font-size: 12px;
        line-height: 1.5;
    }

    /* Spots Remaining */
    .spots-remaining {
        padding: 12px 15px;
        margin-bottom: 15px;
        flex-wrap: wrap;
    }

    .spots-remaining span {
        font-size: 13px;
    }

    /* Buttons */
    .course-actions {
        flex-direction: column;
        gap: 10px;
    }

    .btn-primary {
        padding: 14px 20px;
        font-size: 14px;
    }
}

/* Extra Small Phones (320px - 480px) */
@media (max-width: 480px) {
    .course-title-row {
        padding-right: 90px; /* Less padding for smaller screens */
    }

    .course-card h3 {
        font-size: 18px;
    }

    .location-badge {
        font-size: 9px;
        padding: 4px 8px;
        top: 10px;
        right: 10px;
    }


    .month-title {
        font-size: 20px;
    }

    .price-amount {
        font-size: 26px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-136c8bb */.elementor-1287 .elementor-element.elementor-element-136c8bb {
  transition: transform 0.5s ease; /* Slower */
}

.elementor-1287 .elementor-element.elementor-element-136c8bb:hover {
  transform: translateY(-5px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-614fedb */.elementor-1287 .elementor-element.elementor-element-614fedb {
  transition: transform 0.5s ease; /* Slower */
}

.elementor-1287 .elementor-element.elementor-element-614fedb:hover {
  transform: translateY(-5px);
}/* End custom CSS */