/* Alpha Life Skills Curriculum Widget Styles */

.mb-0 {
	margin-bottom: 0;
}

/* Custom CSS Variables for LifeCore Colors */
.elementor-widget-alpha-life-skills-curriculum,
.elementor-widget-alpha-five-essential-skills,
.elementor-widget-alpha-life-skills-header,
.elementor-widget-alpha-teamwork-leadership,
.elementor-widget-alpha-storytelling-speaking,
.elementor-widget-alpha-entrepreneurship-financial,
.elementor-widget-alpha-relationship-building,
.elementor-widget-alpha-grit-hardwork {
    --lifecore-navy: 220 100% 20%;
    --lifecore-light-blue: 210 100% 95%;
    --primary: 220 100% 50%;
    --primary-foreground: 0 0% 100%;
}

.elementor-widget-alpha-five-essential-skills {
	width: 100%;
}

/* Base Styles */
.elementor-widget-alpha-life-skills-curriculum .alpha-curriculum-section,
.elementor-widget-alpha-five-essential-skills .alpha-skills-section,
.elementor-widget-alpha-life-skills-header .alpha-skills-header-section {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Typography */
.elementor-widget-alpha-life-skills-curriculum .alpha-curriculum-title,
.elementor-widget-alpha-five-essential-skills .alpha-skills-title,
.elementor-widget-alpha-life-skills-header .alpha-skills-header-title {
    color: hsl(var(--lifecore-navy));
    font-weight: 700;
    line-height: 1.2;
}

.elementor-widget-alpha-life-skills-curriculum .alpha-curriculum-description,
.elementor-widget-alpha-five-essential-skills .alpha-skills-description,
.elementor-widget-alpha-life-skills-header .alpha-skills-header-description {
    color: #6b7280;
    line-height: 1.6;
}

/* Grid Layout - Base Styles */
.elementor-widget-alpha-life-skills-curriculum .grid,
.elementor-widget-alpha-five-essential-skills .grid {
    display: grid;
}

.elementor-widget-alpha-five-essential-skills .grid {
    margin: auto;
}

/* Desktop Grid Layout */
@media (min-width: 768px) {
    .elementor-widget-alpha-life-skills-curriculum .grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    
    .elementor-widget-alpha-life-skills-curriculum .gap-2 {
        gap: 0.5rem;
    }
}

/* Tablet Grid Layout */
@media (max-width: 1024px) and (min-width: 768px) {
    .elementor-widget-alpha-life-skills-curriculum .grid-cols-6 {
        /*grid-template-columns: repeat(4, minmax(0, 1fr));*/
    }
}

/* Small Tablet Grid Layout - Extended multi-column */
@media (max-width: 767px) and (min-width: 640px) {
    .elementor-widget-alpha-life-skills-curriculum .grid-cols-6 {
        /*grid-template-columns: repeat(3, minmax(0, 1fr));*/
        gap: 1rem;
    }
}

/* Mobile Grid Layout - Single column only for very small screens */
@media (max-width: 639px) {
    .elementor-widget-alpha-life-skills-curriculum .grid-cols-6 {
        grid-template-columns: 1fr;
        gap: 1.5rem; /* Increased gap for mobile */
    }
    
    .elementor-widget-alpha-life-skills-curriculum .grid.grid-cols-6.gap-2.mb-2 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 0.5rem 0 !important;
        padding: 0 !important;
    }
    
    /* Reduce card height and spacing on mobile */
    .elementor-widget-alpha-life-skills-curriculum .min-h-\[200px\] {
        min-height: 160px !important; /* Reduced from 200px */
    }
    
    .elementor-widget-alpha-life-skills-curriculum .p-3 {
        padding: 0.75rem !important; /* Reduced from 1rem */
    }
    
    .elementor-widget-alpha-life-skills-curriculum .p-2.flex-1.flex.items-center {
        padding: 0.5rem !important; /* Reduced from 0.75rem */
    }
    
    .elementor-widget-alpha-life-skills-curriculum .workshop-card-badge {
        margin-bottom: 0.25rem !important; /* Reduced from 0.5rem */
    }
}

/* Hide badges on desktop and tablet - more specific rule */
@media (min-width: 640px) {
    .elementor-widget-alpha-life-skills-curriculum .workshop-card-badge {
        display: none !important;
    }
}

/* Workshop Card Badge Styles - More Specific Rules */
.elementor-widget-alpha-life-skills-curriculum .workshop-card-badge {
    background: #3b82f6;
    color: white;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.5rem;
    border-radius: 0.375rem;
    margin-bottom: 0.5rem;
    text-align: center;
    width: 100%;
    display: block;
    box-sizing: border-box;
}

/* WATCH badge styles - Desktop */
@media (min-width: 768px) {
    .elementor-widget-alpha-life-skills-curriculum .bg-blue-600.text-white.text-xs.px-1\.5.py-0\.5.rounded-full.font-medium {
        width: auto !important;
        max-width: none !important;
        min-width: auto !important;
        display: inline-block !important;
        padding: 0.125rem 0.375rem !important;
        font-size: 0.75rem !important;
        border-radius: 9999px !important;
        font-weight: 500 !important;
        background-color: #2563eb !important;
        color: white !important;
        position: absolute !important;
        top: 0.25rem !important;
        right: 0.25rem !important;
        z-index: 20 !important;
    }
    
    /* Override any inline styles for WATCH badges on desktop */
    .elementor-widget-alpha-life-skills-curriculum .bg-blue-600.text-white.text-xs.px-1\.5.py-0\.5.rounded-full.font-medium[style] {
        width: auto !important;
        max-width: none !important;
        min-width: auto !important;
        display: inline-block !important;
        padding: 0.125rem 0.375rem !important;
        font-size: 0.75rem !important;
        border-radius: 9999px !important;
        font-weight: 500 !important;
        background-color: #2563eb !important;
        color: white !important;
        position: absolute !important;
        top: 0.25rem !important;
        right: 0.25rem !important;
        z-index: 20 !important;
    }
}

/* WATCH badge styles - Mobile */
@media (max-width: 767px) {
    .elementor-widget-alpha-life-skills-curriculum .bg-blue-600.text-white.text-xs.px-1\.5.py-0\.5.rounded-full.font-medium {
        width: auto !important;
        max-width: none !important;
        min-width: auto !important;
        display: inline-block !important;
        padding: 0.125rem 0.375rem !important;
        font-size: 0.75rem !important;
        border-radius: 9999px !important;
        font-weight: 500 !important;
        background-color: #2563eb !important;
        color: white !important;
        position: absolute !important;
        top: 0.25rem !important;
        right: 0.25rem !important;
        z-index: 20 !important;
    }
    
    /* Override any inline styles for WATCH badges on mobile */
    .elementor-widget-alpha-life-skills-curriculum .bg-blue-600.text-white.text-xs.px-1\.5.py-0\.5.rounded-full.font-medium[style] {
        width: auto !important;
        max-width: none !important;
        min-width: auto !important;
        display: inline-block !important;
        padding: 0.125rem 0.375rem !important;
        font-size: 0.75rem !important;
        border-radius: 9999px !important;
        font-weight: 500 !important;
        background-color: #2563eb !important;
        color: white !important;
        position: absolute !important;
        top: 0.25rem !important;
        right: 0.25rem !important;
        z-index: 20 !important;
    }
}

/* Force hide category badges on desktop - Multiple specific selectors */
@media (min-width: 768px) {
    .elementor-widget-alpha-life-skills-curriculum .workshop-card-badge,
    .elementor-widget-alpha-life-skills-curriculum .workshop-card-badge *,
    .elementor-widget-alpha-life-skills-curriculum div.workshop-card-badge {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        width: 0 !important;
        overflow: hidden !important;
        position: absolute !important;
        left: -9999px !important;
    }
}

