.home-theatre-image-section{
    width:100%;
    padding:60px 20px;
    background:#f8f9fb;
}

.home-theatre-image-container{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.home-theatre-image-box{
    overflow:hidden;
    border-radius:15px;
    box-shadow:0 8px 20px rgba(0,0,0,.10);
}

.home-theatre-image-box img{
    width:100%;
    display:block;
    object-fit:cover;
    transition:0.4s ease;
}

.home-theatre-image-box:hover img{
    transform:scale(1.05);
}

@media (max-width:768px){

.home-theatre-image-container{
    grid-template-columns:1fr;
}

.home-theatre-image-box img{
    height:auto;
}

}

 /* Home Theatre Introduction Section */

.home-theatre-section{
    width:100%;
    padding:70px 20px;
    background:#f8f9fb;
    font-family:Arial,Helvetica,sans-serif;
}

.home-theatre-container{
    max-width:1200px;
    margin:auto;
}

.home-theatre-content{
    background:#fff;
    padding:45px;
    border-radius:15px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.home-theatre-content h2{
    font-size:34px;
    color:#1b1b1b;
    line-height:1.4;
    margin-bottom:25px;
    font-weight:700;
}

.home-theatre-content p{
    font-size:17px;
    color:#555;
    line-height:1.9;
    margin-bottom:20px;
    text-align:justify;
}

.home-theatre-highlight{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-top:35px;
}

.highlight-box{
    display:flex;
    align-items:center;
    background:#f4f7ff;
    padding:18px 20px;
    border-left:5px solid #5fcf63;
    border-radius:10px;
    transition:.3s;
}

.highlight-box:hover{
    transform:translateY(-4px);
    box-shadow:0 8px 18px rgba(0,0,0,.08);
}

.highlight-box i{
    font-size:28px;
    margin-right:15px;
}

.highlight-box span{
    font-size:17px;
    font-weight:600;
    color:#222;
}

@media(max-width:768px){

.home-theatre-content{
    padding:28px 20px;
}

.home-theatre-content h2{
    font-size:27px;
}

.home-theatre-content p{
    font-size:16px;
}

.home-theatre-highlight{
    grid-template-columns:1fr;
}
}
	/* Professional Home Theatre Setup Section */

.ht-service-section{
    padding:70px 20px;
    background:#ffffff;
    font-family:Arial, Helvetica, sans-serif;
}

.ht-service-container{
    max-width:1200px;
    margin:auto;
}

.ht-service-wrapper{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:40px;
    align-items:center;
}

.ht-service-content h2{
    font-size:34px;
    color:#1a1a1a;
    margin-bottom:20px;
    line-height:1.3;
    font-weight:700;
}

.ht-service-content p{
    font-size:17px;
    color:#555;
    line-height:1.9;
    margin-bottom:18px;
    text-align:justify;
}

.ht-service-box{
    background:#f8f9fc;
    border-radius:15px;
    padding:30px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.ht-service-box h3{
    font-size:24px;
    margin-bottom:20px;
    color:#5fcf63;
}

.ht-service-list{
    display:grid;
    grid-template-columns:1fr;
    gap:15px;
    list-style:none;
    padding:0;
    margin:0;
}

.ht-service-list li{
    display:flex;
    align-items:center;
    background:#fff;
    border-radius:8px;
    padding:14px 16px;
    border-left:4px solid #5fcf63;
    font-size:16px;
    color:#333;
    transition:.3s;
}

.ht-service-list li:hover{
    transform:translateX(6px);
    box-shadow:0 8px 18px rgba(0,0,0,.08);
}

.ht-service-list li span{
    font-size:20px;
    margin-right:12px;
}

@media(max-width:991px){

.ht-service-wrapper{
    grid-template-columns:1fr;
}

.ht-service-content h2{
    font-size:28px;
}

}

@media(max-width:576px){

.ht-service-section{
    padding:50px 15px;
}

.ht-service-content h2{
    font-size:24px;
}

.ht-service-content p{
    font-size:16px;
}

.ht-service-box{
    padding:20px;
}

.ht-service-list li{
    font-size:15px;
}
}

/* Customized Home Cinema Design Section */

.cinema-design-section{
    padding:70px 20px;
    background:#f7f9fc;
    font-family:Arial, Helvetica, sans-serif;
}

.cinema-container{
    max-width:1200px;
    margin:auto;
}

.cinema-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:center;
}

.cinema-content h2{
    font-size:34px;
    color:#1b1b1b;
    margin-bottom:20px;
    line-height:1.3;
    font-weight:700;
}

.cinema-content p{
    font-size:17px;
    color:#555;
    line-height:1.9;
    margin-bottom:18px;
    text-align:justify;
}

.design-card{
    background:#ffffff;
    padding:35px;
    border-radius:16px;
    box-shadow:0 12px 30px rgba(0,0,0,.08);
}

.design-card h3{
    font-size:24px;
    color:#5fcf63;
    margin-bottom:20px;
}

.design-list{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    list-style:none;
    padding:0;
    margin:0;
}

.design-list li{
    background:#f4f7ff;
    border-left:4px solid #5fcf63;
    padding:15px;
    border-radius:10px;
    font-size:16px;
    color:#333;
    display:flex;
    align-items:center;
    transition:.3s ease;
}

.design-list li:hover{
    transform:translateY(-4px);
    box-shadow:0 8px 18px rgba(0,0,0,.08);
}

.design-list li span{
    font-size:20px;
    margin-right:10px;
}

@media(max-width:991px){

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

.cinema-content h2{
    font-size:28px;
}

}

@media(max-width:768px){

.design-list{
    grid-template-columns:1fr;
}

.cinema-design-section{
    padding:50px 15px;
}

.cinema-content h2{
    font-size:24px;
}

.cinema-content p{
    font-size:16px;
}

.design-card{
    padding:25px;
}
}

/* =========================
Expert Projector Installation Services
========================= */


.projector-section{
    padding:70px 20px;
    background:#ffffff;
    font-family:Arial,Helvetica,sans-serif;
}

.projector-container{
    max-width:1200px;
    margin:auto;
}

.projector-wrapper{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:40px;
    align-items:center;
}

.projector-card{
    background:#5fcf63;
    color:#fff;
    padding:35px;
    border-radius:16px;
    box-shadow:0 12px 30px rgba(13,110,253,.18);
}

.projector-card h3{
    font-size:26px;
    margin-bottom:25px;
    font-weight:700;
}

.projector-list{
    display:grid;
    grid-template-columns:1fr;
    gap:15px;
}

.projector-item{
    display:flex;
    align-items:center;
    background:rgba(255,255,255,.12);
    padding:14px 16px;
    border-radius:10px;
    transition:.3s;
}

.projector-item:hover{
    background:rgba(255,255,255,.22);
    transform:translateX(5px);
}

.projector-item span{
    width:38px;
    height:38px;
    border-radius:50%;
    background:#fff;
    color:#5fcf63;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    margin-right:12px;
    flex-shrink:0;
}

.projector-item h4{
    margin:0;
    font-size:16px;
    font-weight:600;
}

.projector-content h2{
    font-size:36px;
    color:#222;
    margin-bottom:20px;
    line-height:1.3;
    font-weight:700;
}

.projector-content p{
    font-size:17px;
    color:#555;
    line-height:1.9;
    margin-bottom:18px;
    text-align:justify;
}

.highlight-note{
    background:#f5f9ff;
    border-left:5px solid #5fcf63;
    padding:20px;
    border-radius:10px;
    font-weight:600;
    color:#333;
}

@media(max-width:992px){

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

.projector-content h2{
    font-size:30px;
}

}

@media(max-width:768px){

.projector-section{
    padding:50px 15px;
}

.projector-card{
    padding:25px;
}

.projector-content h2{
    font-size:26px;
}

.projector-content p{
    font-size:16px;
}

}

/* =========================
Premium Audio System Installation
========================= */


.audio-section{
    padding:70px 20px;
    background:#f7f9fc;
    font-family:Arial,Helvetica,sans-serif;
}

.audio-container{
    max-width:1200px;
    margin:auto;
}

.audio-wrapper{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:40px;
    align-items:center;
}

.audio-content h2{
    font-size:36px;
    font-weight:700;
    color:#222;
    margin-bottom:20px;
    line-height:1.3;
}

.audio-content p{
    font-size:17px;
    color:#555;
    line-height:1.9;
    margin-bottom:18px;
    text-align:justify;
}

.audio-highlight{
    background:#eef6ff;
    border-left:5px solid #5fcf63;
    padding:20px;
    border-radius:10px;
    font-weight:600;
    color:#333;
    margin-top:25px;
}

.audio-card{
    background:#fff;
    padding:30px;
    border-radius:16px;
    box-shadow:0 12px 30px rgba(0,0,0,.08);
}

.audio-card h3{
    color:#5fcf63;
    font-size:24px;
    margin-bottom:20px;
}

.audio-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
}

.audio-item{
    display:flex;
    align-items:center;
    background:#f8f9fc;
    border-left:4px solid #5fcf63;
    padding:14px 16px;
    border-radius:10px;
    transition:.3s;
}

.audio-item:hover{
    transform:translateY(-4px);
    box-shadow:0 8px 18px rgba(0,0,0,.08);
}

.audio-item span{
    width:38px;
    height:38px;
    border-radius:50%;
    background:#5fcf63;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    margin-right:12px;
    flex-shrink:0;
}

.audio-item h4{
    margin:0;
    font-size:15px;
    color:#222;
    font-weight:600;
}

.installation-box{
    margin-top:30px;
}

.installation-box h3{
    color:#5fcf63;
    font-size:22px;
    margin-bottom:18px;
}

.installation-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
}

