.home-contactbtn{display:inline-flex;background:var(--color);color:#fff;font-size:var(--fontsize20);border-radius:5px;padding:10px 25px;margin:20px 0 0 20px;cursor:pointer}
.home-contactbtn:hover{opacity:.85}
@media (max-width:1024px){.home-contactbtn{font-size:var(--fontsize16);margin:15px 0 0 15px;padding:6px 12px}}

.serpro{padding: 3% 0;}
.serpro .list{display: grid;gap: 20px;grid-template-columns: repeat(5,1fr);margin-top: 20px;}
.serpro .item{background: #f5f5f5;padding: 10px 30px;}
.serpro .item .itemlink{display: flex;flex-direction: column;justify-content: space-between;width: 100%;height: 100%;}
.serpro img{width: 100%;}
.serpro .img{margin-bottom: 20px;}
.serpro .title{font-weight: bold;margin-bottom: 20px;}
.serpro .info{font-size: 14px;margin-bottom: 40px;}
.serpro .btn{text-decoration: underline;color: var(--color);}
@media (max-width:1280px) {.serpro .list{grid-template-columns: repeat(4,1fr)}}
@media (max-width:1024px) {.serpro .list{grid-template-columns: repeat(3,1fr)}}
@media (max-width:768px) {.serpro .list{grid-template-columns: repeat(2,1fr)}}