/*
Все примеры на странице - https://orendiauto.ru/test.html
1. Обычный комментарий - .coment
2. Блок с перечислением 1,2,3,4... / Блок с преимуществами в 2 колонки - .fspis
3. Комментарий EAT - .comment_eat
4. Обычный список - .stand-ul
5. Нумерованный список - .stand-ol

*/

/* coment */
.coment {background: url(/images/icons/kistlejit.webp) 22px 100% no-repeat, var(--clrfon1);padding: 30px 54px 30px 174px;border-radius: var(--brdr);color: var(--clrtx);background-size: 120px;position: relative;}
.coment:after {content:'';position: absolute;right: -2px;background: var(--clrakc);border-radius: 2px;width: 4px;height: calc(100% - 55px);transform: translateY(-50%);top: 50%;}
.coment span {font-weight: 500;}
@media screen and (max-width: 768px) {.coment {padding: 26px 24px 110px;background-position-x: 44%;}}
/* coment end */

/*fspis*/
.fspis {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 20px;}
.fspis__item h3 {margin: 0 0 25px;}
.fspis__item {counter-increment: cntr;background: var(--clrfon1);padding: 30px 44px;border-radius: var(--brdr);color: var(--clrtx);position: relative;border: 1px solid #d2ddf8;}
.fspis__item:before {content: counter(cntr);position: absolute;top: 0;font-size: 148px;color: #cb9cf361;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: var(--clrakc);display: flex;padding: 5px;border-radius: 200px var(--brdr) var(--brdr) 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 {color: #fff;}
.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 */
.stand-ul {margin: 24px 0;padding: 0 0 0 30px;font-size: var(--fstx);line-height: var(--lnht);color: var(--clrtx);}
.stand-ul li {list-style-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='7' height='7' rx='5' fill='%23B96CFC'/%3e%3c/svg%3e");padding: 0 0 0 5px;list-style-position: outside;}
.stand-ul li:not(:last-child) {margin: 0 0 0.6em 0;}
.stand-ol {margin: 24px 0;padding: 0 0 0 30px;font-size: var(--fstx);line-height: var(--lnht);color: var(--clrtx);}
.stand-ol li {list-style: decimal;padding: 0 0 0 5px;}
.stand-ol li::marker {font-weight: 600;color: var(--clrakc);font-variant-numeric: lining-nums;}
.stand-ol li:not(:last-child) {margin: 0 0 0.6em 0;}
/* stand-ul / stand-ol end*/


/* right-img */
.right-img {float: right;margin: 7px 0 20px 20px;border-radius: 20px;opacity: 85%;}
@media screen and (max-width: 490px) {
.right-img {margin: 0 0 10px 10px;width: 100%;}
  }
/*right-img end*/

/* left-img */
.left-img {float: left;margin: 0 15px 15px 0px;border-radius: 20px;opacity: 85%;}
@media screen and (max-width: 490px) {
.left-img {margin: 0 10px 10px 0px;width: 200px;}
  }
/*left-img end*/

/*services*/
.services {}
.services__list {display: flex; flex-wrap: wrap; gap: 20px; justify-content: center;}
.services__item {display: block; text-decoration: none; color: #361F5C; width: 200px; padding: 20px; border-radius: 15px; text-align: center; background-color: #F6EFFB; transition: transform 0.3s;}
.services__item:hover {transform: translateY(-5px);}
.services__title {margin-bottom: 10px; font-size: 18px;}
.services__desc {font-size: 14px; line-height: 1.5;}
/*services end*/


/*team*/
.team{background:#fff;color:#1f2937;padding:48px 16px;}
.team__container{max-width:1100px;}
.team__title{margin:0 0 6px;}
.team__lead{margin:0 0 22px;color:#6b7280;}
.team__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.team__card{display:flex;gap:18px;padding:18px;border: 1px solid #b96cfc;border-radius: 20px;box-shadow:0 6px 18px rgba(31,41,55,0.06);align-items:flex-start;}
.team__photo{flex:0 0 110px;border-radius: 50px;overflow:hidden;border:4px solid rgba(0,0,0,0.04);}
.team__photo img{display:block;}
.team__info{flex:1;}
.team__name{margin:0 0 4px;font-size:18px;color:#1f2937;}
.team__role{margin:0 0 6px;color: #b96cfc;font-weight:600;}
.team__experience{margin:0 0 8px;color:#6b7280;font-size:14px;}
.team__desc{margin:0;color:#6b7280;font-size:14px;line-height:1.45;}
@media(max-width:720px){.team__grid{grid-template-columns:1fr;}.team__card{align-items:center;text-align:center;flex-direction:column;padding:20px;}.team__photo{margin-bottom:12px;}.team__info{width:100%;}}
/*team end*/

/*mkeys*/
.mkeys {display:grid;grid-template-columns:1fr 1fr;gap: 30px;}
.mkeys__item {background: #f0f2f3;padding: 20px 34px;border: 1px solid var(--clrakc);border-radius: var(--brdr);margin: 0px;}
.mkeys__zag {margin-top: 0px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.mkeys__gal__glr-spisok {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap:30px;margin-bottom: 30px;}
.mkeys__gal__glr-elem {max-width:100%; object-fit:cover;}
.mkeys__gal__glr-elem:nth-child(n+5) {display: none;}
.mkeys__gal__glr-elem:first-child {grid-column: 1/-1;}
.mkeys__gal__glr-img {width:100%;}
.mkeys__gal__glr-elem:first-child .mkeys__gal__glr-img {aspect-ratio: 5/3;object-fit: cover;}
.mkeys__text {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow: ellipsis;margin: 0 0 20px;}
.mkeys__button {display: flex;}
@media screen and (max-width: 768px) {
.mkeys {grid-template-columns: 1fr;}
.mkeys__gal__glr-spisok {grid-gap:10px;}
}
/*mkeys end*/