/* Force show category badges on very small screens only */
@media (max-width: 639px) {
    .elementor-widget-alpha-life-skills-curriculum .workshop-card-badge {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        background: #3b82f6 !important;
        color: white !important;
        font-size: 0.75rem !important;
        font-weight: 600 !important;
        padding: 0.5rem !important;
        border-radius: 0.375rem !important;
        margin-bottom: 0.5rem !important;
        text-align: center !important;
        width: 100% !important;
        height: auto !important;
        position: relative !important;
        left: auto !important;
        overflow: visible !important;
    }
    
    /* Ensure WATCH badges remain small on very small screens */
    .elementor-widget-alpha-life-skills-curriculum .bg-blue-600.text-white.text-xs.px-1\.5.py-0\.5.rounded-full.font-medium {
        width: auto !important;
        max-width: none !important;
        min-width: auto !important;
        display: inline-block !important;
        padding: 0.125rem 0.375rem !important;
        font-size: 0.75rem !important;
        border-radius: 9999px !important;
        font-weight: 500 !important;
        position: absolute !important;
        top: 0.25rem !important;
        right: 0.25rem !important;
        z-index: 20 !important;
    }
    
    /* Ensure WATCH badge container maintains right positioning */
    .elementor-widget-alpha-life-skills-curriculum .absolute.top-1.right-1 {
        position: absolute !important;
        top: 0.25rem !important;
        right: 0.25rem !important;
        z-index: 20 !important;
    }
}

.elementor-widget-alpha-life-skills-curriculum .gap-2,
.elementor-widget-alpha-five-essential-skills .gap-8 {
    gap: 0.5rem;
}

.elementor-widget-alpha-five-essential-skills .gap-8 {
    gap: 2rem;
}

/* Spacing */
.elementor-widget-alpha-life-skills-curriculum .mb-2,
.elementor-widget-alpha-five-essential-skills .mb-2 {
    margin-bottom: 0.5rem;
}

/* Container */
.elementor-widget-alpha-life-skills-curriculum .alpha-curriculum-container,
.elementor-widget-alpha-five-essential-skills .alpha-skills-container,
.elementor-widget-alpha-life-skills-header .alpha-skills-header-container {
    width: 100%;
    margin: 0 auto;
}

/* Text Alignment */
.elementor-widget-alpha-life-skills-curriculum .text-center,
.elementor-widget-alpha-five-essential-skills .text-center {
    text-align: center;
}

/* Background Colors */
.elementor-widget-alpha-life-skills-curriculum .bg-white,
.elementor-widget-alpha-five-essential-skills .bg-white {
    background-color: #ffffff;
}

.elementor-widget-alpha-life-skills-curriculum .bg-gray-50\/50,
.elementor-widget-alpha-five-essential-skills .bg-gray-50\/50 {
    background-color: rgba(249, 250, 251, 0.5);
}

.elementor-widget-alpha-life-skills-curriculum .bg-orange-50,
.elementor-widget-alpha-five-essential-skills .bg-orange-50 {
    background-color: #fff7ed;
}

.elementor-widget-alpha-life-skills-curriculum .bg-green-50,
.elementor-widget-alpha-five-essential-skills .bg-green-50 {
    background-color: #f0fdf4;
}

.elementor-widget-alpha-life-skills-curriculum .bg-yellow-50,
.elementor-widget-alpha-five-essential-skills .bg-yellow-50 {
    background-color: #fefce8;
}

.elementor-widget-alpha-life-skills-curriculum .bg-purple-50,
.elementor-widget-alpha-five-essential-skills .bg-purple-50 {
    background-color: #faf5ff;
}

.elementor-widget-alpha-life-skills-curriculum .bg-red-50,
.elementor-widget-alpha-five-essential-skills .bg-red-50 {
    background-color: #fef2f2;
}

.elementor-widget-alpha-life-skills-curriculum .bg-lifecore-light-blue\/20,
.elementor-widget-alpha-five-essential-skills .bg-lifecore-light-blue\/20 {
    background-color: rgba(239, 246, 255, 0.2);
}

.elementor-widget-alpha-life-skills-curriculum .bg-lifecore-light-blue\/30,
.elementor-widget-alpha-five-essential-skills .bg-lifecore-light-blue\/30 {
    background-color: rgba(239, 246, 255, 0.3);
}

.elementor-widget-alpha-life-skills-curriculum .bg-lifecore-light-blue\/40,
.elementor-widget-alpha-five-essential-skills .bg-lifecore-light-blue\/40 {
    background-color: rgba(239, 246, 255, 0.4);
}

.elementor-widget-alpha-life-skills-curriculum .bg-lifecore-light-blue\/50,
.elementor-widget-alpha-five-essential-skills .bg-lifecore-light-blue\/50 {
    background-color: rgba(239, 246, 255, 0.5);
}

.elementor-widget-alpha-life-skills-curriculum .bg-lifecore-light-blue\/60,
.elementor-widget-alpha-five-essential-skills .bg-lifecore-light-blue\/60 {
    background-color: rgba(239, 246, 255, 0.6);
}

/* Text Colors */
.elementor-widget-alpha-life-skills-curriculum .text-lifecore-navy,
.elementor-widget-alpha-five-essential-skills .text-lifecore-navy {
    color: hsl(var(--lifecore-navy));
}

.elementor-widget-alpha-life-skills-curriculum .text-gray-600,
.elementor-widget-alpha-five-essential-skills .text-gray-600 {
    color: #4b5563;
}

.elementor-widget-alpha-life-skills-curriculum .text-gray-700,
.elementor-widget-alpha-five-essential-skills .text-gray-700 {
    color: #374151;
}

.elementor-widget-alpha-life-skills-curriculum .text-white,
.elementor-widget-alpha-five-essential-skills .text-white {
    color: #ffffff;
}

.elementor-widget-alpha-life-skills-curriculum .text-primary,
.elementor-widget-alpha-five-essential-skills .text-primary {
    color: hsl(var(--primary));
}

/* Font Weights */
.elementor-widget-alpha-life-skills-curriculum .font-bold,
.elementor-widget-alpha-five-essential-skills .font-bold {
    font-weight: 700;
}

.elementor-widget-alpha-life-skills-curriculum .font-semibold,
.elementor-widget-alpha-five-essential-skills .font-semibold {
    font-weight: 600;
}

.elementor-widget-alpha-life-skills-curriculum .font-medium,
.elementor-widget-alpha-five-essential-skills .font-medium {
    font-weight: 500;
}

/* Font Sizes */
.elementor-widget-alpha-life-skills-curriculum .text-3xl,
.elementor-widget-alpha-five-essential-skills .text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.elementor-widget-alpha-life-skills-curriculum .text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.elementor-widget-alpha-five-essential-skills .text-xl {
    font-size: 2rem;
    line-height: 2.8rem;
}

.elementor-widget-alpha-life-skills-curriculum .text-lg,
.elementor-widget-alpha-five-essential-skills .text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.elementor-widget-alpha-life-skills-curriculum .text-base,
.elementor-widget-alpha-five-essential-skills .text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}

.elementor-widget-alpha-life-skills-curriculum .text-sm,
.elementor-widget-alpha-five-essential-skills .text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.elementor-widget-alpha-life-skills-curriculum .text-xs,
.elementor-widget-alpha-five-essential-skills .text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}

/* Flexbox */
.elementor-widget-alpha-life-skills-curriculum .flex,
.elementor-widget-alpha-five-essential-skills .flex {
    display: flex;
}

.elementor-widget-alpha-life-skills-curriculum .flex-col,
.elementor-widget-alpha-five-essential-skills .flex-col {
    flex-direction: column;
}

.elementor-widget-alpha-life-skills-curriculum .items-center,
.elementor-widget-alpha-five-essential-skills .items-center {
    align-items: center;
}

.elementor-widget-alpha-life-skills-curriculum .justify-center,
.elementor-widget-alpha-five-essential-skills .justify-center {
    justify-content: center;
}

.elementor-widget-alpha-life-skills-curriculum .leading-tight,
.elementor-widget-alpha-five-essential-skills .leading-tight {
    line-height: 1.25;
}

/* Positioning */
.elementor-widget-alpha-life-skills-curriculum .sticky,
.elementor-widget-alpha-five-essential-skills .sticky {
    position: sticky;
}