.installation-item{
    display:flex;
    align-items:center;
    background:#ffffff;
    padding:14px 16px;
    border-radius:10px;
    box-shadow:0 5px 15px rgba(0,0,0,.05);
    font-weight:600;
    color:#333;
}

.installation-item span{
    margin-right:10px;
    font-size:20px;
}

@media(max-width:991px){

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

.audio-content h2{
    font-size:30px;
}

}

@media(max-width:768px){

.audio-section{
    padding:50px 15px;
}

.audio-grid,
.installation-grid{
    grid-template-columns:1fr;
}

.audio-content h2{
    font-size:26px;
}

.audio-content p{
    font-size:16px;
}

.audio-card{
    padding:22px;
}

}

/* =========================
Acoustic Treatment for Superior Sound
========================= */


.acoustic-section{
    padding:70px 20px;
    background:#ffffff;
    font-family:Arial,Helvetica,sans-serif;
}

.acoustic-container{
    max-width:1200px;
    margin:auto;
}

.acoustic-wrapper{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:40px;
    align-items:center;
}

.acoustic-card{
    background:linear-gradient(135deg,#5fcf63,rgb(95 207 99 / 94%));
    color:#fff;
    padding:35px;
    border-radius:16px;
    box-shadow:0 15px 35px rgba(13,110,253,.25);
}

.acoustic-card h3{
    font-size:26px;
    margin-bottom:25px;
    font-weight:700;
}

.acoustic-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:15px;
}

