.elementor-986 .elementor-element.elementor-element-5bb4b4e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-986 .elementor-element.elementor-element-41dc176d{--display:flex;--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for html, class: .elementor-element-df17db5 *//* --- 1. Hero Container (Full Width & Compact) --- */
.carew-enterprise-hero {
    background-color: #00263A; /* Pantone 539 Deep Navy */
    background-image: radial-gradient(circle at 0% 50%, rgba(0, 156, 222, 0.15), transparent 60%);
    
    /* FORCE FULL WIDTH */
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    
    /* Compact Padding */
    padding: 40px 20px; 
    
    font-family: 'Montserrat', sans-serif;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
}

.hero-inner-container {
    max-width: 1200px;
    width: 100%;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    flex-wrap: wrap;
}

/* --- 2. Left Side Text --- */
.hero-text-content {
    flex: 1;
    min-width: 300px;
}

.hero-eyebrow {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #009CDE;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.orange-dash {
    display: inline-block;
    width: 20px;
    height: 3px;
    background-color: #FA4616;
    margin-right: 10px;
}

.hero-main-title {
    font-size: 42px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.1;
    margin: 0 0 15px 0;
    letter-spacing: -1px;
}
.hero-main-title .text-blue { color: #009CDE; }
.hero-main-title .tm-symbol { font-size: 18px; vertical-align: top; color: #009CDE; }

.hero-description {
    font-size: 15px;
    color: #cbd5e1;
    line-height: 1.5;
    font-weight: 400;
    max-width: 480px;
    margin: 0;
}

/* --- 3. Right Side: Quick Access Card --- */
.hero-disciplines-card {
    flex: 0 0 350px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 20px;
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.card-label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #94a3b8;
    margin: 0 0 15px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 8px;
}

/* Link Wrapper */
.discipline-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: 12px;
    border-radius: 10px; /* Softer corners */
    transition: all 0.2s ease;
    margin-bottom: 8px;
    background: transparent;
    border: 1px solid transparent;
}

.discipline-link:last-child { margin-bottom: 0; }

.discipline-link:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.1);
    transform: translateY(-1px);
}

/* --- NEW: Icon Boxes with Brand Colors --- */
.icon-box {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    font-size: 16px;
    flex-shrink: 0;
}

/* Pantone 2925 Blue [cite: 69] */
.icon-box.blue {
    background: rgba(0, 156, 222, 0.15);
    color: #009CDE;
    box-shadow: 0 0 10px rgba(0, 156, 222, 0.1);
}

/* Pantone 368 Green [cite: 76] */
.icon-box.green {
    background: rgba(120, 190, 50, 0.15); 
    color: #78BE20;
    box-shadow: 0 0 10px rgba(120, 190, 50, 0.1);
}

/* Pantone 172 Orange [cite: 80] */
.icon-box.orange {
    background: rgba(250, 70, 22, 0.15);
    color: #FA4616;
    box-shadow: 0 0 10px rgba(250, 70, 22, 0.1);
}

/* Text Info */
.discipline-info {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.d-title {
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 2px;
}

.d-subtitle {
    font-size: 10px;
    color: #94a3b8;
    font-weight: 500;
}

.arrow-icon {
    font-size: 10px;
    color: #475569;
    transition: transform 0.2s;
}
.discipline-link:hover .arrow-icon {
    color: #ffffff;
    transform: translateX(3px);
}

/* Mobile Responsiveness */
@media (max-width: 900px) {
    .carew-enterprise-hero {
        width: 100%;
        left: 0;
        right: 0;
        margin: 0;
        padding: 40px 20px;
    }
    .hero-disciplines-card { width: 100%; flex: auto; }
    .hero-main-title { font-size: 32px; }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7798774 *//* --- 1. CARD LAYOUT & EQUAL HEIGHT --- */
.items-wrapper .item {
    display: flex !important;
    height: auto !important;
}

.items-wrapper .item article {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.02) !important;
    overflow: hidden !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.items-wrapper .item article:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important;
    border-color: #0072bc !important;
}

/* --- 2. IMAGE FIXES --- */
.items-wrapper .item .thumbnail img {
    height: 180px !important;
    width: 100% !important;
    object-fit: cover !important;
    margin: 0 !important;
}

/* --- 3. TEXT & TITLE FIXES --- */
.items-wrapper .item .content {
    padding: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    justify-content: space-between !important;
}

.items-wrapper .item .entry-title a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
    min-height: 45px; /* Ensures all titles take up equal space */
    
    /* Limit to 3 lines */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.items-wrapper .item .author span {
    font-size: 12px !important;
    color: #888 !important;
}

/* --- 4. META DATA & TEXT COLORS --- */
/* Fix text color next to icons (Students, Lessons labels) */
.items-wrapper .item .bottom-meta .label,
.items-wrapper .item .bottom-meta .value {
    color: #666 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}

/* Separator Line */
.items-wrapper .item hr.separator {
    margin: 15px 0 !important;
    border-top: 1px solid #f3f4f6 !important;
}

/* --- 5. RIBBON (ENROLLED) FIX --- */
.items-wrapper .item .thumbnail .ribbon.enrolled {
    background: linear-gradient(135deg, #FA4616 0%, #d83a10 100%) !important; /* Carew Orange */
    background-color: #FA4616 !important;
    color: white !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    top: 15px !important;
    right: 15px !important;
    left: auto !important;
    box-shadow: 0 4px 8px rgba(250, 70, 22, 0.4) !important;
    text-shadow: none !important;
}

/* --- 6. FIX ICON COLORS (Teal Squares to Blue) --- */
/* Target the square container of the icon */
.items-wrapper .item .bottom-meta .section .icon {
    background-color: #0072bc !important; /* Carew Blue Background */
    color: #ffffff !important;            /* Force Icon to be White */
    border-radius: 4px !important;        /* Smooth corners */
    border: none !important;              /* Remove any teal borders */
}

/* Target the specific Dashicon inside */
.items-wrapper .item .bottom-meta .section .icon:before,
.items-wrapper .item .bottom-meta .section .dashicons {
    color: #ffffff !important;
}

/* Hover Effect for the icons */
.items-wrapper .item:hover .bottom-meta .section .icon {
    background-color: #00263A !important; /* Dark Navy on Hover */
    transition: background-color 0.3s ease;
}/* End custom CSS */