.utp-block{display:grid;grid-template-columns:32% 32% 32%;justify-content:space-between;grid-row-gap:6%;margin-bottom:6%;.utp{margin-bottom:0;.utp-image{width:100%;height:auto;transition:.5s;border-radius:8px;box-shadow:0 0 6px -2px #333;filter:grayscale(1);&:hover{filter:grayscale(0)}}.utp-title{font-size:24px;font-weight:700;margin-bottom:10px;margin-top:-54px;position:relative;color:var(--color);background-color:rgba(0,0,0,.6);padding:6px 0;text-shadow:1px 1px #000;text-align:center;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.utp-text{font-size:14px}}}.quality-block{display:grid;grid-template-columns:22% 22% 22% 22%;justify-content:space-between;.quality{text-align:center;b{font-size:40px;display:block;border-bottom:6px solid var(--color);padding-bottom:8px;margin-bottom:16px}}}@media screen and (max-width:1200px){.utp-block .utp .utp-title{font-size:22px;margin-top:-52px}}@media screen and (max-width:960px){.utp-block{grid-template-columns:49% 49%;grid-row-gap:30px}.quality-block{grid-template-columns:23% 25% 23% 23%}}@media screen and (max-width:730px){.utp-block{grid-template-columns:100%;.utp .utp-text{font-size:16px}}.quality-block{grid-template-columns:48% 48%}}