.acoustic-item{
    display:flex;
    align-items:center;
    background:rgba(255,255,255,.12);
    padding:14px 16px;
    border-radius:10px;
    transition:.3s ease;
}

.acoustic-item:hover{
    background:rgba(255,255,255,.22);
    transform:translateX(6px);
}

.acoustic-item span{
    width:38px;
    height:38px;
    background:#fff;
    color:#5fcf63;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    margin-right:12px;
    flex-shrink:0;
}

.acoustic-item h4{
    margin:0;
    font-size:16px;
    font-weight:600;
}

.acoustic-content h2{
    font-size:36px;
    color:#222;
    margin-bottom:20px;
    line-height:1.3;
    font-weight:700;
}

.acoustic-content p{
    font-size:17px;
    color:#555;
    line-height:1.9;
    margin-bottom:18px;
    text-align:justify;
}

.acoustic-note{
    margin-top:25px;
    background:#eef6ff;
    border-left:5px solid #5fcf63;
    padding:20px;
    border-radius:10px;
    font-weight:600;
    color:#333;
}

@media(max-width:991px){

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

.acoustic-content h2{
    font-size:30px;
}

}

@media(max-width:768px){

.acoustic-section{
    padding:50px 15px;
}

.acoustic-content h2{
    font-size:26px;
}

.acoustic-content p{
    font-size:16px;
}

.acoustic-card{
    padding:25px;
}

}

