/*    */
/*  */
/*  */
*{
        margin:0;
        padding:0;
        box-sizing:border-box;
        font-family: Arial, Helvetica, sans-serif;
    }

    body{
        background:#f4f6f8;
        color:#222;
        line-height:1.6;
    }

    header{
        position:relative;
        height:500px;
        background:
            linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.55)),
            url('https://images.unsplash.com/photo-1518770660439-4636190af475?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat;
        display:flex;
        justify-content:center;
        align-items:center;
        text-align:center;
        color:white;
    }

    header .banner-content{
        max-width:900px;
        padding:20px;
    }

    header h1{
        font-size:3rem;
        margin-bottom:20px;
        text-shadow:0 2px 8px rgba(0,0,0,0.6);
    }

    header p{
        font-size:1.3rem;
    }

    .container{
        width:90%;
        max-width:1200px;
        margin:auto;
        padding:60px 0;
    }

    section{
        background:white;
        margin-bottom:40px;
        padding:40px;
        border-radius:14px;
        box-shadow:0 5px 20px rgba(0,0,0,0.08);
    }

    section h2{
        margin-bottom:20px;
        color:#0b4f75;
        font-size:2rem;
    }

    .repair-list{
        display:grid;
        grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
        gap:20px;
        margin-top:30px;
    }

    .repair-card{
        background:#eef4f8;
        padding:25px;
        border-radius:10px;
        border-left:5px solid #0b4f75;
    }

    .repair-card h3{
        margin-bottom:10px;
    }

    .button-group{
        display:flex;
        gap:20px;
        flex-wrap:wrap;
        margin-top:30px;
    }

    .btn{
        display:inline-block;
        padding:14px 28px;
        background:#0b4f75;
        color:white;
        text-decoration:none;
        border-radius:8px;
        transition:0.3s ease;
        font-weight:bold;
    }

    .btn:hover{
        background:#08344d;
        transform:translateY(-2px);
    }

    footer{
        background:#111;
        color:#ccc;
        text-align:center;
        padding:25px;
        margin-top:40px;
    }

    @media(max-width:768px){

        header{
            height:400px;
        }

        header h1{
            font-size:2.2rem;
        }

        header p{
            font-size:1rem;
        }

        section{
            padding:25px;
        }
    }