@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap");

/* ==========================================
   BRIDGE CONSULTING SERVICES
========================================== */

.dx-bridgecraft-section{
    padding:90px 0;
    background:#f8fbff;
}

.dx-bridgecraft-wrap{
    max-width:950px;
    margin:0 auto;
    padding:0 40px;
}

/* Header */

.dx-bridgecraft-head{
    max-width:880px;
    margin:0 auto 65px;
    text-align:center;
}

.dx-bridgecraft-label{
    display:inline-block;
    margin-bottom:18px;

    color:#1d76ec;

    font-size:13px;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.dx-bridgecraft-head h2{
    margin:0 0 24px;

    color:#061f4d;

    font-size:54px;
    line-height:1.08;
    font-weight:800;
    letter-spacing:-.035em;
}

.dx-bridgecraft-head h2 span{
    display:block;
    color:#1d76ec;
}

.dx-bridgecraft-head p{
    max-width:760px;
    margin:0 auto;

    color:#526784;

    font-size:19px;
    line-height:1.8;
}

/* Grid */

.dx-bridgecraft-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

/* Premium Cards */

.dx-bridgecraft-card{
    overflow:hidden;

    background:#ffffff;

    border:1px solid rgba(29,118,236,.10);
    border-radius:32px;

    box-shadow:0 22px 60px rgba(9,42,104,.08);

    transition:.4s ease;
}

.dx-bridgecraft-card:hover{
    transform:translateY(-10px);

    box-shadow:0 32px 80px rgba(9,42,104,.14);
}

/* Image */

.dx-bridgecraft-img{
    height:190px;
    overflow:hidden;

    background:#eef6ff;
}

.dx-bridgecraft-img img{
    width:100%;
    height:100%;

    object-fit:cover;

    display:block;

    transition:.5s ease;
}

.dx-bridgecraft-card:hover .dx-bridgecraft-img img{
    transform:scale(1.06);
}

/* Body */

.dx-bridgecraft-body{
    padding:34px;
}

.dx-bridgecraft-num{
    display:inline-flex;

    width:54px;
    height:54px;

    align-items:center;
    justify-content:center;

    border-radius:16px;

    background:#eef6ff;
    color:#1d76ec;

    font-size:17px;
    font-weight:800;

    margin-bottom:24px;
}

.dx-bridgecraft-body h3{
    margin:0 0 16px;

    color:#061f4d;

    font-size:26px;
    line-height:1.25;
    font-weight:800;
}

.dx-bridgecraft-body p{
    margin:0 0 28px;

    color:#5b6f8c;

    font-size:16px;
    line-height:1.75;
}

.dx-bridgecraft-body a{
    display:inline-flex;
    align-items:center;
    gap:8px;

    color:#1d76ec;

    text-decoration:none;

    font-size:15px;
    font-weight:800;
}

.dx-bridgecraft-body a::after{
    content:"→";
    transition:.3s ease;
}

.dx-bridgecraft-body a:hover::after{
    transform:translateX(6px);
}

/* Responsive */

@media(max-width:1000px){

    .dx-bridgecraft-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:700px){

    .dx-bridgecraft-section{
        padding:70px 0;
    }

    .dx-bridgecraft-wrap{
        padding:0 24px;
    }

    .dx-bridgecraft-head h2{
        font-size:38px;
    }

    .dx-bridgecraft-grid{
        grid-template-columns:1fr;
    }

    .dx-bridgecraft-img{
        height:220px;
    }
}