.product-first{display:grid;grid-template-columns:auto auto;column-gap:20px;row-gap:20px;max-width:780px;padding:40px 30px;grid-template-areas:"image about" "image buttons" "features usage" "props props"}.card-for-product-first{background:#FFF;border:1px solid #ACB3C1;border-radius:6px}.alternative{grid-template-areas:"about buttons" "image usage" "features features" "props props"}.alternative .product-first__image{align-self:center}.more-features{grid-template-areas:"image about" "image buttons" "usage usage" "features features" "props props"!important}@media only screen and (max-width:599px){.more-features .usage__list{flex-direction:column;gap:0px!important}}.more-features .usage__list{display:flex;gap:30px}@media only screen and (max-width:599px){.usage__container{border-bottom:1px solid #DADADA}}.usage__container{width:100%}@media only screen and (max-width:599px){.usage__list .usage__item:last-of-type{padding-bottom:15px}}.product-first__image{align-self:center;display:flex;align-items:center;justify-content:center;height:223px;grid-area:image}.product-first__about-block{grid-area:about}.product-first__link-buttons{grid-area:buttons}.product-first__usage{grid-area:usage}.product-first__features{grid-area:features}.product-first__props{grid-area:props;display:flex;justify-content:flex-start;align-items:flex-start;margin-top:20px;width:100%;flex-wrap:wrap}.product_props{width:48%}.product_props:not(:last-child){margin-right:4%}.product_props__title{font-family:'Open Sans',sans-serif;font-weight:700;font-size:22px;line-height:30px;margin:0 0 15px 0}@media only screen and (max-width:780px){.product-first{padding:40px 20px;grid-template-columns:auto;grid-template-areas:"about" "image" "buttons" "usage" "features" "props"!important}.product_props{margin:0;width:100%}.product_props:not(:last-child){margin-bottom:20px}}.product-first-image{width:300px;max-height:223px;object-fit:contain;-o-object-fit:contain}.about-block{display:flex}@media only screen and (max-width:780px){.product-first-image{width:auto;max-height:223px}.about-block{justify-content:center}}.about-block__number{font-family:'Merriweather';font-weight:700;font-size:75px;line-height:50px;margin-right:15px}.about-block__label{font-weight:700;font-size:16px;line-height:22px;margin-bottom:5px}.about-block h2{margin:0!important}.about-block__name a{font-family:'Merriweather';font-weight:700;font-size:24px;line-height:30px;color:inherit}.link-buttons{align-self:start;display:grid;grid-template-columns:auto auto auto;column-gap:12px;row-gap:12px}@media only screen and (max-width:780px){.link-buttons{flex-direction:column}.link-buttons{grid-template-columns:auto}}.link-buttons__button{display:block;width:100%;font-weight:700;font-size:14px;line-height:19px;padding:10px 17.5px;border-width:2px;border-style:solid;border-radius:4px;transition:0.3s;cursor:pointer;text-align:center}.tippy-content{color:#000;font-weight:400}.tooltip__close{display:none}.link-buttons .link-buttons__content:first-child .link-buttons__button{color:#ffffff!important}.link-buttons .link-buttons__content:not(:first-child) .link-buttons__button{background:transparent!important}.link-buttons .link-buttons__content .link-buttons__button:hover{text-decoration:none;opacity:.7;box-shadow:0 2px 20px rgb(0 0 0 / 15%)}.link-buttons__content .link-buttons__label{text-align:center;font-size:14px;line-height:19px;margin-top:10px;margin-bottom:0}.features{margin-top:40px}.more-features .features{margin-top:30px}.features .features__title{font-family:'Open Sans',sans-serif;font-weight:700;font-size:22px;line-height:30px;margin:0;margin-bottom:35px}.features .features__list{display:grid;grid-template-columns:auto auto;row-gap:30px;list-style-type:none;margin:0}.alternative .features__list{grid-template-columns:auto auto auto auto auto}.more-features .features__list{grid-template-columns:auto auto auto auto auto}@media only screen and (max-width:780px){.alternative .features__list{grid-template-columns:auto auto}.more-features .features__list{grid-template-columns:auto auto}.tooltip__close{position:absolute;width:30px;height:30px;top:-31px;right:-20px;background:#FFF;box-shadow:2px 2px 5px rgb(175 175 175 / 25%);display:flex;justify-content:center;align-items:center;border-radius:50%}}.alternative .features__name{margin-left:10px}.more-features .features__name{margin-left:10px}.features .features__item{font-size:14px;margin:0;display:grid;align-items:center;grid-template-columns:40px auto}.features__icon{justify-self:center}.features__name{max-width:120px;font-size:14px;line-height:19px;margin-left:20px}.usage{padding:25px 30px;background:#F9F9F9;border-radius:10px}@media only screen and (max-width:780px){.usage{padding:25px 20px}}.usage__grade{position:relative;display:flex;align-items:center;justify-content:center;min-width:60px;height:60px}.usage__grade .chart{font-weight:700;font-size:24px;line-height:33px}.usage__grade canvas{position:absolute;top:0;left:0;width:100%}.usage__header{display:flex;align-items:center;margin-bottom:10px}.usage .usage__title{font-family:'Open Sans',sans-serif;font-weight:700;font-size:22px;line-height:30px;margin:0 10px 0 20px}.usage__tooltip{top:10px;align-self:flex-start;cursor:pointer}.usage__list .usage__item{display:grid;grid-template-columns:auto 45px 24px;align-items:center;font-weight:700;font-size:16px;line-height:22px;padding:15px 0;border-bottom:1px solid #DADADA;margin:0}.usage__item:last-of-type{padding-bottom:0;border:none}.usage__item-tooltip{justify-self:end}.usage__item .usage__name{font-weight:700;line-height:22px;font-size:16px;margin:0}.usage__rate{font-weight:700;text-align:center;border-width:1px;border-style:solid;border-radius:4px;color:grey;border-color:gray}.tooltip__content{display:none}@media only screen and (max-width:599px){div[data-tippy-root]{inset:45px auto!important;left:calc(50% - 175px)!important;position:fixed!important;transform:none!important}}.tippy-box{max-width:360px;background:#FFF;padding:20px;box-shadow:4px 4px 15px rgba(175,175,175,.25);border-radius:6px}.tooltip__description{margin:0;font-size:12px;line-height:18px;margin-bottom:20px}.tooltip__description strong{font-weight:700}.tooltip__title{margin:0;font-weight:700;font-size:12px;line-height:16px}@media only screen and (max-width:599px){.tooltip__list{max-height:400px;overflow-y:auto}}.tooltip__name{margin:0}.tooltip__item{margin:0;display:grid;grid-template-columns:45px auto auto;align-items:center;font-size:12px;line-height:16px;margin-top:10px;padding-bottom:5px;border-bottom:.5px solid #DADADA}.tooltip__precent{margin:0;font-weight:700}.tooltip__rate{color:gray;margin:0;justify-self:end}