/*
Где можно увидеть все блоки - https://avtoservis-lider.ru/test.html
1. Комментарий обычный - .coment
2. Блок с перечислением 1, 2, 3, 4... / блок с преимуществами - .fspis
3. Комментарий EAT - .comment_eat
4. Обычный список - .stand-ul
5. Нумерованный список - .stand-ol
6. Показания противопоказания - .border-ul
*/

/* coment */
.coment {padding: 30px; display: flex; align-items: center; border-radius: 10px; border: 1px solid #DDD; background: #FFF;}
.coment-ng {gap: 20px;}
.coment8_img {width: 90px; image-rendering: optimizequality; display: block; margin: 0 25px 0 0;}
.coment-ng_img {width: 170px;}
.coment__content a {cursor:pointer;}
.coment svg {margin: 0 33px 0 0; flex-shrink: 0;}
.coment span, .coment a {font-weight: 600;}

@media screen and (max-width: 481px) {
.coment8 {}
.coment8_img {margin: 0 0 20px; width: 150px;}
.coment {padding: 26px 24px; flex-direction: column;}
.coment svg {margin: 0 0 24px;}
}
/* coment end */

/*fspis*/
.fspis {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 20px;margin: 0 0 30px;}
.fspis__item h3 {margin: 0 0 25px;}
.fspis__item {counter-increment: cntr;background: #ffffff;padding: 30px 44px;border-radius: 4px;position: relative;}
.fspis__item:before {content: counter(cntr);position: absolute;top: 0;font-size: 148px;color: #fc5d5d;font-weight: 700;right: 5%;}
@media screen and (max-width: 675px) {
.fspis {grid-template-columns: 1fr;grid-gap: 15px;}
.fspis__item h3 {}
  }
/*fspis end*/


/* comment_eat */
.comment_eat {background: #F5F1F0;display: flex;padding: 5px;border-radius: 200px 4px 4px 200px;align-items: center;justify-content: space-between;margin:0 0 30px;}
.img_eat {display: inline-block;border: 5px solid #fff;border-radius: 100px;width: 145px;height: 145px;}
.comment_eat p {}
.avtor_eat {color: var(--clrakc2);font-size: 15px;}
.text_eat {padding: 20px;flex: auto;}
.text_eat a {color:#fff;}
@media screen and (max-width:500px) {
.comment_eat {flex-direction: column; border-radius: 20px;}
.img_eat {margin: 10px;}
}
/* comment_eat end */

/* stand-ul / stand-ol */

ul li, ol li {list-style: none;}
.stand-ul {margin: 0 0 40px 0;font-size: 18px;}
.stand-ul li {position: relative;padding: 0 0 0 25px;}
.stand-ul li:not(:last-child) {margin: 0 0 15px 0;}
.stand-ul li:before {content:'';width: 6px;height: 6px;top: 8px;left: 1px;position: absolute;background: #FC5D5D;border-radius: 1px;}
@media (min-width: 482px) and (max-width: 768px) {.stand-ul {font-size: 17px;}}
@media (min-width: 426px) and (max-width: 481px) {.stand-ul {font-size: calc(3vw + 3px);}}
@media screen and (max-width: 425px) {.stand-ul {font-size: 4vw;}}
.stand-ol {margin: 0 0 40px 0;font-size: 18px;}
.stand-ol li {position: relative;padding: 0 0 0 27px;counter-increment: cntr;}
.stand-ol li:not(:last-child) {margin: 0 0 15px 0;}
.stand-ol li:before {content: counter(cntr)'.';left: 0px;position: absolute;font-size: 18px;font-weight: 600;color: #FC5D5D;}
@media (min-width: 482px) and (max-width: 768px) {.stand-ol, .stand-ol li:before {font-size: 17px;}}
@media (min-width: 426px) and (max-width: 481px) {.stand-ol, .stand-ol li:before {font-size: calc(3vw + 3px);}}
@media screen and (max-width: 425px) {.stand-ol, .stand-ol li:before{font-size: 4vw;}}

.spis-pls {margin: 0 0 40px 0;font-size: var(--fstx);font-weight: 300;background: #F5F1F0;padding: 39px 54px;border-radius: 2px;color: #0e0e0e;overflow: hidden;position: relative;z-index: 1;column-count: 2;}
.spis-pls:before {content: '';background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuNzA4IDEyLjU2M2MuMTItLjc4Mi0yLjQxLTQuOTAzLTQuNjA3LTMuMTgzLS4yOC4yNDItMS4yNjUuODUtMS4xNjEtLjYwNy0uMTI1LS40OTEtLjM5NS0uMjktLjM5NS0uMjlzLS4yNTktLjM5Ny4xMjQtLjYyNWMtLjUyMi0uMDI1LS4zNzQtLjU3NS0uMzc0LS41NzVzLjQ0Ni4wODcuMzg0LS4yOTdjLS4wMTQtLjA4Ni0uMDgtLjMyNy0uMy0uMzUyLS4yNS0uMDI5LS40MS0uMjItLjM3My0uNDc0LjUxNi0uMDIuOTcyLS40ODcgMS4xNzYtMS4wNC0uMzIzLjE0Ny0uNTg4LS41NTItLjU4OC0uNTUybC4wNDkuMDQzLS4wMy0uMTYyLjA4My4xOTMtLjAyMy0uMTEzcy4yMzcuNDI4LjU5Ny4yNjdjLjAwNi0uMDMzLjAxMS0uMDY3LjAxNS0uMS4wMjMtLjItLjAxLS42ODYuMDEtMS4yMmEyLjMyNSAyLjMyNSAwIDAgMS0uMDM5LS4yNTNDMS4zNjEtLjA4IDQuNDc4LS40MyA1LjgzMy4zNWMuODYyLjQ4MiAxLjQ0OSAxLjc0NCAxLjYxMSAyLjE3IDEuNDE3LjE4NiAyLjcyIDQuMTYyLS41NTMgNC42ODIuMzIyIDIuNDQ4IDEuODM0IDMuNDggMi45MjYgMy40MjVDMTAuOTQ0IDEwLjU3IDEyLjk4IDE0LjIyMyAxMy40IDE1SDUuNTg3Yy4yNTktLjQ0MiAxLjAyMy0xLjc4NyAxLjEyMi0yLjQzNWwtLjAwMS0uMDAyeiIgZmlsbD0iIzI4MjIyMSIvPjwvc3ZnPg==) center center no-repeat;position: absolute;width: 220px;background-size: 100%;aspect-ratio: 14 / 15;bottom: -20px;z-index: -1;right: -90px;opacity: 0.06;}
.spis-pls li {position: relative;padding: 0 0 0 25px;}
.spis-pls li:not(:last-child) {margin: 0 0 15px 0;}
.spis-pls li:before {content:'+';top: 0px;left: 1px;position: absolute;}
@media screen and (max-width: 768px) {.spis-pls {column-count: 1;padding: 30px 27px;} }

/* stand-ul / stand-ol end*/


/*speciolisty*/
.spec {display: grid;grid-template-columns: 1fr 1fr;gap: 20px 20px;}
.spec__item {display: grid;grid-template-columns: 250px auto;gap: 20px;border: 1px solid #d2d2d2;background: #F5F1F0;padding: 15px;border-radius: 2px;}
.spec_buttn {height: 37px;gap: 6px;font-size: 15px;margin: auto auto 0 0;padding: 0 15px;}
.spec_buttn:hover svg {fill: #fff;}
.spec__item img {border-radius: 3px;}
.spec__item-info {display: flex;flex-direction: column;}
.spec__item-info__name {font-weight: 500;font-size: 19px;margin: -3px 0 20px;line-height: 130%;}
.spec__item-info__opis {display: grid;margin: 0 0 12px;}
.spec__item-info__opis-title {font-size: 14px;color: #736964;font-weight: 300;font-style: italic;}
.spec__item-info__opis-desc {text-transform: lowercase;}
@media screen and (max-width: 992px) {
.spec__item {grid-template-columns: 1fr;}
.spec__item img {width:100%;}  
  }
@media screen and (max-width: 460px) {
.spec {display: grid;grid-template-columns: 1fr;}
  }
/*speciolisty end*/


/*border-ul*/
.border-ul {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 20px;margin: 0 0 30px;}
.border-ul li {background: #ffffff;padding: 10px;text-align: center;border-radius: 2px;border: 1px solid #d2d2d2;display: flex;justify-content: center;align-items: center;}
@media screen and (max-width: 739px) {
.border-ul {grid-template-columns: 1fr 1fr;}
  }
@media screen and (max-width: 460px) {
.border-ul {grid-template-columns: 1fr;}
  }
/*border-ul end*/