.onlineisp-business-networks {
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 35px 15px;
font-family: Arial, sans-serif;
text-align: center;
box-sizing: border-box;
}
.onlineisp-business-networks h2 {
color: #082b59;
font-size: 30px;
margin: 0 0 12px;
}
.onlineisp-business-networks p {
color: #596778;
font-size: 16px;
margin: 0 0 30px;
}
.onlineisp-business-grid {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 12px;
width: 100%;
margin: 0 auto;
}
.onlineisp-business-card {
background: #ffffff;
border: 1px solid #e2eaf2;
border-radius: 12px;
min-width: 0;
min-height: 105px;
padding: 12px 8px;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
box-shadow: 0 3px 12px rgba(0,30,80,0.04);
transition: all 0.25s ease;
}
.onlineisp-business-card:hover {
border-color: #00aeef;
box-shadow: 0 8px 22px rgba(0,130,220,0.13);
transform: translateY(-3px);
}
.onlineisp-business-card img {
max-width: 100%;
max-height: 65px;
width: auto;
height: auto;
object-fit: contain;
}
.onlineisp-business-card span {
color: #12375c;
font-size: 14px;
font-weight: 700;
text-align: center;
overflow-wrap: break-word;
}
/* Tablet: 4 cards, then 3 centred */
@media (max-width: 1024px) {
.onlineisp-business-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 12px;
}
.onlineisp-business-card {
flex: 0 1 calc(25% - 12px);
}
}
/* Mobile: 2 cards per row, last centred */
@media (max-width: 600px) {
.onlineisp-business-networks {
padding: 25px 10px;
}
.onlineisp-business-networks h2 {
font-size: 24px;
}
.onlineisp-business-grid {
gap: 10px;
}
.onlineisp-business-card {
flex: 0 1 calc(50% - 5px);
min-height: 90px;
padding: 10px;
}
.onlineisp-business-card span {
font-size: 13px;
}
}
Explore Our Business Fibre Networks
Discover business fibre connectivity options available at your location.
DFA
Openserve
Vumatel
MetroFibre
Liquid Telecoms
Innovative Networks
OpenFibre