:root{

--gold:#D4AF37;

--black:#0B0B0B;

--dark:#111;

--gray:#888;

}


body{

background:var(--black);

color:#fff;

}



/* HERO */


.solar-hero img{

height:650px;

object-fit:cover;

}



.solar-overlay{

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

background:rgba(0,0,0,.55);

display:flex;

align-items:center;

}



.solar-overlay h1{

font-size:55px;

font-weight:700;

}



/* CARD */


.solar-card,
.package-card{

background:#1A1A1A;

border:1px solid #333;

border-radius:20px;

padding:30px;

height:100%;

transition:.3s;

}



.solar-card:hover,
.package-card:hover{

transform:translateY(-10px);

border-color:var(--gold);

}



.solar-card img{

width:100%;

height:220px;

object-fit:cover;

border-radius:15px;

}



.price{

color:var(--gold);

font-size:24px;

font-weight:bold;

}



/* PACKAGE */


.package-card.active{

border:2px solid var(--gold);

}



.package-card li{

margin:15px 0;

color:#aaa;

}



.btn-gold{

background:var(--gold);

color:#111;

padding:12px 30px;

border-radius:30px;

font-weight:bold;

}



/* FAQ */


.accordion-item{

background:#1A1A1A;

color:#fff;

border:1px solid #333;

}


.accordion-button{

background:#1A1A1A;

color:#fff;

}


.accordion-button:not(.collapsed){

color:var(--gold);

background:#1A1A1A;

}