/* ================= SOLAR INNER HERO ================= */

.solar-inner-hero{
height:55vh;
background:url("https://plus.unsplash.com/premium_photo-1682148026899-d21f17c04e80?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8c29sYXIlMjBwYW5lbHxlbnwwfHwwfHx8MA%3D%3D");
background-size:cover;
background-position:center;
position:relative;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
color:#fff;
}

.solar-overlay{
position:absolute;
width:100%;
height:100%;
background:linear-gradient(rgba(0,0,0,0.6), rgba(11,61,145,0.85));
top:0;
left:0;
}

.solar-content{
position:relative;
z-index:2;
max-width:700px;
padding:0 20px;
}

.solar-content h1{
font-size:40px;
margin:10px 0;
}

.solar-content p{
color:#ddd;
}

/* BREADCRUMB */

.solar-breadcrumb{
font-size:14px;
margin-bottom:10px;
}

.solar-breadcrumb a{
color:#ffb347;
text-decoration:none;
}

.solar-breadcrumb span{
margin:0 6px;
color:#ccc;
}

.solar-active{
color:#fff;
font-weight:500;
}

/* CONTENT */

.solar-main{
padding:80px 10%;
background:#f4f6fb;
}

.solar-container{
display:flex;
gap:40px;
flex-wrap:wrap;
align-items:center;
}

.solar-text{
flex:1;
}

.solar-text h2{
color:#0B3D91;
margin-bottom:15px;
}

.solar-text ul{
margin-top:15px;
}

.solar-text li{
margin-bottom:10px;
}

.solar-image{
flex:1;
}

.solar-image img{
width:100%;
border-radius:12px;
}

/* FEATURES */

.solar-features{
display:flex;
gap:20px;
padding:60px 10%;
flex-wrap:wrap;
justify-content:center;
background:#fff;
}

.solar-box{
flex:1;
min-width:250px;
text-align:center;
padding:30px;
border-radius:10px;
background:#f9f9f9;
transition:0.3s;
}

.solar-box i{
font-size:30px;
color:#ff7a18;
margin-bottom:10px;
}

.solar-box:hover{
transform:translateY(-8px);
box-shadow:0 10px 25px rgba(0,0,0,0.1);
}

/* MOBILE */

@media(max-width:768px){

.solar-inner-hero{
height:45vh;
}

.solar-content h1{
font-size:26px;
}

.solar-container{
flex-direction:column;
text-align:center;
}

}