/*====================================
REQUEST HERO
====================================*/

.request-hero{

position:relative;

padding:170px 0;

background:
linear-gradient(
rgba(0,59,122,.30),
rgba(0,59,122,.30)
),
url("/uploads/request-assistance.jpeg");

background-size:cover;

background-position:center;

}

.assistance-card{

background:#fff;
border-radius:18px;
padding:35px 25px;
height:100%;
text-align:center;
box-shadow:0 8px 25px rgba(0,0,0,.08);
transition:.3s;
display:flex;
flex-direction:column;
justify-content:flex-start;

}

.assistance-card:hover{

transform:translateY(-8px);
box-shadow:0 15px 35px rgba(0,0,0,.15);

}

.assistance-card .feature-icon{

width:90px;
height:90px;
margin:0 auto 25px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:34px;

}

.assistance-card h4{

margin-bottom:18px;
font-weight:700;
min-height:58px;

}

.assistance-card p{

flex:1;
margin-bottom:25px;
line-height:1.8;
color:#666;

}

.assistance-card .btn{

align-self:center;
padding:10px 28px;
border-radius:30px;

}



/*=========================================
ASSISTANCE HUBS
=========================================*/

.assistance-hubs{

background:#f8fbff;

}

.hub-card{

background:#fff;

border-radius:25px;

padding:45px;

box-shadow:0 15px 45px rgba(0,0,0,.06);

margin-bottom:35px;

}

.hub-card img{

width:100%;

height:320px;

object-fit:cover;

}

.hub-card h2{

font-size:34px;

font-weight:800;

margin-bottom:15px;

color:#05264d;

}

.hub-card p{

font-size:17px;

line-height:1.8;

margin-bottom:30px;

color:#6c757d;

}

.hub-list{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:15px;

}

.hub-item{

background:#f8fbff;

border:2px solid #e9ecef;

padding:18px;

border-radius:14px;

font-weight:700;

text-align:left;

transition:.3s;

cursor:pointer;

}

.hub-item i{

width:35px;

color:#0d6efd;

}

.hub-item:hover{

background:#0d6efd;

color:#fff;

border-color:#0d6efd;

transform:translateY(-4px);

}

.hub-item:hover i{

color:#fff;

}

@media(max-width:768px){

.hub-list{

grid-template-columns:1fr;

}

.hub-card{

padding:25px;

}

.hub-card h2{

font-size:28px;

}

}