.diga-services-91ca531c {
background-color: #07110B;
padding: 80px 20px;
font-family: 'Roboto', sans-serif;
}
.diga-intro-91ca531c {
display: flex;
flex-wrap: wrap;
gap: 40px;
max-width: 1200px;
margin: 0 auto 60px;
}
.diga-intro-left-91ca531c {
flex: 1;
min-width: 300px;
}
.diga-intro-right-91ca531c {
flex: 1;
min-width: 300px;
color: #D7DED9;
font-size: 16px;
line-height: 1.6;
}
.diga-overline-91ca531c {
color: #037e36;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 15px;
font-weight: 600;
}
.diga-headline-91ca531c {
color: #ffffff;
font-size: 48px;
font-weight: 700;
margin-bottom: 20px;
line-height: 1.2;
}
.diga-headline-91ca531c span {
color: #037e36;
}
.diga-desc-91ca531c {
color: #D7DED9;
font-size: 16px;
line-height: 1.6;
margin-bottom: 30px;
}
.diga-btn-91ca531c {
display: inline-flex;
align-items: center;
padding: 12px 24px;
background: transparent;
color: #ffffff;
border: 1px solid rgba(255,255,255,0.2);
text-decoration: none;
font-size: 16px;
transition: all 0.3s ease;
}
.diga-btn-91ca531c:hover {
background-color: #037e36;
border-color: #037e36;
}
.diga-grid-91ca531c {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
max-width: 1200px;
margin: 0 auto;
}
@media (max-width: 1024px) {
.diga-grid-91ca531c {
grid-template-columns: repeat(2, 1fr);
}
.diga-headline-91ca531c {
font-size: 38px;
}
}
@media (max-width: 767px) {
.diga-grid-91ca531c {
grid-template-columns: 1fr;
}
.diga-headline-91ca531c {
font-size: 32px;
}
.diga-intro-91ca531c {
flex-direction: column;
}
}
.diga-card-91ca531c {
background-color: #111C16;
border: 1px solid rgba(255,255,255,0.10);
border-radius: 6px;
padding: 30px 20px;
transition: all 0.3s ease;
}
.diga-card-91ca531c:hover {
transform: translateY(-4px);
border-color: #037e36;
}
.diga-icon-wrap-91ca531c {
background-color: rgba(3,126,54,0.12);
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
margin-bottom: 20px;
transition: all 0.3s ease;
}
.diga-card-91ca531c:hover .diga-icon-wrap-91ca531c {
background-color: rgba(3,126,54,0.25);
}
.diga-icon-wrap-91ca531c i, .diga-icon-wrap-91ca531c svg {
color: #037e36;
fill: #037e36;
font-size: 20px;
width: 20px;
height: 20px;
}
.diga-card-title-91ca531c {
color: #ffffff;
font-size: 18px;
font-weight: 700;
margin-bottom: 10px;
}
.diga-card-text-91ca531c {
color: #C4CCC7;
font-size: 14px;
line-height: 1.5;
}