/* =========================
Networking & Connectivity Solutions
========================= */


.network-section{
    padding:70px 20px;
    background:#f7f9fc;
    font-family:Arial,Helvetica,sans-serif;
}

.network-container{
    max-width:1200px;
    margin:auto;
}

.network-wrapper{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:40px;
    align-items:center;
}

.network-content h2{
    font-size:36px;
    font-weight:700;
    color:#222;
    line-height:1.3;
    margin-bottom:20px;
}

.network-content p{
    font-size:17px;
    color:#555;
    line-height:1.9;
    margin-bottom:18px;
    text-align:justify;
}

.network-highlight{
    background:#eef7ff;
    border-left:5px solid #5fcf63;
    padding:20px;
    border-radius:10px;
    margin-top:25px;
    font-weight:600;
    color:#333;
}

.network-card{
    background:#ffffff;
    padding:35px;
    border-radius:16px;
    box-shadow:0 12px 30px rgba(0,0,0,.08);
}

.network-card h3{
    font-size:24px;
    color:#5fcf63;
    margin-bottom:25px;
}

.network-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
}

.network-item{
    display:flex;
    align-items:center;
    background:#f8f9fc;
    border-left:4px solid #5fcf63;
    border-radius:10px;
    padding:14px 16px;
    transition:.3s;
}

.network-item:hover{
    transform:translateY(-4px);
    box-shadow:0 8px 18px rgba(0,0,0,.08);
}

.network-item span{
    width:38px;
    height:38px;
    border-radius:50%;
    background:#5fcf63;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    margin-right:12px;
    flex-shrink:0;
}

.network-item h4{
    margin:0;
    font-size:15px;
    color:#222;
    font-weight:600;
}

@media(max-width:991px){

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

.network-content h2{
    font-size:30px;
}

}

@media(max-width:768px){

.network-section{
    padding:50px 15px;
}

.network-grid{
    grid-template-columns:1fr;
}

.network-card{
    padding:22px;
}

.network-content h2{
    font-size:26px;
}

.network-content p{
    font-size:16px;
}

}



/* =========================
Smart Home Integration Section
========================= */


.smart-home-section{
    padding:70px 20px;
    background:#ffffff;
    font-family:Arial,Helvetica,sans-serif;
}

.smart-home-container{
    max-width:1200px;
    margin:auto;
}

.smart-home-wrapper{
    display:grid;
    grid-template-columns:.95fr 1.05fr;
    gap:40px;
    align-items:center;
}

.smart-home-card{
    background: linear-gradient(135deg, #5fcf63, rgb(95 207 99 / 94%));
    color:#fff;
    padding:35px;
    border-radius:16px;
    box-shadow:0 15px 35px rgba(13,110,253,.20);
}

.smart-home-card h3{
    font-size:26px;
    margin-bottom:25px;
    font-weight:700;
}

.smart-home-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:15px;
}

.smart-home-item{
    display:flex;
    align-items:center;
    background:rgba(255,255,255,.12);
    padding:14px 16px;
    border-radius:10px;
    transition:.3s ease;
}

.smart-home-item:hover{
    background:rgba(255,255,255,.20);
    transform:translateX(5px);
}

.smart-home-item span{
    width:40px;
    height:40px;
    background:#fff;
    color:#5fcf63;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    margin-right:12px;
    flex-shrink:0;
}

.smart-home-item h4{
    margin:0;
    font-size:16px;
    font-weight:600;
}

.smart-home-content h2{
    font-size:36px;
    color:#222;
    margin-bottom:20px;
    line-height:1.3;
    font-weight:700;
}

