.services-section{
    padding:100px 0;
    background:#f4f8ff;
}
.services-section .container{
    max-width:1280px;
    margin:0 auto;
    /* padding:0 20px; */
}
.services-header{
    text-align:center;
    margin-bottom:60px;
}

.services-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 16px;
    border-radius:999px;
    background:rgba(192,23,44,.08);
    color:#c0172c;
    border:1px solid rgba(192,23,44,.2);
    font-size:.75rem;
    margin-bottom:18px;
}

.services-title{
    font-size:2.25rem;
    font-weight:900;
    color:#0b2341;
}

.services-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.service-card{
    display:flex;
    flex-direction:column;
    gap:20px;
    height:100%;
    background:#fff;
    border-radius:24px;
    padding:32px;
    border:1px solid rgba(11,35,65,.07);
    box-shadow:0 4px 20px rgba(11,35,65,.06);
    transition:.3s;
     transition:
        transform .3s ease,
        box-shadow .3s ease;
}

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

    box-shadow:
        0 16px 40px rgba(11,35,65,.10);

}

.service-icon{
    width:56px;
    height:56px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    color:#c0172c;
    background:linear-gradient(
        135deg,
        rgba(192,23,44,.09),
        rgba(192,23,44,.04)
    );
    border:1px solid rgba(192,23,44,.14);
    transition:all .3s ease;
}

.service-card:hover .service-icon{
    transform:scale(1.1);
}

.service-icon svg{
    width:24px;
    height:24px;
}

.service-card h3{
    margin:22px 0 12px;
    color:#0b2341;
    font-size:1.125rem;
    font-weight:800;
    margin: 0;
}

.service-card p{
    color:#64748b;
    font-size:.875rem;
    margin: 0;
}

.service-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    /* margin:22px 0; */
    margin: 0;
}

.service-tags span{
   padding: 6px 12px;
    border-radius: 999px;
    background: #f1f5f9;
    font-size: .75rem;
    line-height: 1.3333;
    color: rgb(71, 85, 105);
}

.service-link{
    display:flex;
    align-items:center;
    gap:10px;
    color:#c0172c;
    font-weight:700;
    text-decoration:none;
    margin-top:auto;

}

.service-link svg{
    width:16px;
    height:16px;
    stroke:currentColor;
    fill:none;
    stroke-width:2;
}

.service-arrow{
    transition:all .25s ease;
}
.service-link:hover {
    color: #c0172c !important;

}
.service-card:hover .service-link svg{
    transform:translateX(-6px);
}


.services-cta{
    display:flex;
    justify-content:center;
    margin-top:60px;
}

.services-btn{
    height:60px;
    padding:0 34px;
    border-radius:18px;
    background:linear-gradient(135deg,#0B2341,#173B73);
    color:#fff !important;
    text-decoration:none;
    font-size:1rem;
    font-weight:800;
    display:flex;
    align-items:center;
    gap:14px;
    transition:.35s ease;
    box-shadow:0 10px 30px rgba(11,35,65,.14);
}

.services-btn:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 40px rgba(11,35,65,.2);
}

.services-btn .arrow{
    transition:.35s ease;
}

.services-btn .arrow{
transform:translateX(-5px);
}

.service-hover-line{

    width:0;
    height:2px;

    border-radius:999px;

    margin: 0;

    background:linear-gradient(
        90deg,
        #c0172c,
        #9e1124
    );

    transition:width .45s ease;
}

.service-card:hover .service-hover-line{
    width:100%;
}