/* about */
.repair-stats-area{
    width:100%;
    padding:50px 20px;
    background:#f7faff;
}

.repair-stats-wrapper{
    max-width:1200px;
    margin:auto;

    display:grid;
    grid-template-columns:1.2fr 1fr;
    gap:60px;
    align-items:center;
}

.repair-left-content{
    width:100%;
}

.repair-badge{
    display:inline-block;
    padding:12px 28px;
    border-radius:50px;
    background:#dfeaff;
    color:#1d6cff;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:25px;
}

.repair-title{
    font-size:40px;
    line-height:1.1;
    font-weight:700;
    color:#183153;
    margin-bottom:25px;
}

.repair-description{
    font-size:17px;
    line-height:1.8;
    color:#666;
}

.repair-counter-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.repair-counter-box{
    background:#fff;
    border-radius:20px;
    padding:25px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
}

.repair-counter-box:hover{
    transform:translateY(-8px);
}
.repair-icon{
    width:70px;
    height:70px;
    margin:0 auto 20px;
    border-radius:50%;
    background:linear-gradient(135deg,#1d6cff,#4b8dff);
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:28px;
    box-shadow:0 10px 25px rgba(29,108,255,.35);
    transition:.35s ease;
}

.repair-counter-box:hover .repair-icon{
    transform:rotateY(180deg) scale(1.08);
    background:linear-gradient(135deg,#0d47a1,#1d6cff);
}
.repair-counter-box h3{
    font-size:23px;
    color:#1d6cff;
    margin-bottom:10px;
}

.repair-counter-box p{
    font-size:16px;
    color:#666;
}

/* Tablet */

@media(max-width:991px){

.repair-stats-wrapper{
    grid-template-columns:1fr;
}

.repair-title{
    font-size:23px;
}

}

/* Mobile */

@media(max-width:600px){

.repair-counter-grid{
    grid-template-columns:1fr;
}

.repair-title{
    font-size:20px;
}

.repair-description{
    font-size:16px;
}

}