.smart-home-content p{
    font-size:17px;
    color:#555;
    line-height:1.9;
    margin-bottom:18px;
    text-align:justify;
}

.smart-home-note{
    margin-top:25px;
    background:#eef6ff;
    border-left:5px solid #5fcf63;
    padding:20px;
    border-radius:10px;
    font-weight:600;
    color:#333;
}

@media(max-width:991px){

.smart-home-wrapper{
    grid-template-columns:1fr;
}

.smart-home-content h2{
    font-size:30px;
}

}

@media(max-width:768px){

.smart-home-section{
    padding:50px 15px;
}

.smart-home-content h2{
    font-size:26px;
}

.smart-home-content p{
    font-size:16px;
}

.smart-home-card{
    padding:25px;
}

}

/* =========================
Residential Home Theatre Solutions
========================= */


.residential-section{
    padding:70px 20px;
    background:#f7f9fc;
    font-family:Arial,Helvetica,sans-serif;
}

.residential-container{
    max-width:1200px;
    margin:auto;
}

.residential-wrapper{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:40px;
    align-items:center;
}

.residential-content h2{
    font-size:36px;
    font-weight:700;
    color:#222;
    line-height:1.3;
    margin-bottom:20px;
}

.residential-content p{
    font-size:17px;
    color:#555;
    line-height:1.9;
    margin-bottom:18px;
    text-align:justify;
}

.residential-highlight{
    margin-top:25px;
    background:#eef6ff;
    border-left:5px solid #5fcf63;
    padding:20px;
    border-radius:10px;
    color:#333;
    font-weight:600;
}

.residential-card{
    background:#ffffff;
    padding:35px;
    border-radius:16px;
    box-shadow:0 12px 30px rgba(0,0,0,.08);
}

.residential-card h3{
    font-size:24px;
    color:#5fcf63;
    margin-bottom:25px;
}

.residential-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
}

.residential-item{
    display:flex;
    align-items:center;
    background:#f8f9fc;
    border-left:4px solid #5fcf63;
    padding:15px;
    border-radius:10px;
    transition:.3s ease;
}

.residential-item:hover{
    transform:translateY(-4px);
    box-shadow:0 8px 18px rgba(0,0,0,.08);
}

.residential-item span{
    width:40px;
    height:40px;
    border-radius:50%;
    background:#5fcf63;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:12px;
    font-size:18px;
    flex-shrink:0;
}

.residential-item h4{
    margin:0;
    font-size:16px;
    color:#222;
    font-weight:600;
}

@media(max-width:991px){

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

.residential-content h2{
    font-size:30px;
}

}

@media(max-width:768px){

.residential-section{
    padding:50px 15px;
}

.residential-grid{
    grid-template-columns:1fr;
}

.residential-content h2{
    font-size:26px;
}

.residential-content p{
    font-size:16px;
}

.residential-card{
    padding:22px;
}

}

/* =========================
Commercial AV Installation
========================= */


.commercial-av-section{
    padding:70px 20px;
    background:#ffffff;
    font-family:Arial,Helvetica,sans-serif;
}

.commercial-av-container{
    max-width:1200px;
    margin:auto;
}

.commercial-av-wrapper{
    display:grid;
    grid-template-columns:.95fr 1.05fr;
    gap:40px;
    align-items:center;
}

.commercial-av-card{
    background:linear-gradient(135deg,#5fcf63,rgb(95 207 99 / 72%));
    color:#fff;
    padding:35px;
    border-radius:16px;
    box-shadow:0 15px 35px rgba(13,110,253,.20);
}

.commercial-av-card h3{
    font-size:26px;
    margin-bottom:25px;
    font-weight:700;
}

.commercial-av-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
}

.commercial-av-item{
    display:flex;
    align-items:center;
    background:rgba(255,255,255,.12);
    padding:14px 16px;
    border-radius:10px;
    transition:.3s;
}

.commercial-av-item:hover{
    background:rgba(255,255,255,.22);
    transform:translateY(-4px);
}

.commercial-av-item span{
    width:40px;
    height:40px;
    background:#fff;
    color:#5fcf63;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:12px;
    font-size:18px;
    flex-shrink:0;
}

