/* ==========================================================
   AVARTHANA TECHNOLOGIES
   QUALITY & ENGINEERING STANDARDS
   Release 1.5.1
========================================================== */

.quality-section{

    padding:120px 0;

    background:#ffffff;

}

.quality-section .container{

    max-width:1440px;

}


/* ==========================================================
   SECTION HEADER
========================================================== */

.quality-section .section-header{

    max-width:820px;

    margin:0 auto 70px;

    text-align:center;

}

.quality-section .section-label{

    display:inline-block;

    margin-bottom:18px;

    font-size:.80rem;

    font-weight:700;

    letter-spacing:.22em;

    text-transform:uppercase;

    color:#1683ff;

}

.quality-section h2{

    margin:0 0 24px;

    font-size:clamp(2.4rem,3vw,3.2rem);

    font-weight:800;

    line-height:1.2;

    color:#0d213d;

}

.quality-section .section-header p{

    margin:0;

    font-size:1.05rem;

    line-height:1.9;

    color:#5f7186;

}


/* ==========================================================
   GRID
========================================================== */

.quality-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:34px;

}


/* ==========================================================
   CARD
========================================================== */

.quality-card{

    background:#ffffff;

    border:1px solid #dce8f6;

    border-radius:20px;

    padding:38px;

    box-shadow:0 12px 30px rgba(10,40,70,.05);

    transition:all .30s ease;

}

.quality-card:hover{

    transform:translateY(-6px);

    border-color:#1683ff;

    box-shadow:0 20px 42px rgba(10,40,70,.10);

}


/* ==========================================================
   ICON
========================================================== */

.quality-icon{

    width:68px;

    height:68px;

    margin-bottom:28px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:1.7rem;

    color:#ffffff;

    background:#0d213d;

    transition:all .30s ease;

}

.quality-card:hover .quality-icon{

    background:#1683ff;

    transform:scale(1.08);

}


/* ==========================================================
   TEXT
========================================================== */

.quality-card h3{

    margin:0 0 18px;

    font-size:1.42rem;

    font-weight:700;

    color:#0d213d;

}

.quality-card p{

    margin:0;

    font-size:1rem;

    line-height:1.8;

    color:#5f7186;

}


/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width:1200px){

    .quality-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media (max-width:768px){

    .quality-section{

        padding:90px 0;

    }

    .quality-grid{

        grid-template-columns:1fr;

        gap:24px;

    }

    .quality-card{

        padding:30px;

    }

    .quality-section h2{

        font-size:2rem;

    }

}

@media (max-width:576px){

    .quality-card{

        padding:24px;

    }

    .quality-icon{

        width:60px;

        height:60px;

        font-size:1.5rem;

    }

    .quality-card h3{

        font-size:1.25rem;

    }

}