/* Start custom CSS for html, class: .elementor-element-4c1e83a *//* HERO */
.dm-hero {
    position: relative;
    height: 60vh;
    background: url('https://images.unsplash.com/photo-1508830524289-0adcbe822b40') center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
}

.dm-hero .overlay {
    position: absolute;
    inset:0;
    background: linear-gradient(to right, rgba(0,50,130,0.8), rgba(0,160,255,0.8));
}

.dm-hero .hero-content {
    position: relative;
    z-index: 2;
    max-width: 700px;
}

.dm-hero h1 {
    font-size: 42px;
    margin-bottom: 15px;
}

.dm-hero p {
    font-size: 18px;
    margin-bottom: 3px;
}

/* SECTION TITLES */
.section-title {
    text-align: left;
    font-size: 32px;
    color: #003d99;
    margin-bottom: 30pxpx;
}

.center {
    text-align: center;
}

/* SERVICES GRID */
.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(270px,1fr));
    gap: 60px;
}

.service-card {
    background: white;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0,86,179,0.08);
    transition: 0.3s;
    text-align: center;
}

.service-card img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.service-card h3 {
    color: #002b80;
    margin: 20px 0 10px;
}

.service-card p {
    padding: 0 20px 20px;
    color: #555;
}

.service-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 50px rgba(0,86,179,0.15);
}

/* PROCESS */
.process-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
    gap: 30px;
}

.process-card {
    background: #eaf5ff;
    border-radius: 15px;
    text-align: center;
    padding: 35px;
    transition: 0.3s;
}

.process-card i {
    font-size: 36px;
    color: #0056b3;
    margin-bottom: 15px;
}

.process-card h3 {
    color: #002b80;
    margin-bottom: 10px;
}

.process-card p {
    color: #444;
    font-size: 14px;
}

.process-card:hover {
    transform: translateY(-8px);
}

/* RESULTS */
.results-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
    gap: 30px;
    text-align: center;
}

.result-card {
    background: white;
    border-radius: 15px;
    padding: 40px 20px;
    box-shadow: 0 12px 30px rgba(0,86,179,0.08);
    transition: 0.3s;
}

.result-card h3 {
    font-size: 32px;
    color: #0056b3;
    margin-bottom: 10px;
}

.result-card p {
    color: #555;
    font-weight: 500;
}

.result-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(0,86,179,0.15);
}

/* CTA */
.dm-cta {
    background: linear-gradient(135deg,#003d99,#00aaff);
    text-align: center;
    padding: 80px 20px;
    color: white;
}

.dm-cta h2 {
    font-size: 32px;
    margin-bottom: 25px;
}

.dm-cta .btn-primary {
    background: white;
    color: #003d99;
}

/* RESPONSIVE */
@media(max-width:900px){
    .dm-hero h1{
        font-size:32px;
    }
}/* End custom CSS */