.industries-section{ padding:15px 20px; background:#fafafa; } .industries-section .container{ max-width:1320px; margin:auto; } .section-header{ text-align:center; max-width:760px; margin:auto auto 70px; } .section-header span{ color:#ff8c00; font-size:15px; font-weight:700; letter-spacing:2px; } .section-header h2{ font-size:48px; color:#111; font-weight:800; margin:20px 0; line-height:1.2; } .section-header p{ color:#666; font-size:17px; line-height:1.8; } .industry-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; } .industry-card1{ background:#fff; border-radius:28px; padding:40px; border:1px solid #ececec; transition:.35s; } .industry-card1:hover{ transform:translateY(-12px); box-shadow:0 25px 60px rgba(0,0,0,.08); } .industry-icon{ width:80px; height:80px; border-radius:22px; background:#f5f9ff; display:flex; justify-content:center; align-items:center; margin-bottom:30px; transition:.35s; } .industry-card1:hover .industry-icon{ background:#ff8c00; } .industry-icon i{ font-size:34px; color:#0b66ff; transition:.35s; } .industry-card1:hover i{ color:#fff; } .industry-card1 h3{ font-size:26px; color:#111; margin-bottom:15px; } .industry-card1 p{ color:#666; line-height:1.8; margin-bottom:25px; } .industry-card1 a{ text-decoration:none; color:#0b66ff; font-weight:700; } .industry-card1:hover a{ color:#ff8c00; } @media(max-width:992px){ .industry-grid{ grid-template-columns:repeat(2,1fr); } .section-header h2{ font-size:38px; } } @media(max-width:768px){ .industry-grid{ grid-template-columns:1fr; } .section-header h2{ font-size:30px; } .industry-card1{ padding:30px; } }