.service-detail{
    padding:60px 0; width:100%;
    } 
    .service-detail .container{
        width:min(1000px,90%);
        margin:0 auto;
        }
        /* TITLE */ 
        .service-detail h1{ 
            font-size:42px;
            line-height:1.3; 
            text-align:center;
            color:#0b3d26; 
            font-weight:800;
            margin-bottom:30px;
            } 
            /* SECTION TITLE */
           .service-detail h2{

    width:500px;

    max-width:100%;

    margin:50px auto 25px;

    padding:14px 25px;

    text-align:center;

    font-size:28px;

    font-weight:700;

    color:#fff;

    background:#0b3d26;

    border-radius:50px;

    box-shadow:
    0 5px 15px rgba(11,61,38,.25);

}
            /* SUB TITLE */ 
            .service-detail h3{
                font-size:22px;
                color:#ff6b00;
                font-weight:700;
                margin-top:25px;
                margin-bottom:10px; 
                
            } 
            /* CONTENT */
            .service-detail p{ 
                font-size:17px;
                line-height:1.9;
                color:#444;
                text-align:justify;
                
                margin-bottom:18px;
                } 
                .service-detail ul{
                    margin:20px 0;
                    padding-left:30px;
                    } 
                    .service-detail li{
                        font-size:17px; 
                        line-height:1.8;
                        color:#444; 
                        margin-bottom:10px;
                        } 
                        .service-detail strong{
                            color:#0b3d26; 
                            
                        } 
                        /* CTA */ 
                       .service-cta{

    margin-top:50px;

    padding:40px;

    background:#0b3d26;

    color:#fff;

    border-radius:15px;

    text-align:center;

}

.service-cta p{

    text-align:center !important;

    color:#fff;

}

.service-cta strong{

    display:block;

    text-align:center;

    color:#ffb703;

    font-size:22px;

    margin:20px 0;

}

.service-cta a{

    color:#ffb703;

    font-weight:700;

}
                            /* LINKS */
                            .service-detail a{
                                color:#ff6b00;
                                font-weight:600;
                                text-decoration:none;
                                } 
                                .service-detail a:hover{
                                    text-decoration:underline; 
                                    
                                }
                                /* MOBILE */
                                @media(max-width:768px){ 
                                    .service-detail{
                                        padding:40px 0; 
                                        
                                    } 
                                    .service-detail .container{ 
                                        width:92%; 
                                        
                                    }
                                    .service-detail h1{ 
                                        font-size:30px;
                                        } 
                                        .service-detail h2{
                                            font-size:24px;
                                            }
                                            .service-detail h3{
                                                font-size:20px;
                                                }
                                                .service-detail p,
                                                .service-detail li{ 
                                                    font-size:16px; 
                                                    
                                                }
                                                }
                                                /* ========================= SERVICE GRID 2 CỘT ========================= */ 
                                                .service-grid{ 
                                                    display:grid !important;
                                                    grid-template-columns:1fr 1fr;
                                                    gap:30px; 
                                                    margin:25px 0;
                                                    }
                                                    .service-grid ul{ 
                                                        list-style:none;
                                                        padding:0; margin:0;
                                                        } 
                                                        .service-grid li{
                                                            position:relative;
                                                            padding-left:28px;
                                                            margin-bottom:14px;
                                                            font-size:17px;
                                                            line-height:1.8; 
                                                            
                                                        } 
                                                        .service-grid li::before{
                                                            content:"✓"; 
                                                            position:absolute; 
                                                            left:0; 
                                                            top:0;
                                                            color:#16A34A;
                                                            font-weight:700;
                                                            } 
                                                            /* MOBILE */
                                                            @media(max-width:768px){
                                                                .service-grid{ grid-template-columns:1fr;
                                                                }
                                                                }
/* =========================
   PROCESS GRID
========================= */

.process-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:25px;

    margin-top:30px;

}

.process-item{

    background:#0b3d26;

    border:none;

    border-radius:12px;

    padding:25px;

    color:#fff;

    box-shadow:
    0 5px 15px rgba(11,61,38,.25);

}

.process-item h3{

    margin-top:0;

    margin-bottom:12px;

    color:#fff;

    font-size:22px;

    text-align:center;

}

.process-item p{

    color:#fff;

    margin-bottom:0;

}
/* =========================
   WHY CHOOSE US
========================= */

.why-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:20px;

    margin-top:30px;

}

.why-grid div{

    background:#0b3d26;

    color:#fff;

    padding:20px;

    border-radius:12px;

    min-height:80px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    font-size:17px;

    font-weight:500;

    box-shadow:
    0 5px 15px rgba(11,61,38,.25);

}

.why-grid div:hover{

    transform:translateY(-3px);

    box-shadow:
    0 10px 25px rgba(11,61,38,.35);

}

.why-grid span{

    color:#ffb703;

    font-weight:700;

    margin-right:8px;

}