.commercial-av-item h4{
    margin:0;
    font-size:15px;
    font-weight:600;
}

.commercial-av-content h2{
    font-size:36px;
    color:#222;
    margin-bottom:20px;
    line-height:1.3;
    font-weight:700;
}

.commercial-av-content p{
    font-size:17px;
    color:#555;
    line-height:1.9;
    margin-bottom:18px;
    text-align:justify;
}

.commercial-av-highlight{
    margin-top:25px;
    background:#eef6ff;
    border-left:5px solid #5fcf63;
    padding:20px;
    border-radius:10px;
    font-weight:600;
    color:#333;
}

@media(max-width:991px){

.commercial-av-wrapper{
    grid-template-columns:1fr;
}

.commercial-av-content h2{
    font-size:30px;
}

}

@media(max-width:768px){

.commercial-av-section{
    padding:50px 15px;
}

.commercial-av-grid{
    grid-template-columns:1fr;
}

.commercial-av-card{
    padding:25px;
}

.commercial-av-content h2{
    font-size:26px;
}

.commercial-av-content p{
    font-size:16px;
}

}

/* =========================
Why Professional Installation Matters
========================= */


.installation-benefits-section{
    padding:70px 20px;
    background:#f5f7fb;
    font-family:Arial,Helvetica,sans-serif;
}

.installation-benefits-container{
    max-width:1200px;
    margin:auto;
}

.installation-benefits-title{
    text-align:center;
    margin-bottom:50px;
}

.installation-benefits-title h2{
    font-size:36px;
    color:#222;
    font-weight:700;
    margin-bottom:15px;
}

.installation-benefits-title p{
    max-width:850px;
    margin:auto;
    color:#666;
    font-size:17px;
    line-height:1.8;
}

.installation-benefits-wrapper{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;
}

.benefit-card{
    background:#fff;
    border-radius:18px;
    padding:35px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.benefit-card h3{
    font-size:26px;
    margin-bottom:25px;
}

.problem-card h3{
    color:#d62828;
}

.solution-card h3{
    color:#5fcf63;
}

.benefit-list{
    list-style:none;
    padding:0;
    margin:0;
}

.benefit-list li{
    display:flex;
    align-items:center;
    margin-bottom:16px;
    padding:14px 16px;
    border-radius:10px;
    font-size:16px;
    transition:.3s;
	color: #111411;
}

.problem-card .benefit-list li{
    background:#fff5f5;
    border-left:4px solid #d62828;
}

.solution-card .benefit-list li{
    background:#eef6ff;
    border-left:4px solid #5fcf63;
}

.benefit-list li:hover{
    transform:translateX(6px);
}

.icon{
    width:38px;
    height:38px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:18px;
    margin-right:12px;
    flex-shrink:0;
}

.problem-card .icon{
    background:#d62828;
}

.solution-card .icon{
    background:#5fcf63;
}

.highlight-box{
    margin-top:40px;
    background:#ffffff;
    border-left:5px solid #5fcf63;
    border-radius:12px;
    padding:25px;
    text-align:center;
    box-shadow:0 8px 20px rgba(0,0,0,.06);
}

.highlight-box p{
    margin:0;
    font-size:18px;
    font-weight:600;
    color:#333;
    line-height:1.8;
}

@media(max-width:991px){

.installation-benefits-wrapper{
    grid-template-columns:1fr;
}

.installation-benefits-title h2{
    font-size:30px;
}

}

@media(max-width:768px){

.installation-benefits-section{
    padding:50px 15px;
}

.installation-benefits-title h2{
    font-size:26px;
}

.installation-benefits-title p{
    font-size:16px;
}

.benefit-card{
    padding:25px;
}

.benefit-card h3{
    font-size:22px;
}

.highlight-box p{
    font-size:16px;
}

}

/* =========================
Why Choose Us
========================= */


.whychoose-section{
    padding:70px 20px;
    background:#f7f9fc;
    font-family:Arial,Helvetica,sans-serif;
}

.whychoose-container{
    max-width:1200px;
    margin:auto;
}

.whychoose-wrapper{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:40px;
    align-items:center;
}

.whychoose-content h2{
    font-size:36px;
    font-weight:700;
    color:#222;
    line-height:1.3;
    margin-bottom:20px;
}

.whychoose-content p{
    font-size:17px;
    color:#555;
    line-height:1.9;
    margin-bottom:18px;
    text-align:justify;
}

.whychoose-highlight{
    margin-top:25px;
    background:#eef6ff;
    border-left:5px solid #5fcf63;
    padding:20px;
    border-radius:10px;
    font-size:17px;
    color:#333;
    font-weight:600;
}

.whychoose-card{
    background:#ffffff;
    padding:35px;
    border-radius:18px;
    box-shadow:0 12px 30px rgba(0,0,0,.08);
}

.whychoose-card h3{
    font-size:24px;
    color:#5fcf63;
    margin-bottom:25px;
}

.whychoose-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
}

