.elementor-342 .elementor-element.elementor-element-e8451f6{--display:flex;}.elementor-342 .elementor-element.elementor-element-6e09e77 .section-title h2{font-size:35px;}.elementor-342 .elementor-element.elementor-element-e716cd3{--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:-50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-342 .elementor-element.elementor-element-e716cd3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-342 .elementor-element.elementor-element-a2a92a0{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + -50px) 0px;}@media(min-width:768px){.elementor-342 .elementor-element.elementor-element-e716cd3{--width:97.838%;}}/* Start custom CSS for html, class: .elementor-element-a2a92a0 *//* ===== HERO SECTION ===== */
.hero-section {
    max-width: 1200px;
    margin: 60px auto;
    padding: 0 20px;
    text-align: center;
    animation: fadeIn 1s ease;
}

.hero-section h1 {
    font-size: 40px;
    color: #0d6efd;
    margin-bottom: 20px;
    font-weight: 700;
}

.hero-section p {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 12px;
    color: #444;
}

/* ===== SERVICES SECTION ===== */
.services-section {
    margin: 60px auto;
    max-width: 1100px;
    padding: 0 20px;
}

.services-section h2 {
    text-align: center;
    font-size: 34px;
    color: #333;
    margin-bottom: 10px;
    font-weight: 700;
}

.services-section p.subtitle {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 40px;
    font-size: 15px;
    color: #555;
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 25px;
}

/* ===== SERVICE CARD ===== */
.service-card {
    background: white;
    padding: 30px 25px;
    border-radius: 14px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    transition: 0.3s ease;
    text-align: center;
    animation: fadeUp 0.6s ease;
}

.service-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}



.service-card i {
    font-size: 40px;
    color: #ff7a00;
    margin-bottom: 15px;
}


.service-card h3 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #0A3D62;
}

.service-card p {
    font-size: 14.5px;
    color: #555;
    line-height: 1.6;
}

/* ===== RESPONSIVE ===== */
@media(max-width: 600px){
    .hero-section h1 { font-size: 32px; }
    .services-section h2 { font-size: 28px; }
}

/* ===== ANIMATIONS ===== */
@keyframes fadeIn {
    from { opacity:0; transform:translateY(20px); }
    to { opacity:1; transform:translateY(0); }
}

@keyframes fadeUp {
    from { opacity:0; transform:translateY(10px); }
    to { opacity:1; transform:translateY(0); }
}/* End custom CSS */