:root {
    --bg: #f8f7fa;
    --menutxtcl: 111, 115, 145;
    --menutxtweight: 600;
    --intlinear: 90, 99, 129;
    --txtall: 79, 82, 107;
    --cl1: 0, 151, 178;
    --pckdf: var(--cl1);
    --whydf: var(--cl1);
    --lbds: 255, 255, 255;
    --lsdb: 56, 58, 70;
    --text: 85, 85, 85;
    --fixedtel: #d581ae;
}
body.dark {
    --bg: #26272d;
    --menutxtcl: 226, 226, 228;
    --intlinear: 45, 45, 58;
    --txtall: 226, 226, 228;
    --cl1: 63, 74, 94;
    --lbds: 56, 58, 70;
    --lsdb: 255, 255, 255;
    --pckdf: var(--cl1);
    --text: 226, 226, 228;
}

.serviceList{display:grid!important;grid-template-columns:repeat(8,1fr)!important;gap:10px}.serviceList .item .box{width:100%!important;border-radius:10px!important}.serviceList .item{margin:0!important}.serviceList .item .serviceName{text-align:center;margin:5px auto 0;text-transform:uppercase;font-weight:600;max-width:100%}.serviceList .item .box:hover i{color:#fff!important}@media (max-width:1200px){.serviceList{grid-template-columns:repeat(6,1fr)!important}}@media (max-width:900px){.serviceList{grid-template-columns:repeat(4,1fr)!important}}@media (max-width:768px){.serviceList{grid-template-columns:repeat(3,1fr)!important;padding:0 10px}.serviceList .item:first-child{padding-left:0}.serviceList .item:last-child{padding-right:0}}