.service-f-grid {
    grid-template-columns: calc(50% - 8vh) 50%;gap: 8vh;margin: 4vh 0;
}
.service-illustration {
    position:relative;display:block;
    padding: 6vh;border-radius: 2vh;background-color: var(--c-white);
}
.service-illustration-in {display:block;width:100%;}

.more-details {padding-top: 0;padding-bottom: 4vh;}
.details-grid {
    grid-template-columns: repeat(2, 1fr);gap: 8vh;
}
.details-grid .in-grid {
    border-radius: 2vh;background-color: var(--c-white);
    padding: 6vh;
}

.t-move {margin-bottom: 3vh;}
.t-up {margin-top: 3vh;}
details {
    padding: 2vh;border-radius: 1vh;background-color: var(--c-dark-gray);
    margin-bottom: 2vh;
}
summary {cursor: pointer;list-style: none;}
summary::-webkit-details-marker {display: none;}
summary::marker {display: none;content: "";}
summary::before {
    content: "+";
    display: inline-block;
    margin-right: 1vh;
    font-weight: bold;
    font-size: 1.2em;
    transition: transform 0.2s;
}
details[open] summary::before {
    content: "-";
}
details div {margin-top: 2vh;}

.contact {margin-top:0 !important;padding-top:0vh;padding-bottom:15vh;background-image: none;}
.faq {padding-top: 0 !important;}
.fl-1, .con-effect, .fl-2::after {background-color: var(--c-blue);}

.tri-grid {grid-template-columns: repeat(3, 1fr);gap: 8vh;}
.con-ico {height:4vh;margin-right:1.5vh;margin-top: -0.75vh;}

@media (max-width: 980px) {
    .service-f-grid, .details-grid, .tri-grid {grid-template-columns: 100%;gap: 6vh;}

    /* Remove contact decorations on mobile for service pages only */
    .contact::before {
        display: none !important;
    }
    .contact::after {
        display: none !important;
    }
}