.elementor-576 .elementor-element.elementor-element-8890afd{--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;--margin-top:180px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-576 .elementor-element.elementor-element-33d2832 img{width:98%;max-width:100%;height:600px;object-fit:cover;object-position:center center;border-radius:50px 50px 50px 50px;}.elementor-576 .elementor-element.elementor-element-734cb32{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-576 .elementor-element.elementor-element-734cb32 .elementor-heading-title{font-size:2px;text-transform:uppercase;}.elementor-576 .elementor-element.elementor-element-d392dc8{font-family:"Roboto", Sans-serif;font-size:16px;}@media(min-width:768px){.elementor-576 .elementor-element.elementor-element-8890afd{--content-width:1300px;}}/* Start custom CSS for theme-post-title, class: .elementor-element-734cb32 *//* --- High-End Tech Title Style --- */

/* 1. Main Title with Gradient Text */
.elementor-576 .elementor-element.elementor-element-734cb32 .elementor-heading-title {
    /* Fallback color */
    color: #002d5b !important; 
    
    /* Subtle Navy-to-Bright-Blue gradient across the text */
    background: linear-gradient(110deg, #002d5b 30%, #1e40af 80%, #2563eb 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    
    /* Massive, heavy typography */
    font-weight: 900 !important; 
    font-size: 3.2rem !important; 
    line-height: 1.15 !important;
    
    /* Super tight letter spacing looks very premium */
    letter-spacing: -1.5px !important; 
    
    /* Pushes text to the right to make room for the glowing bar */
    padding-left: 28px !important; 
    margin-bottom: 40px !important;
    position: relative !important;
}

/* 2. The Glowing Precision Bar (Left Edge) */
.elementor-576 .elementor-element.elementor-element-734cb32 .elementor-heading-title::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 8px !important; /* Aligns with the top of the text */
    bottom: 12px !important; /* Aligns with the bottom */
    width: 6px !important; /* Thickness of the bar */
    
    /* Solid Tecnova Blue with a modern neon-style glow */
    background: #2563eb !important; 
    border-radius: 6px !important;
    box-shadow: 3px 0 16px rgba(37, 99, 235, 0.4) !important; 
}

/* 3. Mobile Responsiveness */
@media (max-width: 768px) {
    .elementor-576 .elementor-element.elementor-element-734cb32 .elementor-heading-title {
        font-size: 2.2rem !important; 
        letter-spacing: -1px !important;
        padding-left: 20px !important;
    }
    .elementor-576 .elementor-element.elementor-element-734cb32 .elementor-heading-title::before {
        width: 4px !important;
        top: 6px !important;
        bottom: 8px !important;
    }
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-d392dc8 *//* --- Premium Typography for Technical Content (Large) --- */

/* 1. Base Body Text (Bigger, cleaner) */
.elementor-576 .elementor-element.elementor-element-d392dc8 {
    color: #374151 !important; /* Darker slate gray for crisp contrast */
    font-size: 18px !important; /* Bumped up for readability */
    line-height: 1.85 !important;
    letter-spacing: -0.2px !important; /* Gives it a modern, high-end print feel */
}

/* 2. Paragraph Spacing */
.elementor-576 .elementor-element.elementor-element-d392dc8 p {
    margin-bottom: 28px !important; /* Slightly more breathing room */
}

/* 3. Bold Text & Inline Labels (The "Badge" Effect) */
.elementor-576 .elementor-element.elementor-element-d392dc8 strong, 
.elementor-576 .elementor-element.elementor-element-d392dc8 b {
    color: #002d5b !important; /* Tecnova Navy */
    font-weight: 800 !important;
    background: rgba(37, 99, 235, 0.06) !important; /* Very faint Tecnova Blue highlight */
    padding: 2px 6px !important;
    border-radius: 6px !important; /* Soft corners */
}

/* 4. Main Headings (H2, H3) */
.elementor-576 .elementor-element.elementor-element-d392dc8 h2, 
.elementor-576 .elementor-element.elementor-element-d392dc8 h3 {
    color: #002d5b !important; 
    font-weight: 800 !important;
    line-height: 1.3 !important;
    margin-top: 48px !important; 
    margin-bottom: 20px !important;
    letter-spacing: -0.5px !important;
}

/* Clean underline for H3 to act as a section divider */
.elementor-576 .elementor-element.elementor-element-d392dc8 h3 {
    padding-bottom: 12px !important;
    border-bottom: 2px solid rgba(0, 45, 91, 0.08) !important;
}

/* 5. Custom Corporate Lists */
.elementor-576 .elementor-element.elementor-element-d392dc8 ul {
    margin-bottom: 28px !important;
    padding-left: 0 !important;
    list-style: none !important; /* Removes default boring bullets */
}

.elementor-576 .elementor-element.elementor-element-d392dc8 ul li {
    position: relative !important;
    padding-left: 28px !important;
    margin-bottom: 14px !important;
    color: #374151 !important;
}

/* Custom Tecnova Blue Bullet Point */
.elementor-576 .elementor-element.elementor-element-d392dc8 ul li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 10px !important;
    width: 8px !important;
    height: 8px !important;
    background-color: #2563eb !important; /* Tecnova Blue */
    border-radius: 50% !important;
    box-shadow: 0 2px 6px rgba(37, 99, 235, 0.4) !important; /* Subtle glow */
}

/* 6. Blockquotes (If you ever need to quote or highlight a big note) */
.elementor-576 .elementor-element.elementor-element-d392dc8 blockquote {
    background: #f8fafc !important; /* Very light slate bg */
    border-left: 4px solid #2563eb !important; /* Tecnova Blue accent */
    padding: 24px !important;
    margin: 32px 0 !important;
    border-radius: 0 8px 8px 0 !important;
    font-style: italic !important;
    color: #1e293b !important;
}

/* 7. Subtle Links */
.elementor-576 .elementor-element.elementor-element-d392dc8 a {
    color: #2563eb !important; 
    text-decoration: none !important;
    font-weight: 600 !important;
    border-bottom: 1px solid transparent !important;
    transition: all 0.3s ease !important;
}

.elementor-576 .elementor-element.elementor-element-d392dc8 a:hover {
    color
    
    /* --- 8. Premium Image Styling --- */

/* Targets any image inside your post content */
.elementor-576 .elementor-element.elementor-element-d392dc8 img {
    max-width: 100% !important; /* Ensures the image never breaks outside the text area */
    height: auto !important;
    border-radius: 12px !important; /* The smooth, curved borders you wanted */
    margin: 32px 0 !important; /* Adds generous breathing room above and below the image */
    box-shadow: 0 10px 30px rgba(0, 45, 91, 0.06) !important; /* A very subtle Tecnova Navy shadow */
    display: block !important;
}

/* If you add captions to your images in WordPress, this makes them look classy */
.elementor-576 .elementor-element.elementor-element-d392dc8 figcaption {
    text-align: center !important;
    font-size: 14px !important;
    color: #6b7280 !important; /* Lighter gray for captions */
    margin-top: -16px !important; /* Pulls the caption closer to the image */
    margin-bottom: 32px !important;
    font-style: italic !important;
}

/* Fixes spacing if WordPress automatically wraps your image in a figure tag */
.elementor-576 .elementor-element.elementor-element-d392dc8 figure {
    margin: 32px 0 !important;
}
.elementor-576 .elementor-element.elementor-element-d392dc8 figure img {
    margin: 0 !important; 
}/* End custom CSS */