Areas of Expertise Referenced in International Media
.expertise-container {
background-color: white;
padding: 2rem 1rem;
width: 100%;
box-sizing: border-box;
}
.expertise-wrapper {
max-width: 100%;
width: 100%;
box-sizing: border-box;
}
.expertise-grid {
border: 1px solid #d1d5db;
display: grid;
grid-template-columns: repeat(3, 1fr);
box-sizing: border-box;
width: 100%;
}
@media (max-width: 768px) {
.expertise-grid {
grid-template-columns: repeat(2, 1fr);
}
}
.grid-card {
padding: 1rem;
box-sizing: border-box;
border-bottom: 1px solid #d1d5db;
border-right: 1px solid #d1d5db;
}
.grid-card:nth-child(3n) {
border-right: none;
}
.grid-card:nth-last-child(-n+3) {
border-bottom: none;
}
@media (max-width: 768px) {
.grid-card {
border-right: 1px solid #d1d5db;
}
.grid-card:nth-child(3n) {
border-right: 1px solid #d1d5db;
}
.grid-card:nth-child(2n) {
border-right: none;
}
.grid-card:nth-last-child(-n+3) {
border-bottom: 1px solid #d1d5db;
}
.grid-card:nth-last-child(-n+2) {
border-bottom: none;
}
}
.grid-card-inner {
align-items: center;
background-color: rgba(11, 111, 114, 0.8);
border-radius: 4px;
cursor: pointer;
display: flex;
min-height: 140px;
justify-content: center;
padding: 1rem;
transition: all 0.3s ease;
box-sizing: border-box;
}
.grid-card-inner:hover {
transform: translateY(-8px);
}
.grid-card-inner h4 {
color: white;
font-size: 1.25rem;
font-weight: 300;
line-height: 1.3;
margin: 0;
text-align: center;
word-wrap: break-word;
overflow-wrap: break-word;
}