.whychoose-item{
    display:flex;
    align-items:center;
    background:#f8f9fc;
    border-left:4px solid #5fcf63;
    border-radius:10px;
    padding:15px;
    transition:.3s;
}

.whychoose-item:hover{
    transform:translateY(-4px);
    box-shadow:0 8px 18px rgba(0,0,0,.08);
}

.whychoose-item span{
    width:40px;
    height:40px;
    border-radius:50%;
    background:#5fcf63;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:12px;
    font-size:18px;
    flex-shrink:0;
}

.whychoose-item h4{
    margin:0;
    font-size:15px;
    color:#222;
    font-weight:600;
}

@media(max-width:991px){

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

.whychoose-content h2{
    font-size:30px;
}

}

@media(max-width:768px){

.whychoose-section{
    padding:50px 15px;
}

.whychoose-grid{
    grid-template-columns:1fr;
}

.whychoose-content h2{
    font-size:26px;
}

.whychoose-content p{
    font-size:16px;
}

.whychoose-card{
    padding:22px;
}

}

/* =========================
Areas We Serve
========================= */


.service-area-section{
    padding:70px 20px;
    background:#f7f9fc;
    font-family:Arial,Helvetica,sans-serif;
}

.service-area-container{
    max-width:1200px;
    margin:auto;
}

.service-area-title{
    text-align:center;
    margin-bottom:45px;
}

.service-area-title h2{
    font-size:36px;
    color:#222;
    font-weight:700;
    margin-bottom:15px;
}

.service-area-title p{
    max-width:900px;
    margin:auto;
    font-size:17px;
    color:#555;
    line-height:1.9;
}

.service-area-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.area-card{
    display:flex;
    align-items:center;
    background:#fff;
    padding:16px 18px;
    border-radius:12px;
    border-left:4px solid #5fcf63;
    box-shadow:0 8px 20px rgba(0,0,0,.06);
    transition:.3s ease;
}

.area-card:hover{
    transform:translateY(-5px);
    box-shadow:0 12px 28px rgba(0,0,0,.10);
}

.area-icon{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#5fcf63;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    margin-right:12px;
    flex-shrink:0;
}

.area-card h3{
    margin:0;
    font-size:16px;
    color:#222;
    font-weight:600;
}

.service-area-highlight{
    margin-top:40px;
    background:#ffffff;
    border-left:5px solid #5fcf63;
    padding:25px;
    border-radius:14px;
    text-align:center;
    box-shadow:0 8px 20px rgba(0,0,0,.06);
}

.service-area-highlight p{
    margin:0;
    font-size:18px;
    color:#333;
    font-weight:600;
    line-height:1.8;
}

@media(max-width:992px){

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

.service-area-title h2{
    font-size:30px;
}

}

@media(max-width:768px){

.service-area-section{
    padding:50px 15px;
}

.service-area-grid{
    grid-template-columns:1fr;
}

.service-area-title h2{
    font-size:26px;
}

.service-area-title p{
    font-size:16px;
}

.service-area-highlight p{
    font-size:16px;
}

}

/* =========================
Frequently Asked Questions
========================= */


