.elementor-6 .elementor-element.elementor-element-4ab268d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-e72d4f3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-7866609{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-36f8bb7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-7c00c1d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-70af2f5 *//* --- HERO SECTION --- */
.hero {
    position: relative !important;
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    padding: 150px 0 80px !important;
    background: linear-gradient(135deg, #0f1f33 0%, #1e3a5f 100%) !important;
    overflow: hidden !important;
}
.hero-bg-image {
    position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important;
    background: url('https://i.pinimg.com/1200x/a3/9a/c6/a39ac69a7eb7f210b654873cb94f61ed.jpg') center/cover !important;
    opacity: 0.3 !important; z-index: 0 !important;
}
.hero-overlay {
    position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important;
    background: linear-gradient(135deg, rgba(8, 8, 8, 0.65) 0%, rgba(5, 5, 5, 0.466) 100%) !important; z-index: 1 !important;
}
.hero-container {
    position: relative !important; z-index: 2 !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 60px !important; align-items: center !important;
}
.hero-badge {
    display: inline-flex !important; align-items: center !important; gap: 10px !important;
    background: rgba(197, 48, 48, 0.15) !important; border: 2px solid #e53e3e !important; color: #e53e3e !important;
    padding: 10px 20px !important; border-radius: 50px !important; font-weight: 600 !important; margin-bottom: 30px !important;
}
.hero-title { font-size: 4rem !important; color: #ffffff !important; margin-bottom: 25px !important; }
.hero-title .highlight { color: #e53e3e !important; }
.hero-subtitle { font-size: 1.15rem !important; color: rgba(255,255,255,0.85) !important; margin-bottom: 40px !important; }
.hero-stats { display: flex !important; gap: 30px !important; margin-bottom: 40px !important; }
.stat-box { background: rgba(255,255,255,0.08) !important; border: 1px solid rgba(255,255,255,0.1) !important; padding: 20px 25px !important; border-radius: 8px !important; text-align: center !important; }
.stat-number { display: block !important; font-size: 2rem !important; font-weight: 700 !important; color: #e53e3e !important; }
.stat-label { font-size: 0.85rem !important; color: rgba(255,255,255,0.7) !important; }
.hero-buttons { display: flex !important; gap: 15px !important; flex-wrap: wrap !important; }
.hero-image { position: relative !important; }
.hero-card {
    background: #ffffff !important; padding: 40px !important; border-radius: 15px !important;
    box-shadow: 0 30px 60px rgba(0,0,0,0.3) !important; text-align: center !important;
}
.hero-card i { font-size: 4rem !important; color: #c53030 !important; margin-bottom: 20px !important; }
.hero-card h3 { font-size: 1.8rem !important; color: #1e3a5f !important; margin-bottom: 15px !important; }
.hero-card p { color: #718096 !important; margin-bottom: 25px !important; }
.card-link { color: #1e3a5f !important; font-weight: 600 !important; text-decoration: none !important; }/* End custom CSS */