.elementor-widget-alpha-life-skills-curriculum .top-0,
.elementor-widget-alpha-five-essential-skills .top-0 {
    top: 0;
}

.elementor-widget-alpha-life-skills-curriculum .z-10,
.elementor-widget-alpha-five-essential-skills .z-10 {
    z-index: 10;
}

.elementor-widget-alpha-life-skills-curriculum .backdrop-blur-sm,
.elementor-widget-alpha-five-essential-skills .backdrop-blur-sm {
    backdrop-filter: blur(4px);
}

/* Borders */
.elementor-widget-alpha-life-skills-curriculum .border-b,
.elementor-widget-alpha-five-essential-skills .border-b {
    border-bottom-width: 1px;
}

.elementor-widget-alpha-life-skills-curriculum .border-gray-200,
.elementor-widget-alpha-five-essential-skills .border-gray-200 {
    border-color: #e5e7eb;
}

.elementor-widget-alpha-life-skills-curriculum .pb-4,
.elementor-widget-alpha-five-essential-skills .pb-4 {
    padding-bottom: 1rem;
}

/* Padding */
.elementor-widget-alpha-life-skills-curriculum .p-3,
.elementor-widget-alpha-five-essential-skills .p-3 {
    padding: 0.75rem;
}

.elementor-widget-alpha-life-skills-curriculum .p-4,
.elementor-widget-alpha-five-essential-skills .p-4 {
    padding: 1rem;
}

.elementor-widget-alpha-life-skills-curriculum .p-2,
.elementor-widget-alpha-five-essential-skills .p-2 {
    padding: 0.5rem;
}

/* Border Radius */
.elementor-widget-alpha-life-skills-curriculum .rounded-lg,
.elementor-widget-alpha-five-essential-skills .rounded-lg {
    border-radius: 0.5rem;
}

.elementor-widget-alpha-five-essential-skills .rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

/* Height */
.elementor-widget-alpha-life-skills-curriculum .min-h-\[200px\],
.elementor-widget-alpha-five-essential-skills .min-h-\[200px\] {
    min-height: 200px;
}

/* Mobile specific height adjustments */
@media (max-width: 767px) {
    .elementor-widget-alpha-life-skills-curriculum .min-h-\[200px\],
    .elementor-widget-alpha-five-essential-skills .min-h-\[200px\] {
        min-height: 250px !important;
    }
    
    /* Also ensure the card containers have adequate height */
    .elementor-widget-alpha-life-skills-curriculum .p-3 {
        min-height: 250px !important;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .rounded-lg.shadow-sm.border.border-gray-200.overflow-hidden.h-full.flex.flex-col.bg-transparent {
        min-height: 250px !important;
    }
}

/* Transitions */
.elementor-widget-alpha-life-skills-curriculum .transition-all,
.elementor-widget-alpha-five-essential-skills .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.elementor-widget-alpha-life-skills-curriculum .duration-200,
.elementor-widget-alpha-five-essential-skills .duration-200 {
    transition-duration: 200ms;
}

/* Cursor */
.elementor-widget-alpha-life-skills-curriculum .cursor-pointer,
.elementor-widget-alpha-five-essential-skills .cursor-pointer {
    cursor: pointer;
}

/* Hover Effects */
.elementor-widget-alpha-life-skills-curriculum .hover\:shadow-lg:hover,
.elementor-widget-alpha-five-essential-skills .hover\:shadow-lg:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.elementor-widget-alpha-life-skills-curriculum .hover\:scale-105:hover,
.elementor-widget-alpha-five-essential-skills .hover\:scale-105:hover {
    transform: scale(1.05);
}

/* Borders */
.elementor-widget-alpha-life-skills-curriculum .border-2,
.elementor-widget-alpha-five-essential-skills .border-2 {
    border-width: 2px;
}

.elementor-widget-alpha-life-skills-curriculum .border-primary\/20,
.elementor-widget-alpha-five-essential-skills .border-primary\/20 {
    border-color: rgba(59, 130, 246, 0.2);
}

.elementor-widget-alpha-life-skills-curriculum .bg-white,
.elementor-widget-alpha-five-essential-skills .bg-white {
    background-color: #ffffff;
}

.elementor-widget-alpha-life-skills-curriculum .shadow-sm,
.elementor-widget-alpha-five-essential-skills .shadow-sm {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.elementor-widget-alpha-life-skills-curriculum .border,
.elementor-widget-alpha-five-essential-skills .border {
    border-width: 1px;
}

.elementor-widget-alpha-life-skills-curriculum .border-gray-200,
.elementor-widget-alpha-five-essential-skills .border-gray-200 {
    border-color: #e5e7eb;
}

.elementor-widget-alpha-life-skills-curriculum .overflow-hidden,
.elementor-widget-alpha-five-essential-skills .overflow-hidden {
    overflow: hidden;
}

.elementor-widget-alpha-life-skills-curriculum .h-full,
.elementor-widget-alpha-five-essential-skills .h-full {
    height: 100%;
}

.elementor-widget-alpha-life-skills-curriculum .flex-1,
.elementor-widget-alpha-five-essential-skills .flex-1 {
    flex: 1 1 0%;
}

/* Relative Positioning */
.elementor-widget-alpha-life-skills-curriculum .relative,
.elementor-widget-alpha-five-essential-skills .relative {
    position: relative;
}

.elementor-widget-alpha-life-skills-curriculum .h-24,
.elementor-widget-alpha-five-essential-skills .h-24 {
    height: 6rem;
}

.elementor-widget-alpha-life-skills-curriculum .overflow-hidden,
.elementor-widget-alpha-five-essential-skills .overflow-hidden {
    overflow: hidden;
}

.elementor-widget-alpha-life-skills-curriculum .w-full,
.elementor-widget-alpha-five-essential-skills .w-full {
    width: 100%;
}

.elementor-widget-alpha-life-skills-curriculum .h-full,
.elementor-widget-alpha-five-essential-skills .h-full {
    height: 100%;
}

.elementor-widget-alpha-life-skills-curriculum .object-cover,
.elementor-widget-alpha-five-essential-skills .object-cover {
    object-fit: cover;
}

/* Ensure images have consistent border radius with their containers */
.elementor-widget-alpha-life-skills-curriculum .rounded-lg img,
.elementor-widget-alpha-five-essential-skills .rounded-lg img {
    border-radius: 0.5rem;
}

/* Ensure the image container also has consistent border radius */
.elementor-widget-alpha-life-skills-curriculum .relative.h-48.overflow-hidden {
    border-radius: 0.5rem;
}

.elementor-widget-alpha-five-essential-skills .relative.h-48.overflow-hidden {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
	height: 192px;
}

.elementor-widget-alpha-five-essential-skills .list {
	margin: 0;
	margin-bottom: 2.4rem;
}

/* Styling for the <li> element */
.elementor-widget-alpha-five-essential-skills .list-item {
	display: flex;
	align-items: flex-start;
	color: #374151; /* Corresponds to text-gray-700 */
	font-size: 1.6rem;
	line-height: 1.5em;
	font-weight: 400;
}

.elementor-widget-alpha-five-essential-skills .list-item:not(:first-child) {
	margin-top: .5em;
}

/* Styling for the inner <div> element (the bullet point) */
.elementor-widget-alpha-five-essential-skills .list-item .bullet {
	width: 0.375em; /* 6px, from w-1.5 */
	height: 0.375em; /* 6px, from h-1.5 */
	margin-top: 0.5em; /* 8px, from mt-2 */
	margin-right: 0.75em; /* 12px, from mr-3 */
	border-radius: 9999px; /* from rounded-full */
	flex-shrink: 0; /* from flex-shrink-0 */
	/* Note: 'bg-lifecore-light-blue' is a custom color. 
	A standard light blue is used as a placeholder below. */
	background-color: #0000fe; 
}

/* Absolute Positioning */
.elementor-widget-alpha-life-skills-curriculum .absolute,
.elementor-widget-alpha-five-essential-skills .absolute {
    position: absolute;
}

.elementor-widget-alpha-life-skills-curriculum .inset-0,
.elementor-widget-alpha-five-essential-skills .inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* Gradients */
.elementor-widget-alpha-life-skills-curriculum .bg-gradient-to-t,
.elementor-widget-alpha-five-essential-skills .bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.elementor-widget-alpha-life-skills-curriculum .from-lifecore-navy\/60,
.elementor-widget-alpha-five-essential-skills .from-lifecore-navy\/60 {
    --tw-gradient-from: rgba(30, 58, 138, 0.6);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
}

.elementor-widget-alpha-life-skills-curriculum .to-transparent,
.elementor-widget-alpha-five-essential-skills .to-transparent {
    --tw-gradient-to: transparent;
}

/* Positioning */
.elementor-widget-alpha-life-skills-curriculum .top-1,
.elementor-widget-alpha-five-essential-skills .top-1 {
    top: 0.25rem;
}

.elementor-widget-alpha-life-skills-curriculum .left-1,
.elementor-widget-alpha-five-essential-skills .left-1 {
    left: 0.25rem;
}

.elementor-widget-alpha-life-skills-curriculum .top-3,
.elementor-widget-alpha-five-essential-skills .top-3 {
    top: 0.75rem;
}

.elementor-widget-alpha-life-skills-curriculum .left-3,
.elementor-widget-alpha-five-essential-skills .left-3 {
    left: 0.75rem;
}

.elementor-widget-alpha-life-skills-curriculum .right-1,
.elementor-widget-alpha-five-essential-skills .right-1 {
    right: 0.25rem;
}

.elementor-widget-alpha-life-skills-curriculum .bottom-1,
.elementor-widget-alpha-five-essential-skills .bottom-1 {
    bottom: 0.25rem;
}

.elementor-widget-alpha-life-skills-curriculum .bg-white\/90,
.elementor-widget-alpha-five-essential-skills .bg-white\/90 {
    background-color: rgba(255, 255, 255, 0.9);
}

.elementor-widget-alpha-life-skills-curriculum .rounded-full,
.elementor-widget-alpha-five-essential-skills .rounded-full {
    border-radius: 9999px;
}

.elementor-widget-alpha-life-skills-curriculum .p-1,
.elementor-widget-alpha-five-essential-skills .p-1 {
    padding: 0.25rem;
}

.elementor-widget-alpha-life-skills-curriculum .shadow-md,
.elementor-widget-alpha-five-essential-skills .shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.elementor-widget-alpha-life-skills-curriculum .w-3,
.elementor-widget-alpha-five-essential-skills .w-3 {
    width: 0.75rem;
}

.elementor-widget-alpha-life-skills-curriculum .h-3,
.elementor-widget-alpha-five-essential-skills .h-3 {
    height: 0.75rem;
}

.elementor-widget-alpha-life-skills-curriculum .w-4,
.elementor-widget-alpha-five-essential-skills .w-4 {
    width: 1rem;
}

.elementor-widget-alpha-life-skills-curriculum .h-4,
.elementor-widget-alpha-five-essential-skills .h-4 {
    height: 1rem;
}

.elementor-widget-alpha-life-skills-curriculum .w-8,
.elementor-widget-alpha-five-essential-skills .w-8 {
    width: 2rem;
}

.elementor-widget-alpha-life-skills-curriculum .h-8,
.elementor-widget-alpha-five-essential-skills .h-8 {
    height: 2rem;
}

.elementor-widget-alpha-life-skills-curriculum .text-blue-600,
.elementor-widget-alpha-five-essential-skills .text-blue-600 {
    color: #2563eb;
}

.elementor-widget-alpha-life-skills-curriculum .bg-blue-600,
.elementor-widget-alpha-five-essential-skills .bg-blue-600 {
    background-color: #2563eb;
}

.elementor-widget-alpha-life-skills-curriculum .bg-primary,
.elementor-widget-alpha-five-essential-skills .bg-primary {
    background-color: hsl(var(--primary));
}

.elementor-widget-alpha-life-skills-curriculum .text-white,
.elementor-widget-alpha-five-essential-skills .text-white {
    color: #ffffff;
}

.elementor-widget-alpha-life-skills-curriculum .px-1\.5,
.elementor-widget-alpha-five-essential-skills .px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}

.elementor-widget-alpha-life-skills-curriculum .py-0\.5,
.elementor-widget-alpha-five-essential-skills .py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
}