.faq-section{
    padding:70px 20px;
    background:#ffffff;
    font-family:Arial,Helvetica,sans-serif;
}

.faq-container{
    max-width:1100px;
    margin:auto;
}

.faq-title{
    text-align:center;
    margin-bottom:45px;
}

.faq-title h2{
    font-size:36px;
    font-weight:700;
    color:#222;
    margin-bottom:15px;
}

.faq-title p{
    max-width:850px;
    margin:auto;
    color:#666;
    font-size:17px;
    line-height:1.8;
}

.faq-list{
    display:grid;
    gap:18px;
}

.faq-item{
    background:#f8f9fc;
    border-radius:12px;
    border-left:5px solid #5fcf63;
    overflow:hidden;
    box-shadow:0 8px 20px rgba(0,0,0,.05);
}

.faq-item summary{
    list-style:none;
    cursor:pointer;
    padding:20px 25px;
    font-size:20px;
    font-weight:600;
    color:#222;
    position:relative;
    transition:.3s;
}

.faq-item summary::-webkit-details-marker{
    display:none;
}

.faq-item summary::after{
    content:"+";
    position:absolute;
    right:25px;
    top:18px;
    font-size:28px;
    color:#5fcf63;
    transition:.3s;
}

.faq-item[open] summary::after{
    content:"−";
}

.faq-content{
    padding:0 25px 22px;
}

.faq-content p{
    font-size:16px;
    color:#555;
    line-height:1.9;
    margin:0;
    text-align:justify;
}

@media(max-width:768px){

.faq-section{
    padding:50px 15px;
}

.faq-title h2{
    font-size:28px;
}

.faq-title p{
    font-size:16px;
}

.faq-item summary{
    font-size:17px;
    padding:18px 20px;
}

.faq-content{
    padding:0 20px 20px;
}

}

/* =========================
Conclusion Section
========================= */


.conclusion-section{
    padding:70px 20px;
    background: linear-gradient(135deg, #5fcf63, #296f2c);
    font-family:Arial,Helvetica,sans-serif;
    color:#fff;
}

.conclusion-container{
    max-width:1100px;
    margin:auto;
    text-align:center;
}

.conclusion-container h2{
    font-size:38px;
    font-weight:700;
    margin-bottom:25px;
    line-height:1.3;
}

.conclusion-container p{
    font-size:17px;
    line-height:1.9;
    max-width:950px;
    margin:0 auto 22px;
    color:rgba(255,255,255,.95);
}

.conclusion-features{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:18px;
    margin:45px 0;
}

.feature-box{
    background:rgba(255,255,255,.12);
    backdrop-filter:blur(5px);
    border:1px solid rgba(255,255,255,.18);
    border-radius:14px;
    padding:20px 15px;
    transition:.3s;
}

.feature-box:hover{
    transform:translateY(-6px);
    background:rgba(255,255,255,.18);
}

.feature-box span{
    font-size:34px;
    display:block;
    margin-bottom:12px;
}

.feature-box h3{
    font-size:16px;
    font-weight:600;
    margin:0;
    line-height:1.5;
}

.conclusion-cta{
    margin-top:20px;
}

.conclusion-cta p{
    font-size:19px;
    font-weight:600;
    margin-bottom:25px;
}

.conclusion-btn{
    display:inline-block;
    background:#fff;
    color:#5fcf63;
    padding:15px 34px;
    border-radius:50px;
    text-decoration:none;
    font-size:17px;
    font-weight:700;
    transition:.3s;
}

.conclusion-btn:hover{
    background:#f4f4f4;
    transform:translateY(-3px);
}

@media(max-width:992px){

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

.conclusion-container h2{
    font-size:32px;
}

}

@media(max-width:768px){

.conclusion-section{
    padding:50px 15px;
}

.conclusion-features{
    grid-template-columns:1fr;
}

.conclusion-container h2{
    font-size:27px;
}

.conclusion-container p{
    font-size:16px;
}

.conclusion-cta p{
    font-size:17px;
}

.conclusion-btn{
    width:100%;
    max-width:300px;
}

}