/* SECTION */

.industries-section{
padding:25vh 0;
background:#000;
font-family:Arial,sans-serif;
}

.industries-container{
display:grid;
grid-template-columns:2fr 1fr;
max-width:2000px;
margin:auto;
padding:0 16rem;
}

/* LEFT INFO */

.industries-info{
position:sticky;
top:25vh;
height:300px;
display:flex;
flex-direction:column;
justify-content:center;
}

.industries-info h1{
font-size:2.8rem;
color:#fff;
margin:0;
}

.industries-info p{
margin:1rem 0;
color:#ccc;
}

.learn-more-btn{
border:1px solid #fff;
padding:10px 20px;
text-decoration:none;
color:#fff;
}

.learn-more-btn:hover{
background:#fff;
color:#000;
}

/* CARD CONTAINER */

.industries-list{
display:flex;
flex-direction:column;
}

/* CARDS */

.industry-card{
padding:1.5rem;
min-width:700px;
margin-left:100px;
min-height:280px;
margin-bottom:10vh;
opacity:.5;
transition:.4s;
display:flex;
justify-content:space-between;
align-items:center;
color:#fff;
border-radius:12px;
}

/* CARD ACTIVE */

.industry-card.is-active{
opacity:1;
transform:scale(1.03);
border:3px solid #fff;
}

/* ICON */

.industry-card h2{
display:flex;
align-items:center;
gap:8px;
font-size:1.6rem;
}

.industry-card h2 img{
width:30px;
height:30px;
}

/* LIST */

.industry-card ul{
margin-top:1rem;
}

.industry-card ul li{
margin-bottom:.7rem;
color:#f1f1f1;
}

/* CARD IMAGE */

.industry-card img{
width:45%;
max-width:300px;
}

/* GRADIENTS */

#corporates{background:linear-gradient(135deg,#667eea,#764ba2);}
#ecommerce{background:linear-gradient(135deg,#ff7e5f,#feb47b);}
#real-estate{background:linear-gradient(135deg,#11998e,#38ef7d);}
#education{background:linear-gradient(135deg,#fc466b,#3f5efb);}
#finance{background:linear-gradient(135deg,#f7971e,#ffd200);}
#healthcare{background:linear-gradient(135deg,#56ab2f,#a8e063);}
#entertainment{background:linear-gradient(135deg,#ff416c,#ff4b2b);}
#travel{background:linear-gradient(135deg,#2193b0,#6dd5ed);}

/* MOBILE */

@media(max-width:768px){

.industries-container{
grid-template-columns:1fr;
padding:0 1.5rem;
}

.industries-info{
position:relative;
top:auto;
margin-bottom:2rem;
}

.industries-list{
flex-direction:row;
overflow-x:auto;
gap:1rem;
scroll-snap-type:x mandatory;
scroll-padding-left:1rem;
-webkit-overflow-scrolling:touch;
padding-bottom:1rem;
}

.industry-card{
flex:0 0 85%;
min-width:85%;
margin:0;
padding:1.2rem;
flex-direction:column;
align-items:flex-start;
scroll-snap-align:center;
opacity:1;
aspect-ratio:3/4;
justify-content:space-between;
}

.industry-card img{
width:100%;
max-width:180px;
margin-top:auto;
align-self:center;
}

}

.industries-list::-webkit-scrollbar{
display:none;
}