.elementor-widget-alpha-life-skills-curriculum .rounded-full,
.elementor-widget-alpha-five-essential-skills .rounded-full {
    border-radius: 9999px;
}

.elementor-widget-alpha-life-skills-curriculum .font-medium,
.elementor-widget-alpha-five-essential-skills .font-medium {
    font-weight: 500;
}

.elementor-widget-alpha-life-skills-curriculum .text-center,
.elementor-widget-alpha-five-essential-skills .text-center {
    text-align: center;
}

.elementor-widget-alpha-life-skills-curriculum .leading-tight,
.elementor-widget-alpha-five-essential-skills .leading-tight {
    line-height: 1.25;
}

/* Responsive Design */
@media (min-width: 768px) {
    .elementor-widget-alpha-life-skills-curriculum .md\:text-4xl,
    .elementor-widget-alpha-five-essential-skills .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
    
    .elementor-widget-alpha-five-essential-skills .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .elementor-widget-alpha-five-essential-skills .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Header Styles */
.elementor-widget-alpha-life-skills-curriculum .alpha-curriculum-header,
.elementor-widget-alpha-five-essential-skills .alpha-skills-header {
    margin-bottom: 2rem;
}

.elementor-widget-alpha-life-skills-curriculum .alpha-curriculum-title,
.elementor-widget-alpha-five-essential-skills .alpha-skills-title {
    margin-bottom: 1rem;
}

.elementor-widget-alpha-life-skills-curriculum .alpha-curriculum-description,
.elementor-widget-alpha-five-essential-skills .alpha-skills-description {
    margin-bottom: 0;
}

/* Mobile Responsive - Enhanced Rules */
@media (max-width: 767px) {
    .elementor-widget-alpha-life-skills-curriculum .alpha-curriculum-header,
    .elementor-widget-alpha-five-essential-skills .alpha-skills-header {
        margin-bottom: 1.5rem;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .alpha-curriculum-title,
    .elementor-widget-alpha-five-essential-skills .alpha-skills-title {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: 0.75rem;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .alpha-curriculum-description,
    .elementor-widget-alpha-five-essential-skills .alpha-skills-description {
        font-size: 0.875rem;
        line-height: 1.5rem;
    }
    
    /* Force full width for all workshop card containers */
    .elementor-widget-alpha-life-skills-curriculum .grid,
    .elementor-widget-alpha-life-skills-curriculum .grid > div,
    .elementor-widget-alpha-life-skills-curriculum .grid > div > div,
    .elementor-widget-alpha-life-skills-curriculum .grid > div > div > div,
    .elementor-widget-alpha-life-skills-curriculum .grid > div > div > div > div {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* Ensure the card itself is full width */
    .elementor-widget-alpha-life-skills-curriculum .p-3 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        margin: 0 !important;
        padding: 1.5rem !important;
        box-sizing: border-box !important;
    }
    
    /* Force consistent card sizing */
    .elementor-widget-alpha-life-skills-curriculum .rounded-lg.shadow-sm.border.border-gray-200.overflow-hidden.h-full.flex.flex-col.bg-transparent {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* Ensure image containers are consistent */
    .elementor-widget-alpha-life-skills-curriculum .relative.h-48.overflow-hidden {
        width: 100% !important;
        height: 10rem !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Ensure description containers are consistent */
    .elementor-widget-alpha-life-skills-curriculum .p-2.flex-1.flex.items-center {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0.5rem !important;
        box-sizing: border-box !important;
    }
    
    /* Override any conflicting styles */
    .elementor-widget-alpha-life-skills-curriculum * {
        box-sizing: border-box !important;
    }
}

@media (max-width: 480px) {
    .elementor-widget-alpha-life-skills-curriculum .alpha-curriculum-title,
    .elementor-widget-alpha-five-essential-skills .alpha-skills-title {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .alpha-curriculum-description,
    .elementor-widget-alpha-five-essential-skills .alpha-skills-description {
        font-size: 0.75rem;
        line-height: 1.25rem;
    }
    
    /* Mobile workshop card adjustments */
    .workshop-card-title {
        font-size: 0.875rem;
        line-height: 1.2;
    }
    
    .workshop-card-description {
        font-size: 0.75rem;
        line-height: 1.3;
    }
    
    /* Reduce image height on mobile */
    .elementor-widget-alpha-life-skills-curriculum .relative.h-48 {
        height: 8rem !important; /* 128px instead of 192px */
    }
    
    /* Adjust spacing for mobile */
    .elementor-widget-alpha-life-skills-curriculum .p-3 {
        padding: 0.75rem !important;
    }
}

/* Skills Section Specific Styles */
.elementor-widget-alpha-five-essential-skills .alpha-skills-section,
.elementor-widget-alpha-life-skills-header .alpha-skills-header-section {
    padding: 2rem 0;
}

.elementor-widget-alpha-five-essential-skills .alpha-skills-container,
.elementor-widget-alpha-life-skills-header .alpha-skills-header-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

.elementor-widget-alpha-five-essential-skills .alpha-skills-header,
.elementor-widget-alpha-life-skills-header .alpha-skills-header-content {
    text-align: center;
    margin-bottom: 3rem;
}

.elementor-widget-alpha-five-essential-skills .alpha-skills-title,
.elementor-widget-alpha-life-skills-header .alpha-skills-header-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: hsl(var(--lifecore-navy));
    margin-bottom: 1rem;
    line-height: 1.2;
}

.elementor-widget-alpha-five-essential-skills .alpha-skills-description,
.elementor-widget-alpha-life-skills-header .alpha-skills-header-description {
    font-size: 1.125rem;
    color: #6b7280;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Shadow Effects */
.elementor-widget-alpha-five-essential-skills .shadow-soft {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.elementor-widget-alpha-five-essential-skills .shadow-elegant {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* Grid Layout */
.elementor-widget-alpha-five-essential-skills .grid {
    display: grid;
}

.elementor-widget-alpha-five-essential-skills .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.elementor-widget-alpha-five-essential-skills .gap-8 {
    gap: 2rem;
}

.elementor-widget-alpha-five-essential-skills .max-w-6xl {
    max-width: 1152px;
}

/* Group Hover Effects */
.elementor-widget-alpha-five-essential-skills .group {
    position: relative;
}

.elementor-widget-alpha-five-essential-skills .group:hover .group-hover\:scale-105 {
    transform: scale(1.05);
}

.elementor-widget-alpha-five-essential-skills .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.elementor-widget-alpha-five-essential-skills .duration-300 {
    transition-duration: 300ms;
}

.elementor-widget-alpha-five-essential-skills .overflow-hidden {
    overflow: hidden;
}

.elementor-widget-alpha-five-essential-skills .rounded-xl {
    border-radius: 0.75rem;
}

.elementor-widget-alpha-five-essential-skills .rounded-t-xl {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
}

.elementor-widget-alpha-five-essential-skills .bg-white {
    background-color: #ffffff;
}

/* Card Styles */
.elementor-widget-alpha-five-essential-skills .relative {
    position: relative;
}

.elementor-widget-alpha-five-essential-skills .h-48 {
    height: 12rem;
}

.elementor-widget-alpha-five-essential-skills .w-full {
    width: 100%;
}

.elementor-widget-alpha-five-essential-skills .h-full {
    height: 100%;
}

.elementor-widget-alpha-five-essential-skills .object-cover {
    object-fit: cover;
}

.elementor-widget-alpha-five-essential-skills .absolute {
    position: absolute;
}

.elementor-widget-alpha-five-essential-skills .inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.elementor-widget-alpha-five-essential-skills .bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.elementor-widget-alpha-five-essential-skills .from-lifecore-navy\/60 {
    --tw-gradient-from: rgba(30, 58, 138, 0.6);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
}

.elementor-widget-alpha-five-essential-skills .to-transparent {
    --tw-gradient-to: transparent;
}

.elementor-widget-alpha-five-essential-skills .bottom-3 {
    bottom: 0.75rem;
}

.elementor-widget-alpha-five-essential-skills .left-3 {
    left: 1.2rem;
}

.elementor-widget-alpha-five-essential-skills .text-xl {
    font-size: 2rem;
    line-height: 2.8rem;
}

.elementor-widget-alpha-five-essential-skills .font-bold {
    font-weight: 700;
}

.elementor-widget-alpha-five-essential-skills .text-white {
    color: #ffffff;
}

.elementor-widget-alpha-five-essential-skills .p-5 {
    padding: 2rem;
}

.elementor-widget-alpha-five-essential-skills .text-gray-700 {
    color: #374151;
}

.elementor-widget-alpha-five-essential-skills .leading-relaxed {
    line-height: 1.625;
}

.elementor-widget-alpha-five-essential-skills .mt-4 {
    margin-top: 1rem;
}

.elementor-widget-alpha-five-essential-skills .pt-4 {
    padding-top: 1rem;
}

.elementor-widget-alpha-five-essential-skills .border-t {
    border-top-width: 1px;
}

.elementor-widget-alpha-five-essential-skills .border-gray-200 {
    border-color: #e5e7eb;
}

.elementor-widget-alpha-five-essential-skills .flex {
    display: flex;
}

.elementor-widget-alpha-five-essential-skills .items-center {
    align-items: center;
}

.elementor-widget-alpha-five-essential-skills .justify-between {
    justify-content: space-between;
}

.elementor-widget-alpha-five-essential-skills .text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.elementor-widget-alpha-five-essential-skills .font-medium {
    font-weight: 500;
}

.elementor-widget-alpha-five-essential-skills .w-8 {
    width: 2rem;
}

.elementor-widget-alpha-five-essential-skills .h-8 {
    height: 2rem;
}

.elementor-widget-alpha-five-essential-skills .rounded-full {
    border-radius: 9999px;
}

.elementor-widget-alpha-five-essential-skills .border-2 {
    border-width: 2px;
}

.elementor-widget-alpha-five-essential-skills .flex {
    display: flex;
}

.elementor-widget-alpha-five-essential-skills .items-center {
    align-items: center;
}

.elementor-widget-alpha-five-essential-skills .justify-center {
    justify-content: center;
}

.elementor-widget-alpha-five-essential-skills .w-4 {
    width: 1rem;
}

.elementor-widget-alpha-five-essential-skills .h-4 {
    height: 1rem;
}

/* Skill Card Color Themes */
.elementor-widget-alpha-five-essential-skills .bg-orange-50 {
    background-color: #fff7ed;
}

.elementor-widget-alpha-five-essential-skills .text-orange-800 {
    color: #9a3412;
}

.elementor-widget-alpha-five-essential-skills .border-orange-200 {
    border-color: #fed7aa;
}

.elementor-widget-alpha-five-essential-skills .bg-green-50 {
    background-color: #f0fdf4;
}

.elementor-widget-alpha-five-essential-skills .text-green-800 {
    color: #166534;
}

.elementor-widget-alpha-five-essential-skills .border-green-200 {
    border-color: #bbf7d0;
}

.elementor-widget-alpha-five-essential-skills .bg-yellow-50 {
    background-color: #fefce8;
}

.elementor-widget-alpha-five-essential-skills .text-yellow-800 {
    color: #92400e;
}

.elementor-widget-alpha-five-essential-skills .border-yellow-200 {
    border-color: #fde68a;
}

.elementor-widget-alpha-five-essential-skills .bg-purple-50 {
    background-color: #faf5ff;
}

.elementor-widget-alpha-five-essential-skills .text-purple-800 {
    color: #6b21a8;
}

.elementor-widget-alpha-five-essential-skills .border-purple-200 {
    border-color: #e9d5ff;
}

.elementor-widget-alpha-five-essential-skills .bg-red-50 {
    background-color: #fef2f2;
}

.elementor-widget-alpha-five-essential-skills .text-red-800 {
    color: #991b1b;
}

.elementor-widget-alpha-five-essential-skills .border-red-200 {
    border-color: #fecaca;
}

/* Skill Card Specific Styles */
.elementor-widget-alpha-teamwork-leadership .skill-card,
.elementor-widget-alpha-storytelling-speaking .skill-card,
.elementor-widget-alpha-entrepreneurship-financial .skill-card,
.elementor-widget-alpha-relationship-building .skill-card,
.elementor-widget-alpha-grit-hardwork .skill-card {
    background: white;
    border-radius: 1rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    overflow: hidden;
}

.elementor-widget-alpha-teamwork-leadership .skill-card:hover,
.elementor-widget-alpha-storytelling-speaking .skill-card:hover,
.elementor-widget-alpha-entrepreneurship-financial .skill-card:hover,
.elementor-widget-alpha-relationship-building .skill-card:hover,
.elementor-widget-alpha-grit-hardwork .skill-card:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    transform: translateY(-2px);
}

/* Skill Card List Styles */
.elementor-widget-alpha-teamwork-leadership .skill-card ul,
.elementor-widget-alpha-storytelling-speaking .skill-card ul,
.elementor-widget-alpha-entrepreneurship-financial .skill-card ul,
.elementor-widget-alpha-relationship-building .skill-card ul,
.elementor-widget-alpha-grit-hardwork .skill-card ul {
    margin-bottom: 1.5rem;
    margin-top: 0;
    padding-left: 0;
    list-style: none;
}

.elementor-widget-alpha-teamwork-leadership .skill-card li,
.elementor-widget-alpha-storytelling-speaking .skill-card li,
.elementor-widget-alpha-entrepreneurship-financial .skill-card li,
.elementor-widget-alpha-relationship-building .skill-card li,
.elementor-widget-alpha-grit-hardwork .skill-card li {
    display: flex;
    align-items: flex-start;
    color: #374151;
    margin-bottom: 0.5rem;
    line-height: 1.5;
}

.elementor-widget-alpha-teamwork-leadership .skill-card li:last-child,
.elementor-widget-alpha-storytelling-speaking .skill-card li:last-child,
.elementor-widget-alpha-entrepreneurship-financial .skill-card li:last-child,
.elementor-widget-alpha-relationship-building .skill-card li:last-child,
.elementor-widget-alpha-grit-hardwork .skill-card li:last-child {
    margin-bottom: 0;
}

/* Bullet Point Styles */
.elementor-widget-alpha-teamwork-leadership .skill-card li div,
.elementor-widget-alpha-storytelling-speaking .skill-card li div,
.elementor-widget-alpha-entrepreneurship-financial .skill-card li div,
.elementor-widget-alpha-relationship-building .skill-card li div,
.elementor-widget-alpha-grit-hardwork .skill-card li div {
    width: 0.375rem;
    height: 0.375rem;
    background-color: hsl(var(--lifecore-light-blue));
    border-radius: 50%;
    margin-top: 0.5rem;
    margin-right: 0.75rem;
    flex-shrink: 0;
}

/* Skill Card Title Styles */
.elementor-widget-alpha-teamwork-leadership .skill-card-title,
.elementor-widget-alpha-storytelling-speaking .skill-card-title,
.elementor-widget-alpha-entrepreneurship-financial .skill-card-title,
.elementor-widget-alpha-relationship-building .skill-card-title,
.elementor-widget-alpha-grit-hardwork .skill-card-title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.4;
    color: #ffffff;
}

/* Responsive Design for Individual Skill Cards */
@media (max-width: 767px) {
    .elementor-widget-alpha-teamwork-leadership .skill-card-title,
    .elementor-widget-alpha-storytelling-speaking .skill-card-title,
    .elementor-widget-alpha-entrepreneurship-financial .skill-card-title,
    .elementor-widget-alpha-relationship-building .skill-card-title,
    .elementor-widget-alpha-grit-hardwork .skill-card-title {
        font-size: 1.125rem;
    }
    
    .elementor-widget-alpha-teamwork-leadership .skill-card li,
    .elementor-widget-alpha-storytelling-speaking .skill-card li,
    .elementor-widget-alpha-entrepreneurship-financial .skill-card li,
    .elementor-widget-alpha-relationship-building .skill-card li,
    .elementor-widget-alpha-grit-hardwork .skill-card li {
        font-size: 0.875rem;
    }
}

/* Individual Skill Card Standalone Styling */
#alpha-teamwork-leadership-card,
#alpha-storytelling-speaking-card,
#alpha-entrepreneurship-financial-card,
#alpha-relationship-building-card,
#alpha-grit-hardwork-card {
    max-width: 400px;
    margin: 0 auto;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
}

#alpha-teamwork-leadership-card:hover,
#alpha-storytelling-speaking-card:hover,
#alpha-entrepreneurship-financial-card:hover,
#alpha-relationship-building-card:hover,
#alpha-grit-hardwork-card:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    transform: translateY(-2px);
}

/* Five Essential Skills Grid Layout */
.elementor-widget-alpha-five-essential-skills .grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 3.2rem;
}

@media (min-width: 768px) {
    .elementor-widget-alpha-five-essential-skills .grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .elementor-widget-alpha-five-essential-skills .grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    
    .elementor-widget-alpha-five-essential-skills .grid article:nth-child(1),
    .elementor-widget-alpha-five-essential-skills .grid article:nth-child(2),
    .elementor-widget-alpha-five-essential-skills .grid article:nth-child(3) {
        grid-column: span 2;
    }
    
    .elementor-widget-alpha-five-essential-skills .grid article:nth-child(4) {
        grid-column: 2 / span 2;
    }
    
    .elementor-widget-alpha-five-essential-skills .grid article:nth-child(5) {
        grid-column: 4 / span 2;
    }
} 

/* Mobile Grid Layout - Force Single Column */
@media (max-width: 767px) {
    .elementor-widget-alpha-life-skills-curriculum .grid-cols-6 {
        grid-template-columns: 1fr !important;
        display: grid !important;
        gap: 1rem !important;
    }
    
    /* Ensure each row takes full width */
    .elementor-widget-alpha-life-skills-curriculum .grid.grid-cols-6.gap-2.mb-2 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 0.5rem 0 !important;
        padding: 0 !important;
    }
    
    /* Force grade headers to be full width */
    .elementor-widget-alpha-life-skills-curriculum .grid > div:first-child {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 1rem !important;
        box-sizing: border-box !important;
    }
    
    /* Ensure all workshop cards are identical width */
    .elementor-widget-alpha-life-skills-curriculum .grid > div:not(:first-child) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
}

/* Additional Mobile Overrides */
@media (max-width: 767px) {
    /* Force all curriculum elements to be full width */
    .elementor-widget-alpha-life-skills-curriculum .alpha-curriculum-section,
    .elementor-widget-alpha-life-skills-curriculum .alpha-curriculum-container {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 1rem !important;
        box-sizing: border-box !important;
    }
    
    /* Override any potential conflicting styles */
    .elementor-widget-alpha-life-skills-curriculum .grid * {
        box-sizing: border-box !important;
    }
} 

/* Override any conflicting site styles */
.elementor-widget-alpha-life-skills-curriculum {
    /* Force our styles to take precedence */
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.elementor-widget-alpha-life-skills-curriculum * {
    box-sizing: border-box;
}

/* Ensure our widget container is properly sized */
.elementor-widget-alpha-life-skills-curriculum .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Override any Elementor default styles */
.elementor-widget-alpha-life-skills-curriculum .elementor-widget-container > * {
    width: 100% !important;
    max-width: 100% !important;
} 

/* Header and Navigation Styles */

/* Desktop Header Styles */
@media (min-width: 768px) {
    .elementor-widget-alpha-life-skills-curriculum .sticky {
        position: sticky;
        top: 0;
        z-index: 10;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .backdrop-blur-sm {
        backdrop-filter: blur(4px);
    }
    
    .elementor-widget-alpha-life-skills-curriculum .border-b {
        border-bottom-width: 1px;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .border-gray-200 {
        border-color: #e5e7eb;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .pb-4 {
        padding-bottom: 1rem;
    }
}

/* Mobile Header Styles */
@media (max-width: 767px) {
    /* Hide main headers on mobile */
    .elementor-widget-alpha-life-skills-curriculum .sticky {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        width: 0 !important;
        overflow: hidden !important;
        position: absolute !important;
        left: -9999px !important;
    }
    
    /* Also hide the sticky header container */
    .elementor-widget-alpha-life-skills-curriculum .sticky.top-0.z-10.bg-gray-50\/50.backdrop-blur-sm.border-b.border-gray-200.pb-4.mb-4 {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        width: 0 !important;
        overflow: hidden !important;
        position: absolute !important;
        left: -9999px !important;
    }
    
    /* Hide the grid within the sticky header */
    .elementor-widget-alpha-life-skills-curriculum .sticky .grid {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        width: 0 !important;
        overflow: hidden !important;
        position: absolute !important;
        left: -9999px !important;
    }
} 

/* Mobile specific padding adjustments */
@media (max-width: 767px) {
    .elementor-widget-alpha-life-skills-curriculum .p-3 {
        padding: 1.5rem !important;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .p-2.flex-1.flex.items-center {
        padding: 1rem !important;
    }
    
    /* Increase padding for description section */
    .elementor-widget-alpha-life-skills-curriculum .workshop-card-description {
        padding: 0.5rem 0 !important;
    }
    
    /* Add more padding around the badge */
    .elementor-widget-alpha-life-skills-curriculum .workshop-card-badge {
        margin-bottom: 0.75rem !important;
        padding: 0.75rem !important;
    }
} 

/* Mobile specific layout fixes */
@media (max-width: 767px) {
    /* Reduce text area height - make it more compact */
    .elementor-widget-alpha-life-skills-curriculum .p-2.flex-1.flex.items-center {
        padding: 0.5rem !important;
        min-height: auto !important;
        flex: 0 1 auto !important;
    }
    
    /* Make images taller - increase height */
    .elementor-widget-alpha-life-skills-curriculum .relative.h-48.overflow-hidden {
        /*width: 100% !important;
        min-height: 14rem !important; /* Increased from 10rem to 14rem */
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important; /* Keep image area square */
		width: auto !important;
		min-height: auto !important;
		height: auto !important;
		aspect-ratio: 4 / 3;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .relative.h-48.overflow-hidden img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important; /* Position image at top center */
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important; /* Keep image square */
    }
    
    /* Increase title text size on mobile */
    .workshop-card-title {
        font-size: 0.875rem; /* Increased from 0.75rem */
        font-weight: 600; /* Made slightly bolder */
        line-height: 1.2;
        text-align: center;
        color: #ffffff;
        display: block;
        width: 100%;
        position: relative;
        z-index: 10;
    }
    
    /* Increase subtitle text size on mobile */
    .workshop-card-description {
        font-size: 0.875rem; /* Increased from 0.75rem */
        line-height: 1.4; /* Increased line height for better readability */
        padding: 0.5rem 0; /* Increased padding */
        margin: 0;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        font-weight: 500; /* Made slightly bolder */
    }
    
    /* Keep rounded edges on category badge (top) */
    .elementor-widget-alpha-life-skills-curriculum .workshop-card-badge {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        margin: 0 0 0.5rem 0 !important;
        padding: 0.75rem !important; /* Increased from 0.5rem to 0.75rem */
        box-sizing: border-box !important;
        min-height: 2.5rem !important; /* Added minimum height */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 0.375rem !important; /* Keep rounded top */
    }
    
    /* Keep rounded edges on description background (bottom) */
    .elementor-widget-alpha-life-skills-curriculum .p-2.flex-1.flex.items-center {
        padding: 0.5rem !important;
        min-height: auto !important;
        flex: 0 1 auto !important;
        text-align: center !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 0 0 0.375rem 0.375rem !important; /* Rounded bottom only */
        background-color: #f8fafc !important; /* Light background for description area */
    }
    
    /* Remove border radius from the main card container */
    .elementor-widget-alpha-life-skills-curriculum .rounded-lg.shadow-sm.border.border-gray-200.overflow-hidden.h-full.flex.flex-col.bg-transparent {
        border-radius: 0 !important; /* Remove main card border radius */
    }
    
    /* Make category badges taller */
    .elementor-widget-alpha-life-skills-curriculum .workshop-card-badge {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        margin: 0 0 0.5rem 0 !important;
        padding: 0.75rem !important; /* Increased from 0.5rem to 0.75rem */
        box-sizing: border-box !important;
        min-height: 2.5rem !important; /* Added minimum height */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    /* Reduce overall card height */
    .elementor-widget-alpha-life-skills-curriculum .min-h-\[200px\],
    .elementor-widget-alpha-five-essential-skills .min-h-\[200px\] {
        min-height: 250px !important;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .p-3 {
        min-height: 250px !important;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .rounded-lg.shadow-sm.border.border-gray-200.overflow-hidden.h-full.flex.flex-col.bg-transparent {
        min-height: 250px !important;
    }
    
    /* Make card container more compact */
    .elementor-widget-alpha-life-skills-curriculum .rounded-lg.shadow-sm.border.border-gray-200.overflow-hidden.h-full.flex.flex-col.bg-transparent {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
    }
    
    /* Ensure description text is properly sized and centered */
    .workshop-card-description {
        font-size: 0.75rem;
        line-height: 1.3;
        padding: 0.25rem 0;
        margin: 0;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    
    /* Ensure the description container is also centered */
    .elementor-widget-alpha-life-skills-curriculum .p-2.flex-1.flex.items-center {
        padding: 0.5rem !important;
        min-height: auto !important;
        flex: 0 1 auto !important;
        text-align: center !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
} 

/* Workshop Card Title and Description Styles */
.workshop-card-title {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 3.25;
    text-align: center;
    color: #ffffff;
    display: block;
    width: 100%;
    position: relative;
    z-index: 10;
}

.workshop-card-description {
    font-size: 0.75rem;
    line-height: 1.25;
    text-align: center;
    color: #374151;
}

/* Workshop Card Title Container */
.elementor-widget-alpha-life-skills-curriculum .absolute.bottom-1.left-1.right-1 {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
    padding: 0 0.25rem;
}

/* Consistent Image Heights - All widgets use h-48 (192px) */
.elementor-widget-alpha-life-skills-curriculum .relative.h-48,
.elementor-widget-alpha-five-essential-skills .relative.h-48,
.elementor-widget-alpha-teamwork-leadership .relative.h-48,
.elementor-widget-alpha-storytelling-speaking .relative.h-48,
.elementor-widget-alpha-entrepreneurship-financial .relative.h-48,
.elementor-widget-alpha-relationship-building .relative.h-48,
.elementor-widget-alpha-grit-hardwork .relative.h-48 {
    height: 12rem; /* 192px - consistent across all widgets */
}

/* Video Icon and WATCH Badge Styles */
.elementor-widget-alpha-life-skills-curriculum .absolute.top-3.left-3 {
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    z-index: 20;
}

.elementor-widget-alpha-life-skills-curriculum .absolute.top-1.right-1 {
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    z-index: 20;
}

.elementor-widget-alpha-life-skills-curriculum .bg-white\/90 {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

.elementor-widget-alpha-life-skills-curriculum .rounded-full {
    border-radius: 9999px !important;
}

.elementor-widget-alpha-life-skills-curriculum .shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

.elementor-widget-alpha-life-skills-curriculum .flex {
    display: flex !important;
}

.elementor-widget-alpha-life-skills-curriculum .items-center {
    align-items: center !important;
}

.elementor-widget-alpha-life-skills-curriculum .justify-center {
    justify-content: center !important;
}

.elementor-widget-alpha-life-skills-curriculum .flex-shrink-0 {
    flex-shrink: 0 !important;
}

/* Transparent Card Backgrounds */
.elementor-widget-alpha-life-skills-curriculum .bg-transparent {
    background-color: transparent;
} 

/* Workshop Card Styles */

/* Desktop Workshop Card Styles */
@media (min-width: 768px) {
    .elementor-widget-alpha-life-skills-curriculum .min-h-\[200px\] {
        min-height: 200px;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .p-3 {
        padding: 0.75rem;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .rounded-lg {
        border-radius: 0.5rem;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .shadow-sm {
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    }
    
    .elementor-widget-alpha-life-skills-curriculum .border {
        border-width: 1px;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .border-gray-200 {
        border-color: #e5e7eb;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .overflow-hidden {
        overflow: hidden;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .h-full {
        height: 100%;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .flex {
        display: flex;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .flex-col {
        flex-direction: column;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .bg-transparent {
        background-color: transparent !important;
    }
}

/* Mobile Workshop Card Styles */
@media (max-width: 767px) {
    .elementor-widget-alpha-life-skills-curriculum .min-h-\[200px\] {
        min-height: 250px;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .p-3 {
        padding: 1.5rem;
        min-height: 250px;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .rounded-lg.shadow-sm.border.border-gray-200.overflow-hidden.h-full.flex.flex-col.bg-transparent {
        min-height: 250px;
        border-radius: 0;
        display: flex;
        flex-direction: column;
        height: auto;
    }
    
    /* Force full width for all workshop card containers */
    .elementor-widget-alpha-life-skills-curriculum .grid,
    .elementor-widget-alpha-life-skills-curriculum .grid > div,
    .elementor-widget-alpha-life-skills-curriculum .grid > div > div,
    .elementor-widget-alpha-life-skills-curriculum .grid > div > div > div,
    .elementor-widget-alpha-life-skills-curriculum .grid > div > div > div > div {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    
    /* Ensure the card itself is full width */
    .elementor-widget-alpha-life-skills-curriculum .p-3 {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin: 0;
        padding: 1.5rem;
        box-sizing: border-box;
    }
    
    /* Force consistent card sizing */
    .elementor-widget-alpha-life-skills-curriculum .rounded-lg.shadow-sm.border.border-gray-200.overflow-hidden.h-full.flex.flex-col.bg-transparent {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin: 0;
        box-sizing: border-box;
    }
    
    /* Override any conflicting styles */
    .elementor-widget-alpha-life-skills-curriculum * {
        box-sizing: border-box;
    }
} 

/* Image and Badge Styles */

/* Desktop Image Styles */
@media (min-width: 768px) {
    .elementor-widget-alpha-life-skills-curriculum .relative.h-48 {
        height: 12rem; /* 192px - consistent across all widgets */
    }
    
    .elementor-widget-alpha-life-skills-curriculum .relative {
        position: relative;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .overflow-hidden {
        overflow: hidden;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .w-full {
        width: 100%;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .h-full {
        height: 100%;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .object-cover {
        object-fit: cover;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .rounded-lg img {
        border-radius: 0.5rem;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .relative.h-48.overflow-hidden {
        border-radius: 0.5rem;
    }
}

/* Mobile Image Styles */
@media (max-width: 767px) {
    .elementor-widget-alpha-life-skills-curriculum .relative.h-48.overflow-hidden {
        /*width: 100% !important;
        /*min-height: 20rem !important; /* Updated to 20rem as requested */
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important; /* Keep image area square */
		width: auto !important;
		min-height: auto !important;
		height: auto !important;
		aspect-ratio: 4 / 3;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .relative.h-48.overflow-hidden img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important; /* Position image at top center */
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important; /* Keep image square */
    }
    
    /* Ensure image containers are consistent */
    .elementor-widget-alpha-life-skills-curriculum .relative.h-48.overflow-hidden {
        width: 100% !important;
        min-height: 20rem !important; /* Updated to 20rem */
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* Category Badge Styles */

/* Desktop Category Badge Styles */
@media (min-width: 768px) {
    .elementor-widget-alpha-life-skills-curriculum .workshop-card-badge {
        display: none !important;
    }
}

/* Mobile Category Badge Styles */
@media (max-width: 767px) {
    .elementor-widget-alpha-life-skills-curriculum .workshop-card-badge {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        margin: 0 0 0.5rem 0 !important;
        padding: 0.75rem !important; /* Increased from 0.5rem to 0.75rem */
        box-sizing: border-box !important;
        min-height: 2.5rem !important; /* Added minimum height */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 0.375rem 0.375rem 0 0 !important; /* Rounded top corners only */
        background: #3b82f6 !important;
        color: white !important;
        font-size: 0.75rem !important;
        font-weight: 600 !important;
        text-align: center !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        position: relative !important;
        left: auto !important;
        overflow: visible !important;
    }
    
    /* Grade Headers - Mobile Border Radius */
    .elementor-widget-alpha-life-skills-curriculum .bg-orange-50.rounded-lg,
    .elementor-widget-alpha-life-skills-curriculum .bg-green-50.rounded-lg,
    .elementor-widget-alpha-life-skills-curriculum .bg-yellow-50.rounded-lg,
    .elementor-widget-alpha-life-skills-curriculum .bg-purple-50.rounded-lg,
    .elementor-widget-alpha-life-skills-curriculum .bg-red-50.rounded-lg,
    .elementor-widget-alpha-life-skills-curriculum .bg-lifecore-light-blue\/20.rounded-lg,
    .elementor-widget-alpha-life-skills-curriculum .bg-lifecore-light-blue\/30.rounded-lg,
    .elementor-widget-alpha-life-skills-curriculum .bg-lifecore-light-blue\/40.rounded-lg,
    .elementor-widget-alpha-life-skills-curriculum .bg-lifecore-light-blue\/50.rounded-lg,
    .elementor-widget-alpha-life-skills-curriculum .bg-lifecore-light-blue\/60.rounded-lg {
        border-radius: 8px !important; /* 8px border radius for all corners on mobile */
    }
} 

/* Text and Description Styles */

/* Desktop Text Styles */
@media (min-width: 768px) {
    .workshop-card-title {
        font-size: 0.75rem;
        font-weight: 500;
        line-height: 3.25;
        text-align: center;
        color: #ffffff;
        display: block;
        width: 100%;
        position: relative;
        z-index: 10;
    }
    
    .workshop-card-description {
        font-size: 0.75rem;
        line-height: 1.25;
        text-align: center;
        color: #374151;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .p-2 {
        padding: 0.5rem;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .flex-1 {
        flex: 1 1 0%;
    }
    
    .elementor-widget-alpha-life-skills-curriculum .items-center {
        align-items: center;
    }
}

/* Mobile Text Styles - Allow Elementor overrides */
@media (max-width: 767px) {
    /* Increase title text size on mobile - Less specific to allow Elementor overrides */
    .workshop-card-title {
        font-size: 0.875rem; /* Increased from 0.75rem */
        font-weight: 600; /* Made slightly bolder */
        line-height: 1.2;
        text-align: center;
        color: #ffffff;
        display: block;
        width: 100%;
        position: relative;
        z-index: 10;
    }
    
    /* Increase subtitle text size on mobile - Less specific to allow Elementor overrides */
    .workshop-card-description {
        font-size: 0.875rem; /* Increased from 0.75rem */
        line-height: 1.4; /* Increased line height for better readability */
        padding: 0.5rem 0; /* Increased padding */
        margin: 0;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        font-weight: 500; /* Made slightly bolder */
        color: #374151;
    }
    
    /* Ensure the description container is also centered */
    .elementor-widget-alpha-life-skills-curriculum .p-2.flex-1.flex.items-center {
        padding: 0.5rem;
        min-height: auto;
        flex: 0 1 auto;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0 0 0.375rem 0.375rem; /* Rounded bottom only */
        background-color: #f8fafc; /* Light background for description area */
    }
    
    /* Reduce text area height - make it more compact */
    .elementor-widget-alpha-life-skills-curriculum .p-2.flex-1.flex.items-center {
        padding: 0.5rem;
        min-height: auto;
        flex: 0 1 auto;
    }
}

/* Transparent Card Backgrounds */
.elementor-widget-alpha-life-skills-curriculum .bg-transparent {
    background-color: transparent;
}