/* =========================================
EXPLORE BUSINESSES PAGE
========================================= */


/* HERO SECTION */

.business-hero{
height:320px;
background:url("../assets/img/about/2.jpg") center/cover no-repeat;
display:flex;
align-items:center;
justify-content:center;
position:relative;
}

.hero-overlay{
width:100%;
height:100%;
background:rgba(0,0,0,0.45);
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
color:#fff;
}

.hero-overlay h1{
font-size:46px;
margin-bottom:10px;
}

.hero-overlay p{
font-size:18px;
opacity:.9;
}



/* BUSINESS SECTIONS */

.business-section{
padding:80px 0;
}

.business-section.light{
background:#f5f6f7;
}

.business-section h2{
text-align:center;
font-size:34px;
margin-bottom:50px;
color:var(--primary-gray);
}



/* BUSINESS GRID */

.business-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:40px;
align-items:center;
justify-items:center;
}



/* LOGO CARD */

.business-grid img{

max-width:160px;
height:auto;

transition:all .35s ease;

/* Scroll animation */
transform:translateY(40px);
opacity:0;

}



/* SCROLL ANIMATION ACTIVE */

.business-grid img.show{

transform:translateY(0);
opacity:1;

}



/* HOVER EFFECT */

.business-grid img:hover{

transform:scale(1.08);

}



/* RESPONSIVE */

@media(max-width:900px){

.business-grid{
grid-template-columns:repeat(3,1fr);
}

}

@media(max-width:640px){

.business-grid{
grid-template-columns:repeat(2,1fr);
gap:30px;
}

.hero-overlay h1{
font-size:36px;
}

}

@media(max-width:420px){

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

}