@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic);
@import "./normalize.css";
@import "./header.css";
@import "./footer.css";
@import "./select2.css";
h1 {
  font-size: calc(30px + 15 * (100vw - 360px) / 1560);
  font-weight: 800;
  color: #0077cc;
  margin-bottom: 30px;
}
@media (min-width: 1920px) {
  h1 {
    font-size: 45px;
  }
}

h2 {
  color: #494d58;
  font-size: calc(24px + 16 * (100vw - 360px) / 1560);
  font-weight: 600;
  line-height: calc(35px + 21 * (100vw - 360px) / 1560);
  margin-bottom: 20px;
}

h3 {
  color: #2d2f35;
  font-size: 32px;
  font-weight: 600;
  line-height: 38.4px;
}

h4 {
  color: #494d58;
  font-size: calc(20px + 6 * (100vw - 360px) / 1560);
  font-weight: 500;
}

h5 {
  color: #fff;
  font-size: calc(18px + 4 * (100vw - 360px) / 1560);
  font-weight: 700;
}

h6 {
  font-size: calc(18px + 4 * (100vw - 360px) / 1560);
  font-weight: 500;
  margin-bottom: 30px;
  line-height: 178%;
}

p {
  color: #494d58;
  font-size: calc(17px + 3 * (100vw - 360px) / 1560);
  line-height: 34px;
}

button {
  background-color: #0077cc;
  padding: 18px 50px;
  color: #fff;
  text-align: center;
  font-size: calc(18px + 2 * (100vw - 360px) / 1560);
  font-weight: 600;
  border-radius: 40px;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
}

section {
  margin-bottom: calc(50px + 70 * (100vw - 360px) / 1560);
}
@media (min-width: 1920px) {
  section {
    margin-bottom: 120px;
  }
}

svg {
  overflow: visible;
  max-width: 100%;
  max-height: 100%;
}

.container {
  width: 100%;
  max-width: 1290px;
  margin: 0 auto;
}
@media (max-width: 1322px) {
  .container {
    padding: 0 16px;
  }
}

.hidden {
  display: none;
}

.subtitle {
  font-size: calc(17px + 5 * (100vw - 360px) / 1560);
}

.banner__subtitle {
  font-size: calc(17px + 5 * (100vw - 360px) / 1560);
  margin-bottom: 30px;
  font-weight: 500;
  color: #2d2f35;
}

.text-center {
  text-align: center;
}

.imagesBlock {
  position: relative;
}
.imagesBlock .svgImg {
  position: absolute;
  top: 0;
  left: 0;
}

.darkBg {
  padding: calc(50px + 20 * (100vw - 360px) / 1560) 0;
  background-color: #F4F7FF;
}

.crumbs ul {
  padding-bottom: 7px;
  display: flex;
  width: 100%;
  gap: calc(22px + 12 * (100vw - 360px) / 1560);
  overflow-x: auto;
  align-items: center;
  background: #ffffff;
}
.crumbs li {
  color: #494d58;
  font-size: calc(16px + 2 * (100vw - 360px) / 1560);
  line-height: 140%;
}
.crumbs a {
  white-space: nowrap;
}
.crumbs a.active {
  position: relative;
  color: #0077cc;
  font-size: calc(16px + 4 * (100vw - 360px) / 1560);
  font-weight: 600;
  line-height: 180%;
}
.crumbs a.active::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #0077cc;
  position: absolute;
  bottom: -13px;
  left: 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.crumbs ::-webkit-scrollbar {
  width: 0;
  height: 0;
}
@media (max-width: 900px) {
  .crumbs ul {
    margin-top: 12px;
    padding-bottom: 9px;
  }
  .crumbs a.active {
    font-weight: 400;
  }
  .crumbs a.active::before {
    bottom: -15px;
  }
}

.main p {
  margin-bottom: 20px;
}
.main form input {
  border: 1px solid #c8cfe2;
  background: #ffffff;
  padding: 26px 10px 26px 20px;
  border-radius: 60px;
  font-size: 20px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
}
@media (max-width: 900px) {
  .main form input {
    font-size: 16px;
  }
}
.main ul {
  display: flex;
  flex-direction: column;
  gap: 21px;
  justify-content: center;
}
.main li {
  position: relative;
  font-size: calc(18px + 4 * (100vw - 360px) / 1560);
  font-weight: 500;
  padding-left:32px;
  line-height: 140%;
}
@media (max-width: 900px) {
  .main li {
    line-height: 133%;
  }
}
.main li:before {
  content: "";
  background-image: url(../images/icons/tick-circle.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  left:0;
  top: 8px;
  min-width: 15px;
  min-height: 15px;
}
@media (max-width: 900px) {
  .main li:before {
    top: 4px;
  }
}
@media (max-width: 900px) {
  .main .banner ul {
    gap: 7px;
  }
}
.main .banner li {
  font-size: calc(16px + 6 * (100vw - 360px) / 1560);
  font-weight: 400;
  line-height: 140%;
}
.main .banner li:before {
  margin-right: calc(11px + 5 * (100vw - 360px) / 1560);
}
.main button a {
  display: block;
}
@media (max-width: 900px) {
  .main button {
    width: 100%;
    padding: 18px 23px;
  }
}
.main a {
  color: inherit;
  font-size: inherit;
}

.to-top {
  position: fixed;
  bottom: 10vh;
  right: 20px;
  width: 80px;
  height: 80px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.1s;
  z-index: 103;
}
.to-top.active {
  opacity: 0.5;
  pointer-events: auto;
}
.to-top:hover {
  opacity: 1;
}
@media (max-width: 768px) {
  .to-top {
    width: 40px;
    height: 40px;
    bottom: 16px;
    right: 16px;
  }
}

.grid {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(3, auto);
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.grid .buttons {
  display: flex;
  -moz-column-gap: 50px;
       column-gap: 50px;
  row-gap: 20px;
  flex-wrap: wrap;
}
@media (max-width: 900px) {
  .grid .buttons {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
@media (max-width: 900px) {
  .grid {
    grid-template-columns: 1fr;
  }
}

.features {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
}

.infoTable {
  position: relative;
  padding: 55px;
  height: -moz-fit-content;
  height: fit-content;
  background: #ffffff;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.2509803922);
}

::-moz-placeholder {
  font-size: 20px;
  font-weight: 400;
}

::placeholder {
  font-size: 20px;
  font-weight: 400;
}
@media (max-width: 900px) {
  ::-moz-placeholder {
    font-size: 16px;
  }
  ::placeholder {
    font-size: 16px;
  }
}

.slider,
.digSlider,
.storySlider {
  position: relative;
  height: 100%;
}
.slider .slick-slider,
.digSlider .slick-slider,
.storySlider .slick-slider {
  height: 100%;
}
.slider .slick-list,
.digSlider .slick-list,
.storySlider .slick-list {
  overflow: hidden;
  height: 100%;
}
.slider .slick-track,
.digSlider .slick-track,
.storySlider .slick-track {
  height: 100%;
  display: flex;
}
.slider .slider__item,
.digSlider .slider__item,
.storySlider .slider__item {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100%;
  position: relative;
}
.slider .slider__item .caption,
.digSlider .slider__item .caption,
.storySlider .slider__item .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgb(255, 255, 255);
  color: #444;
  padding: 10px;
}
.slider .slick-arrow,
.digSlider .slick-arrow,
.storySlider .slick-arrow {
  position: absolute;
  top: calc(50% - 15px);
  z-index: 1;
  font-size: 0;
  background-image: url(../images/icons/accordion-arrow.svg);
  background-color: #0077cc;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 30px;
  padding: 0;
}
.slider .slick-arrow.slick-prev,
.digSlider .slick-arrow.slick-prev,
.storySlider .slick-arrow.slick-prev {
  left: 21px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.slider .slick-arrow.slick-next,
.digSlider .slick-arrow.slick-next,
.storySlider .slick-arrow.slick-next {
  right: 21px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}

.banner.forDealerships .container {
  position: relative;
}
.banner.forDealerships .container .cars {
  grid-column: 2/3;
  grid-row: 1/-1;
  width: calc(314px + 116 * (100vw - 360px) / 1560);
  max-width: 430px;
  margin: 20px 0px 0 2px;
}
.banner.forDealerships .container .cars img {
  width: 100%;
}
@media (max-width: 900px) {
  .banner.forDealerships .container {
    grid-template-columns: 1fr;
  }
  .banner.forDealerships .container .cars {
    grid-column: 1/span 1;
    grid-row: 2/span 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 31px auto;
    position: relative;
    left: -5px;
  }
  .banner.forDealerships .container h6 {
    margin-top: 30px;
  }
}

.generation p {
  margin-bottom: 0;
  font-weight: 400;
}
.generation .imagesBlock {
  grid-column: 1/2;
  grid-row: 1/-1;
  width: calc(244px + 244 * (100vw - 360px) / 1560);
  max-width: 488px;
  padding-left: 42px;
  margin-right: 66px;
}
.generation .imagesBlock .svgImg {
  width: 100%;
  left: 25px;
  top: -85px;
  max-height: 440px;
}
@media (max-width: 900px) {
  .generation h2 {
    text-align: center;
  }
  .generation p {
    line-height: 31px;
  }
  .generation button {
    width: 100%;
  }
  .generation .features {
    gap: 39px;
  }
  .generation .imagesBlock {
    margin: 0 auto;
    grid-row: 2/span 1;
    padding: 0;
    margin-top: 56px;
    margin-bottom: 31px;
  }
  .generation .imagesBlock .svgImg {
    width: 100%;
    left: 2px;
    top: -48px;
    max-height: 102%;
  }
}

.historyReports .imagesBlock {
  grid-column: 2/span 1;
  grid-row: 1/-1;
  width: calc(215px + 333 * (100vw - 360px) / 1560);
  max-width: 548px;
  padding: 20px 50px 0 52px;
  margin-left: 110px;
}
.historyReports .imagesBlock .svgBg {
  width: 100%;
}
.historyReports .imagesBlock .svgImg {
  width: 100%;
  top: calc(62px + 72 * (100vw - 360px) / 1560);
  left: calc(-40px + -64 * (100vw - 360px) / 1560);
}
@media (min-width: 1920px) {
  .historyReports .imagesBlock .svgImg {
    left: -104px;
    top: 134px;
  }
}
@media (max-width: 900px) {
  .historyReports h2 {
    text-align: center;
  }
  .historyReports p {
    margin-bottom: 0;
  }
  .historyReports .imagesBlock {
    grid-column: 1/2;
    margin: 16px auto 0;
    grid-row: 2/span 1;
    padding: 1px;
    position: relative;
    left: 18px;
  }
}

.becomePartner {
  display: flex;
  gap: 62px;
  padding-top: 70px;
}
.becomePartner button {
  border: 1px solid #0077cc;
}
.becomePartner button:hover {
  background-color: #ffffff;
  color: #0077cc;
}
@media (max-width: 768px) {
  .becomePartner {
    flex-direction: column;
    align-items: center;
  }
  .becomePartner h2 {
    text-align: center;
  }
}
.becomePartner .partner__info {
  width: 100%;
}
.becomePartner .partner__info ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 900px) {
  .becomePartner .partner__info ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.becomePartner .infoTable {
  padding: 116px 17px 40px;
  width: 448px;
  display: flex;
  flex-direction: column;
  gap: 21px;
}
@media (max-width: 768px) {
  .becomePartner .infoTable {
    width: 100%;
  }
}
.becomePartner .infoTable p {
  margin-bottom: 0;
}
.becomePartner .infoTable button {
  width: 100%;
}
.becomePartner .infoTable .badge {
  width: 206px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -53.5%);
  -webkit-transform: translate(-50%, -53.5%);
  -moz-transform: translate(-50%, -53.5%);
  -ms-transform: translate(-50%, -53.5%);
  -o-transform: translate(-50%, -53.5%);
}
@media (max-width: 768px) {
  .becomePartner .infoTable .badge {
    width: 173px;
    top: 19px;
  }
}
.becomePartner .infoTable .badge span {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  color: var(--white, #fff);
  text-align: center;
  font-size: 25px;
  line-height: 35px;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .becomePartner .infoTable .badge span {
    font-size: 21px;
    line-height: 140%;
  }
}
.becomePartner .infoTable .cost {
  color: #0077cc;
  font-size: 26px;
  font-weight: 600;
  line-height: 140%;
  text-align: center;
}
.becomePartner .infoTable .dollar {
  display: block;
  font-size: 60px;
}
.becomePartner .infoTable .tariff {
  position: relative;
  top: -5px;
  font-size: 26.59px;
}
.becomePartner .infoTable p {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
}

.network p {
  margin-bottom: 0;
}
.network .imagesBlock {
  grid-column: 2/span 1;
  grid-row: 1/-1;
  width: 462px;
  margin-right: 32px;
}
.network .imagesBlock img {
  width: 100%;
}
.network a {
  color: #0077cc;
  font-size: 26px;
  font-weight: 600;
  line-height: 143.9%;
}
@media (max-width: 900px) {
  .network h2 {
    text-align: center;
  }
  .network a {
    font-size: 20px;
    font-weight: 600;
    line-height: 180%;
  }
  .network .imagesBlock {
    grid-column: 1/2;
    margin: 0 auto 16px auto;
    grid-row: 2/span 1;
    width: 100%;
    padding: 12px 37px;
  }
}

.form__partnership p {
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 150%;
}
.form__partnership a {
  color: #0077cc;
}
.form__partnership form {
  margin: 0 auto;
  max-width: 848px;
  padding-top: 48px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 37px;
  -moz-column-gap: 28px;
       column-gap: 28px;
}
.form__partnership form .dealerschipName {
  grid-column: 1/-1;
}
.form__partnership form .submitBtn {
  grid-column: 1/-1;
  display: flex;
  justify-content: center;
}
.form__partnership form .submitBtn button {
  padding: 28px 81px;
}
@media (max-width: 900px) {
  .form__partnership h2 {
    line-height: 130%;
  }
  .form__partnership form {
    padding-top: 30px;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 16px;
  }
  .form__partnership form .submitBtn button {
    padding: 18px 23px;
  }
  .form__partnership p {
    font-size: 17px;
    line-height: 143.9%;
  }
}

.vinCheck h2 {
  text-align: center;
}

.vinCheck__banner .container {
  display: grid;
  grid-template-columns: repeat(2, auto);
}
.vinCheck__banner .container > * {
  grid-column: 1/-1;
}
.vinCheck__banner .container .slider__container {
  min-width: 0px;
  display: flex;
  padding: 63px 50px 63px 97px;
  width: 100%;
  max-height: 456px;
  grid-column: 2/1 span;
  grid-row: 1/1 span;
}
.vinCheck__banner .container .reportInfo {
  max-width: 591px;
  position: relative;
  padding: 83px 0 83px 8px;
  grid-column: 1/1 span;
  grid-row: 1/1 span;
}
.vinCheck__banner .container .reportInfo::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 500%;
  height: 100%;
  background: #F4F7FF;
  z-index: -1;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.vinCheck__banner .container .reportInfo span {
  display: inline-block;
  color: #0077cc;
  margin-bottom: 30px;
  font-size: calc(24px + 14 * (100vw - 360px) / 1560);
  font-weight: 400;
  line-height: normal;
}
.vinCheck__banner .buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
}
.vinCheck__banner .printBtn {
  background: transparent;
  border: 1px solid #0077cc;
  color: #0077cc;
}
.vinCheck__banner .slider {
  min-width: 0px;
  width: 100%;
}
.vinCheck__banner .slider .slick-arrow.slick-prev {
  left: -50px;
}
.vinCheck__banner .slider .slick-arrow.slick-next {
  right: -50px;
}
.vinCheck__banner h6 {
  color: #494d58;
  font-size: 22px;
  font-weight: 600;
  line-height: 180%;
  margin-bottom: 28px;
}
.vinCheck__banner button {
  padding: 18px 62px;
}
.vinCheck__banner .carBasics {
  margin-top: 67px;
}
.vinCheck__banner .carBasics h6 {
  font-size: 24px;
  font-weight: 600;
  line-height: 143.9%;
}
.vinCheck__banner .carBasics .report__list {
  margin-top: 0;
}
@media (max-width: 1200px) {
  .vinCheck__banner .container {
    grid-template-columns: 1fr 1fr;
  }
  .vinCheck__banner .container .slider__container {
    padding: 50px 55px;
  }
  .vinCheck__banner .container .reportInfo {
    padding: 48px 0 57px 0px;
  }
  .vinCheck__banner .container .reportInfo span {
    margin-bottom: 27px;
  }
  .vinCheck__banner .buttons {
    gap: 20px;
  }
  .vinCheck__banner button {
    padding: 18px 5px;
    font-size: 16px;
  }
}
@media (max-width: 900px) {
  .vinCheck__banner .container {
    grid-template-columns: 1fr;
  }
  .vinCheck__banner .container h1 {
    font-size: 26px;
    margin-bottom: 8px;
  }
  .vinCheck__banner .container .slider__container {
    height: 500px;
    margin-top: 61px;
    padding: 0;
    grid-column: 1/-1;
    grid-row: 3/1 span;
  }
  .vinCheck__banner .slider .slick-arrow {
    width: 26px;
    height: 26px;
    top: calc(50% - 13px);
  }
  .vinCheck__banner .slider .slick-arrow.slick-prev {
    left: 20px;
  }
  .vinCheck__banner .slider .slick-arrow.slick-next {
    right: 20px;
  }
}
@media (max-width: 768px) {
  .vinCheck__banner .carBasics {
    margin-top: 50px;
  }
  .vinCheck__banner .carBasics h6 {
    margin-bottom: 27px;
  }
  .vinCheck__banner .container .report__list {
    grid-template-columns: 1fr;
    margin-top: 17px;
  }
  .vinCheck__banner .container .report__list .report__item {
    padding-bottom: 13.8px;
  }
  .vinCheck__banner .container .slider__container {
    height: calc(230px + 270 * (100vw - 360px) / 408);
  }
  .vinCheck__banner h6 {
    margin-bottom: 30px;
  }
}
@media (max-width: 600px) {
  .vinCheck__banner .container .slider__container {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
  }
}

.timeOnMarket .progress__content {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 69px;
  padding: 23px 111px;
}
.timeOnMarket .progress__container {
  position: relative;
  width: 381px;
  height: 381px;
}
.timeOnMarket .progress {
  position: absolute;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.timeOnMarket .progress .value {
  display: flex;
  flex-direction: column;
  position: absolute;
  align-items: center;
  z-index: 5;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  font-size: 62.368px;
  font-weight: 600;
  line-height: 140%;
}
.timeOnMarket .progress .value span {
  position: relative;
  top: -11px;
  font-size: 30.491px;
  font-weight: 600;
  line-height: 140%;
}
.timeOnMarket .progress::before {
  content: "";
  display: block;
  height: 100%;
  margin-left: 50%;
  transform-origin: left;
  border-radius: 0 100% 100% 0/50%;
  -webkit-border-radius: 0 100% 100% 0/50%;
  -moz-border-radius: 0 100% 100% 0/50%;
  -ms-border-radius: 0 100% 100% 0/50%;
  -o-border-radius: 0 100% 100% 0/50%;
  background: var(--clr);
  transform: rotate(calc((var(--i) - 50) * 0.01turn));
  -webkit-transform: rotate(calc((var(--i) - 50) * 0.01turn));
  -moz-transform: rotate(calc((var(--i) - 50) * 0.01turn));
  -ms-transform: rotate(calc((var(--i) - 50) * 0.01turn));
  -o-transform: rotate(calc((var(--i) - 50) * 0.01turn));
}
.timeOnMarket .progress::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #F4F7FF;
}
.timeOnMarket .progress.less::before {
  height: 100.3%;
  background: #F4F7FF;
  transform: rotate(calc((var(--i) - 0) * 0.01turn));
  -webkit-transform: rotate(calc((var(--i) - 0) * 0.01turn));
  -moz-transform: rotate(calc((var(--i) - 0) * 0.01turn));
  -ms-transform: rotate(calc((var(--i) - 0) * 0.01turn));
  -o-transform: rotate(calc((var(--i) - 0) * 0.01turn));
}
.timeOnMarket .bigProgress {
  inset: 0;
  top: 0;
  left: 0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #F4F7FF linear-gradient(to right, transparent 50%, var(--clr) 0);
}
.timeOnMarket .bigProgress::after {
  inset: 18px;
}
.timeOnMarket .middleProgress {
  z-index: 1;
  inset: 20px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #F4F7FF linear-gradient(to right, transparent 50%, var(--clr) 0);
}
.timeOnMarket .middleProgress::after {
  inset: 16px;
}
.timeOnMarket .smallProgress {
  z-index: 2;
  inset: 18px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #F4F7FF linear-gradient(to right, transparent 50%, var(--clr) 0);
}
.timeOnMarket .smallProgress::after {
  inset: 14px;
}
.timeOnMarket .warning {
  margin-top: 42px;
}
.timeOnMarket .description {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.timeOnMarket .description .description__item {
  width: 337px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.timeOnMarket .description .coloredPoint {
  width: 18px;
  height: 18px;
  background: var(--clr);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.timeOnMarket .description p {
  margin: 0;
  font-size: 22px;
}
.timeOnMarket .description strong {
  flex: 1 1 auto;
  text-align: end;
  font-size: 22px;
  font-weight: 600;
  line-height: 140%;
}
@media (max-width: 1200px) {
  .timeOnMarket .progress__content {
    grid-template-columns: 1fr;
    padding: 0;
  }
  .timeOnMarket .progress__container {
    margin: 0 auto;
    width: 269px;
    height: 269px;
  }
  .timeOnMarket .description {
    margin-top: 16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .timeOnMarket .description .description__item {
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (max-width: 900px) {
  .timeOnMarket .description {
    flex-direction: column;
  }
  .timeOnMarket .description .description__item {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .timeOnMarket .progress__content {
    gap: 0px;
  }
  .timeOnMarket .warning {
    margin-top: 25px;
  }
  .timeOnMarket .description {
    margin-top: 13px;
    gap: 1px;
  }
  .timeOnMarket .description p {
    font-size: 16px;
  }
  .timeOnMarket .description strong {
    font-size: 16px;
  }
  .timeOnMarket .description .description__item {
    gap: 12px;
  }
  .timeOnMarket .bigProgress::after {
    inset: 12px;
  }
  .timeOnMarket .middleProgress {
    inset: 14px;
  }
  .timeOnMarket .middleProgress::after {
    inset: 11px;
  }
  .timeOnMarket .smallProgress {
    inset: 13px;
  }
  .timeOnMarket .smallProgress::after {
    inset: 11px;
  }
  .timeOnMarket .progress .value {
    top: 53%;
  }
}

.report__list {
  margin-top: 78px;
  -moz-column-gap: 38px;
       column-gap: 38px;
  row-gap: 14px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.report__list .report__item {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #c8cfe2;
  padding-bottom: 8px;
}
.report__list .report__item .value {
  font-size: 20px;
  font-weight: 600;
  line-height: 140%;
}
.report__list .report__item .characteristic {
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
}
@media (max-width: 768px) {
  .report__list .report__item .value {
    font-size: 16px;
  }
  .report__list .report__item .characteristic {
    font-size: 16px;
  }
}

.report__tables {
  margin-top: 61px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px 29px;
}
.report__tables .table {
  position: relative;
  display: flex;
  border-radius: 10px;
  background: #ffffff;
  padding: 25px 24px 13px;
  gap: 21px;
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.report__tables .table:hover {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.report__tables .table.block::before {
  content: "";
  width: 25px;
  height: 25px;
  position: absolute;
  top: 50%;
  right: 22px;
  background: url(../images/icons/blockIcon.svg);
  background-repeat: no-repeat;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.report__tables .table .table__icon {
  width: calc(31px + 27 * (100vw - 360px) / 1560);
  height: calc(31px + 27 * (100vw - 360px) / 1560);
}
.report__tables .table .table__icon img {
  max-width: 100%;
  max-height: 100%;
}
.report__tables .table__text h4 {
  font-size: calc(18px + 8 * (100vw - 360px) / 1560);
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 4px;
}
.report__tables .table__text span {
  color: #494d58;
  font-size: calc(16px + 4 * (100vw - 360px) / 1560);
  font-weight: 400;
  line-height: 140%;
}
@media (max-width: 1200px) {
  .report__tables {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}
@media (max-width: 768px) {
  .report__tables {
    grid-template-columns: 1fr;
    margin-top: 34px;
  }
  .report__tables .table {
    padding: 18px 16px 13px;
    gap: 15px;
  }
  .report__tables .table .table__icon {
    margin-top: 7px;
  }
  .report__tables .table.block::before {
    width: 20px;
    height: 20px;
  }
  .report__tables .table__text h4 {
    margin-bottom: 0;
  }
}

.profit__wrapper {
  display: grid;
  grid-template-columns: 369px 1fr 1fr;
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  overflow: hidden;
  margin-bottom: 32px;
}
.profit__wrapper div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  padding: 56px 64px 55px;
}
.profit__wrapper div:first-child {
  background: #0077cc;
  color: #fff;
  text-align: center;
  font-size: calc(45px + 13 * (100vw - 360px) / 1560);
  font-weight: 600;
  line-height: 140%;
  position: relative;
  z-index: 102;
}
.profit__wrapper div:last-child {
  border-left: 1px solid #c8cfe2;
}
.profit__wrapper h3 {
  color: #494d58;
  display: flex;
  font-size: calc(26px + 10 * (100vw - 360px) / 1560);
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 15px;
}
.profit__wrapper h3::before {
  content: "";
  position: relative;
  top: 10px;
  margin-right: 10px;
  display: block;
  width: calc(20px + 10 * (100vw - 360px) / 1560);
  height: calc(20px + 10 * (100vw - 360px) / 1560);
  background: url(../images/icons/tick-circleGreen.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.profit__wrapper h3.redCross::before {
  content: "";
  position: relative;
  top: 10px;
  margin-right: 10px;
  display: block;
  width: calc(20px + 10 * (100vw - 360px) / 1560);
  height: calc(20px + 10 * (100vw - 360px) / 1560);
  background: url(../images/icons/tick-circleRed.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.profit__wrapper span {
  text-align: center;
  font-size: calc(18px + 4 * (100vw - 360px) / 1560);
  font-weight: 500;
  line-height: 140%;
}
@media (max-width: 1200px) {
  .profit__wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .profit__wrapper div {
    padding: 25px;
  }
}
@media (max-width: 900px) {
  .profit__wrapper {
    grid-template-columns: 1fr;
  }
  .profit__wrapper div:last-child {
    border-top: 1px solid #c8cfe2;
    border-left: none;
  }
}

.valueComparisonDemand h2,
.priceChangesPrediction h2 {
  margin-bottom: 42px;
}
.valueComparisonDemand canvas,
.priceChangesPrediction canvas {
  max-height: 281px;
}
.valueComparisonDemand [class*=Axis],
.priceChangesPrediction [class*=Axis] {
  color: #0077cc;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  display: flex;
  align-items: center;
}
.valueComparisonDemand .mileageAxis,
.priceChangesPrediction .mileageAxis {
  justify-content: end;
}
.valueComparisonDemand .priceAxis,
.priceChangesPrediction .priceAxis {
  gap: 4px;
  margin-bottom: 9px;
}
.valueComparisonDemand ul.listContainet,
.priceChangesPrediction ul.listContainet {
  margin-top: 31px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 53px;
  justify-content: start;
}
.valueComparisonDemand ul.listContainet li,
.priceChangesPrediction ul.listContainet li {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.valueComparisonDemand ul.listContainet li::before,
.priceChangesPrediction ul.listContainet li::before {
  display: none;
}
.valueComparisonDemand ul.listContainet span,
.priceChangesPrediction ul.listContainet span {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.valueComparisonDemand ul.listContainet p,
.priceChangesPrediction ul.listContainet p {
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  margin: 0;
}
@media (max-width: 768px) {
  .valueComparisonDemand p,
  .priceChangesPrediction p {
    font-size: 16px;
  }
  .valueComparisonDemand h2,
  .priceChangesPrediction h2 {
    margin-bottom: 26px;
  }
  .valueComparisonDemand [class*=Axis],
  .priceChangesPrediction [class*=Axis] {
    font-size: 14px;
  }
  .valueComparisonDemand [class*=Axis] .hidden,
  .priceChangesPrediction [class*=Axis] .hidden {
    display: block;
    color: #0077cc;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
  }
  .valueComparisonDemand .priceAxis,
  .priceChangesPrediction .priceAxis {
    margin-bottom: 4px;
  }
  .valueComparisonDemand ul.listContainet,
  .priceChangesPrediction ul.listContainet {
    gap: 13px;
    flex-direction: column;
  }
  .valueComparisonDemand ul.listContainet p,
  .priceChangesPrediction ul.listContainet p {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .priceChangesPrediction ul.listContainet {
    margin-top: 14px;
    flex-direction: row;
    -moz-column-gap: 21px;
         column-gap: 21px;
  }
}

.salesHistoryOdometer .salesHistory__table {
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
  background: #ffffff;
  border-radius: 20px;
  padding: 23px 39px 8px;
}
.salesHistoryOdometer .table__head,
.salesHistoryOdometer .item {
  display: grid;
  grid-template-columns: 116px 447px auto 196px;
}
.salesHistoryOdometer .table__head > span:first-child,
.salesHistoryOdometer .item > span:first-child {
  padding-left: 11px;
  align-items: start;
  padding-top: 2px;
}
.salesHistoryOdometer .item:nth-child(10) ~ .item {
  display: none;
}
.salesHistoryOdometer .table__head {
  margin-bottom: 16px;
}
.salesHistoryOdometer .table__head span {
  font-size: 20px;
  font-weight: 400;
  line-height: 180%;
}
.salesHistoryOdometer .item {
  border-top: 1px solid #c8cfe2;
  padding: 18px 0 15px;
}
.salesHistoryOdometer .item > span {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 51px;
  -moz-column-gap: 17px;
       column-gap: 17px;
}
.salesHistoryOdometer .item > span:last-child {
  min-height: 55px;
}
.salesHistoryOdometer .item .data {
  flex-direction: column;
  align-items: start;
  padding-top: 2px;
  gap: 8px;
}
.salesHistoryOdometer .item .data span {
  color: #2d2f35;
  font-family: Montserrat;
  font-size: 22px;
  font-size: calc(16px + 6 * (100vw - 360px) / 1560);
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
.salesHistoryOdometer .item .data a {
  display: flex;
  align-items: center;
  color: #0077cc;
  gap: 10px;
  font-size: calc(14px + 4 * (100vw - 360px) / 1560);
  font-weight: 500;
  line-height: 140%;
}
.salesHistoryOdometer .item .data img {
  width: calc(15px + 8 * (100vw - 360px) / 1560);
  height: 22px;
}
.salesHistoryOdometer [class*=Block] {
  padding: 7px 9px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: calc(14px + 8 * (100vw - 360px) / 1560);
  font-weight: 500;
  color: #fff;
  position: relative;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.salesHistoryOdometer [class*=Block]::after {
  content: "";
  display: flex;
  align-items: center;
  min-width: calc(10px + 5 * (100vw - 360px) / 1560);
  min-height: calc(6px + 3 * (100vw - 360px) / 1560);
  background: url(../images/icons/polygonUp.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.salesHistoryOdometer .index {
  font-size: calc(16px + 4 * (100vw - 360px) / 1560);
  font-weight: 600;
  line-height: 140%;
}
.salesHistoryOdometer .redBlock {
  background: #ff0000;
}
.salesHistoryOdometer .greenBlock {
  background: #00ff00;
}
.salesHistoryOdometer .greenBlock::after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.salesHistoryOdometer .price,
.salesHistoryOdometer .miles {
  color: #494d58;
  font-size: calc(16px + 6 * (100vw - 360px) / 1560);
  font-weight: 600;
  line-height: 140%;
}
@media (max-width: 1200px) {
  .salesHistoryOdometer .salesHistory__table {
    padding: 30px 16px 8px;
  }
  .salesHistoryOdometer .table__head,
  .salesHistoryOdometer .item {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .salesHistoryOdometer .table__head > span:first-child,
  .salesHistoryOdometer .item > span:first-child {
    padding-left: 11px;
    align-items: start;
    padding-top: 2px;
  }
  .salesHistoryOdometer .table__head {
    display: none;
  }
  .salesHistoryOdometer [class*=Block] {
    gap: 6px;
    padding: 4px 6px;
  }
  .salesHistoryOdometer .item {
    padding: 0;
    border-top: none;
    counter-increment: item-counter;
    -moz-column-gap: 3px;
         column-gap: 3px;
    margin-bottom: 11px;
  }
  .salesHistoryOdometer .item > span {
    min-height: 0;
    height: 100%;
  }
  .salesHistoryOdometer .item .index {
    display: none;
  }
  .salesHistoryOdometer .item .data {
    position: relative;
    grid-column: 1/-1;
    grid-row: 1/1 span;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    padding: 6px 0 4px 38px;
    gap: 2px;
  }
  .salesHistoryOdometer .item .data::before {
    content: counter(item-counter) ".";
    position: absolute;
    top: 7px;
    left: 14px;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
  }
  .salesHistoryOdometer .item .data a {
    gap: 7px;
  }
  .salesHistoryOdometer .item .index,
  .salesHistoryOdometer .item .data {
    background: #F4F7FF;
  }
  .salesHistoryOdometer .item > span:first-child {
    padding-left: 14px;
    align-items: start;
    padding-top: 6px;
  }
  .salesHistoryOdometer .price {
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .salesHistoryOdometer .price::before {
    content: "Price";
    bottom: 100%;
    left: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
  }
  .salesHistoryOdometer .miles {
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .salesHistoryOdometer .miles::before {
    content: "Miles";
    bottom: 100%;
    left: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
  }
}

.warning {
  margin-top: 32px;
  position: relative;
  border: 1px solid #c8cfe2;
  background: #F4F7FF;
  padding: calc(14px + 10 * (100vw - 360px) / 1560) 25px calc(13px + 7 * (100vw - 360px) / 1560) calc(53px + 63 * (100vw - 360px) / 1560);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.warning::before {
  content: "";
  position: absolute;
  top: calc(15px + 11 * (100vw - 360px) / 1560);
  left: calc(17px + 17 * (100vw - 360px) / 1560);
  width: calc(21px + 31 * (100vw - 360px) / 1560);
  height: calc(21px + 35 * (100vw - 360px) / 1560);
  background: url(../images/icons/blockIcon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.warning p {
  margin: 0;
  gap: 31px;
  font-size: calc(16px + 6 * (100vw - 360px) / 1560);
  font-weight: 500;
  line-height: 180%;
}
.warning p + p {
  margin-top: 40px;
}

.darkBg .warning {
  background: #ffffff;
}

.localMarketComparison h4 {
  color: #2d2f35;
  font-size: calc(18px + 8 * (100vw - 360px) / 1560);
  font-weight: 600;
  line-height: 180%;
  margin-bottom: 10px;
}
.localMarketComparison P {
  margin: 0;
  line-height: 36px;
  letter-spacing: 0.15px;
  font-size: calc(16px + 4 * (100vw - 360px) / 1560);
}
.localMarketComparison .localMarketComparison__content {
  display: grid;
  gap: 37px;
  grid-template-columns: repeat(3, 1fr);
}
.localMarketComparison .item {
  display: flex;
  align-items: start;
  gap: 16px;
}
.localMarketComparison strong {
  font-size: calc(16px + 4 * (100vw - 360px) / 1560);
  font-weight: 700;
  line-height: 180%;
}
.localMarketComparison .icon {
  min-width: 79px;
  min-height: 79px;
  margin-top: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
@media (max-width: 900px) {
  .localMarketComparison .localMarketComparison__content {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .localMarketComparison .icon {
    min-width: 69px;
    min-height: 70px;
    margin-top: 10px;
  }
  .localMarketComparison .icon img {
    width: 31px;
    height: 31px;
  }
  .localMarketComparison h4 {
    margin-bottom: 8px;
  }
  .localMarketComparison .item {
    gap: 15px;
  }
  .localMarketComparison p {
    line-height: 180%;
  }
}

.additionalEquipment h2 span {
  color: #0077cc;
}
.additionalEquipment h6 {
  margin: 0;
  color: #2d2f35;
  font-size: 20px;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 3px;
}
.additionalEquipment .item {
  display: flex;
  align-items: center;
  gap: 15px;
}
.additionalEquipment .cost {
  color: #0077cc;
  font-size: 22px;
  font-weight: 600;
  line-height: 140%;
  height: 100%;
}
.additionalEquipment .abbreviation {
  background: #0077cc;
  color: #fff;
  margin-top: 2px;
  padding: 9px 18px;
  min-width: 76px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.additionalEquipment .additionalEquipment__content {
  background: #ffffff;
  padding: 40px;
  display: grid;
  gap: 33px 38px;
  grid-template-columns: repeat(2, 1fr);
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  position: relative;
  overflow: hidden;
}
.additionalEquipment .additionalEquipment__content::after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 1px);
  width: 1px;
  height: 100%;
  background: #c8cfe2;
}
.additionalEquipment .text {
  flex: 1 1 auto;
}
.additionalEquipment .text span {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
.additionalEquipment .item:nth-child(6) ~ .item {
  display: none;
}
@media (max-width: 900px) {
  .additionalEquipment .additionalEquipment__content {
    grid-template-columns: 1fr;
    padding: 31px 17px;
    row-gap: 30px;
  }
  .additionalEquipment .additionalEquipment__content::after {
    background: none;
  }
  .additionalEquipment .item {
    gap: 14px;
    align-items: start;
  }
  .additionalEquipment .abbreviation {
    font-size: 14px;
    min-width: 43px;
    margin-top: 8px;
    padding: 4px 7px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
  }
  .additionalEquipment h6 {
    font-size: 16px;
  }
  .additionalEquipment .text span {
    font-size: 16px;
  }
  .additionalEquipment .cost {
    font-size: 16px;
    font-weight: 500;
  }
}

.quote {
  display: block;
  position: relative;
  border-radius: 10px;
  background: #EDF1FC;
  font-size: 22px;
  font-style: italic;
  font-weight: 500;
  line-height: 180%;
  padding: 28px 40px 70px 85px;
  margin-top: 40px;
}
.quote .quote-user {
  position: absolute;
  bottom: 23px;
  right: 53px;
  font-size: 22px;
  font-weight: 400;
}
.quote::before {
  content: "";
  display: block;
  width: 39px;
  height: 39px;
  background-image: url(./../images/icons/quoteIcon.svg);
  position: absolute;
  left: 3%;
}
@media (max-width: 768px) {
  .quote {
    padding: 66px 25px 48px 25px;
    margin-top: 30px;
    font-size: 16px;
  }
  .quote .quote-user {
    font-size: 16px;
    right: 30px;
  }
  .quote::before {
    left: 18px;
    top: 23px;
  }
}

.vehicleFeatures ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 21px 37px;
}
.vehicleFeatures ul li::before {
  min-width: 24px;
  min-height: 24px;
  top: 3px;
}
.vehicleFeatures ul li:nth-child(9) ~ li {
  display: none;
}
@media (max-width: 1200px) {
  .vehicleFeatures ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 900px) {
  .vehicleFeatures ul {
    grid-template-columns: 1fr;
    row-gap: 23px;
  }
  .vehicleFeatures ul li::before {
    min-width: 15px;
    min-height: 15px;
  }
}

.recalls .recalls__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
.recalls .item {
  background: #ffffff;
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
  padding: 29px 40px 40px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.recalls .item:nth-child(2) ~ .item {
  display: none;
}
.recalls h4 {
  color: #2d2f35;
  font-size: 24px;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 3px;
}
.recalls .summary p {
  margin-top: 7px;
  line-height: 180%;
}
@media (max-width: 900px) {
  .recalls h4 {
    font-size: 16px;
    margin-bottom: 2px;
  }
  .recalls p {
    font-size: 16px;
    margin-bottom: 14px;
  }
  .recalls .item {
    padding: 29px 16px 13px;
  }
}
@media (max-width: 768px) {
  .recalls .recalls__content {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .recalls .summary {
    margin-top: 8px;
  }
}

button.showMore,
.browseBtn {
  margin-top: 30px;
  background: transparent;
  border: 2px solid #0077cc;
  color: #0077cc;
  width: 100%;
  padding: 27px 50px;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
}
@media screen and (max-width: 768px) {
  button.showMore,
  .browseBtn {
    padding: 18px 50px;
    border: 2px solid #0077cc;
  }
}
button.showMore:hover,
.browseBtn:hover {
  background: #0077cc;
  color: #fff;
}

a.image[style*=no-image] {
  background-color: #EDF1FC;
  background: url(../images/icons/no-image.svg) center #EDF1FC;
  background-size: 35% !important;
  background-repeat: no-repeat;
}

@keyframes blink {
  0% {
    border: 1px solid #c8cfe2;
  }
  50% {
    border: 1px solid #0077cc;
  }
  100% {
    border: 1px solid #c8cfe2;
  }
}
.saveYourResults {
  padding: 49px 45px;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 29px;
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.saveYourResults h3 {
  color: #0077cc;
  font-size: 32px;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 13px;
}
.saveYourResults p {
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  margin: 0;
}
.saveYourResults .textContent {
  margin-top: 20px;
  max-width: 338px;
  height: 100%;
}
.saveYourResults form {
  width: 630px;
  display: flex;
  flex-direction: column;
  gap: 27px;
}
.saveYourResults form input {
  padding: 19px 44px;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
}
.saveYourResults form input:focus-within {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  animation: blink 1s infinite ease-in-out;
  -webkit-animation: blink 1s infinite ease-in-out;
}
.saveYourResults .svgIcon {
  background: #0077cc;
  margin-top: 14px;
  min-width: 122px;
  min-height: 122px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
@media (max-width: 1200px) {
  .saveYourResults {
    flex-direction: column;
    align-items: center;
    padding: 90px 22px 20px;
    position: relative;
    gap: 22px;
  }
  .saveYourResults .textContent {
    max-width: 100%;
  }
  .saveYourResults h3 {
    text-align: center;
    font-size: 26.59px;
    margin-bottom: 12px;
  }
  .saveYourResults p {
    text-align: center;
    font-size: 17px;
  }
  .saveYourResults form {
    width: 100%;
    gap: 30px;
  }
  .saveYourResults form input {
    padding: 19px 44px 20px;
  }
  .saveYourResults .svgIcon {
    width: 122px;
    height: 122px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -52%);
    -webkit-transform: translate(-50%, -52%);
    -moz-transform: translate(-50%, -52%);
    -ms-transform: translate(-50%, -52%);
    -o-transform: translate(-50%, -52%);
  }
}

.checks {
  background: #0077cc;
  padding: 40px 39px 37px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.checks h4 {
  color: #fff;
  font-size: 26px;
  font-weight: 600;
  line-height: 143.9%;
  margin-bottom: 15px;
}
.checks h6 {
  color: #2d2f35;
  font-size: 16.583px;
  font-weight: 600;
  line-height: 180%;
}
.checks .check__content {
  display: grid;
  grid-template-columns: 320px auto;
  gap: 39px;
}
.checks .carImg {
  height: 221px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.checks .carInfo {
  display: grid;
  grid-template-columns: auto 260px;
  padding: 16px 30px 21px;
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  overflow: hidden;
}
.checks .check__title {
  position: relative;
  grid-column: 1/-1;
  display: flex;
  justify-content: space-between;
}
.checks .check__title::after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 110%;
  height: 120%;
  border-bottom: 1px solid #c8cfe2;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.checks .check__title h6 {
  color: #2d2f35;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
}
.checks .check__title span {
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}
.checks h6 {
  margin: 0;
}
.checks .logo {
  margin-top: 3px;
  width: 109px;
  height: 36px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.checks .characteristics {
  display: grid;
  margin-top: 31px;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  gap: 12px 18px;
}
.checks .characteristic__item {
  display: flex;
  align-items: center;
  gap: 12px;
}
.checks .characteristic__item .img {
  width: 27px;
  height: 27px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.checks .grabReportNow {
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: end;
  margin-bottom: 8px;
}
.checks .grabReportNow button {
  font-size: 18px;
  font-weight: 600;
  padding: 18px 37px;
}
@media (max-width: 1200px) {
  .checks {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
  }
  .checks h4 {
    text-align: center;
    font-size: 18px;
  }
  .checks .check__content {
    grid-template-columns: 1fr;
    gap: 23px;
  }
  .checks .carImg {
    width: 318px;
    height: 210px;
    margin: 0 auto;
  }
}
@media (max-width: 1200px) and (max-width: 500px) {
  .checks .carImg {
    width: 100%;
  }
}
@media (max-width: 950px) {
  .checks {
    padding: 29px 20px 38px;
  }
  .checks .characteristic__item .img {
    width: 23px;
    height: 23px;
  }
  .checks .value {
    font-size: 14px;
  }
  .checks .carInfo {
    padding: 0;
    background: none;
    grid-template-columns: 1fr;
    box-shadow: none;
  }
  .checks .check__title {
    background: #ffffff;
    padding: 21px 18px 0 14px;
  }
  .checks .check__title::after {
    display: none;
  }
  .checks h6 {
    font-size: 14px;
  }
  .checks .characteristics {
    margin-top: -1px;
    background: #ffffff;
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
    padding: 24px 9px 27px;
  }
  .checks .grabReportNow {
    justify-content: center;
    margin: 24px 0 0;
  }
  .checks .grabReportNow button {
    width: 100%;
    background: #ffffff;
    color: #2d2f35;
  }
}
@media (max-width: 650px) {
  .checks .characteristics {
    grid-template-columns: repeat(2, 1fr);
  }
}

.similarListings h2 {
  text-align: start;
}
.similarListings > div {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 29px;
}
.similarListings * {
  color: #494d58;
}
.similarListings .announcement {
  width: 100%;
  display: grid;
  grid-template-columns: auto auto;
  padding: 18px 19px 25px 22px;
  border: 1px solid #c8cfe2;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.similarListings .slider__container {
  min-width: 0px;
  height: 230px;
  margin-right: 23px;
}
.similarListings .carBrand {
  grid-column: 1/-1;
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  -moz-column-gap: 32px;
       column-gap: 32px;
}
.similarListings .carBrand span {
  display: block;
  width: 100%;
  margin-bottom: 21px;
  margin-top: 4px;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
.similarListings h5 {
  color: #2d2f35;
  font-size: 22px;
  font-weight: 600;
  line-height: 140%;
}
.similarListings strong {
  flex: 1 1 auto;
  text-align: end;
  position: relative;
  top: 1px;
  color: #2d2f35;
  font-size: 22px;
  font-weight: 600;
  line-height: 140%;
}
.similarListings .year {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 17px;
  font-size: 14px;
  margin-top: 1px;
  font-weight: 500;
  line-height: 140%;
  background: #0077cc;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}
.similarListings .description {
  display: flex;
  padding-top: 7px;
  flex-direction: column;
  gap: 32px;
}
.similarListings .description__item {
  display: flex;
  gap: 9px;
  align-items: center;
}
.similarListings .description__item span {
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
}
@media (max-width: 1300px) {
  .similarListings > div {
    grid-template-columns: 1fr;
  }
  .similarListings .announcement {
    grid-template-columns: 1fr 1fr;
  }
  .similarListings .slider__container {
    height: 330px;
  }
}
@media (max-width: 900px) {
  .similarListings .slider__container {
    height: 250px;
  }
}
@media (max-width: 768px) {
  .similarListings {
    padding: 0;
  }
  .similarListings .slider__container {
    margin: 0;
  }
  .similarListings h2 {
    text-align: center;
    padding: 0 16px;
  }
  .similarListings .announcement {
    border: none;
    padding: 0;
    grid-template-columns: 1fr;
  }
  .similarListings .description {
    margin: 0;
    width: 100%;
    padding: 22px 0 0 20px;
    display: grid;
    gap: 22px 12px;
    grid-template-columns: repeat(2, 1fr);
  }
  .similarListings .description img {
    width: 15px;
    height: 15px;
  }
  .similarListings .description .description__item {
    gap: 12px;
  }
  .similarListings .description .description__item span {
    font-size: 14px;
  }
  .similarListings .slider__container {
    height: calc(254px + 146 * (100vw - 360px) / 408);
    grid-row: 1/1;
  }
  .similarListings h5,
  .similarListings strong {
    font-size: 18px;
  }
  .similarListings .carBrand {
    padding: 23px 20px 15px 20px;
    justify-content: space-between;
    position: relative;
  }
  .similarListings .carBrand::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 89%;
    height: 100%;
    border-bottom: 1px solid #c8cfe2;
    pointer-events: none;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
  .similarListings .carBrand h5 {
    order: 1;
  }
  .similarListings .carBrand .year {
    order: 2;
    margin-top: -2px;
    padding: 4px 17px 2px;
  }
  .similarListings .carBrand span {
    order: 3;
    font-size: 16px;
    margin: 6px 0 11px;
  }
  .similarListings .carBrand strong {
    order: 4;
    font-size: 18px;
    text-align: start;
  }
}

.dataMethodology p {
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
}
@media (max-width: 768px) {
  .dataMethodology p {
    text-align: start;
  }
}

.getReportNow {
  padding: 64px 0;
  background: #0077cc;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.getReportNow h2 {
  color: #fff;
  margin-bottom: 28px;
}
.getReportNow form {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 17px 28px;
  margin: 0 auto;
  border: 1px solid #c8cfe2;
  background: #ffffff;
  max-width: 692px;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
}
.getReportNow form ::-moz-placeholder {
  font-size: 16px;
  line-height: 143.9%;
}
.getReportNow form ::placeholder {
  font-size: 16px;
  line-height: 143.9%;
}
.getReportNow form input {
  display: block;
  width: 100%;
  padding: 0;
  border: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.getReportNow form button {
  padding: 0;
  background: none;
  width: -moz-fit-content;
  width: fit-content;
}
.getReportNow form img {
  width: 18px;
  height: 18px;
  position: relative;
  top: 3px;
}
@media (max-width: 768px) {
  .getReportNow {
    padding: 33px 21px 43px;
  }
  .getReportNow h2 {
    font-size: 24px;
    margin-bottom: 23px;
  }
}

.dropdown {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
}
.dropdown ::-webkit-scrollbar {
  width: 2px;
}
.dropdown .selected__value {
  pointer-events: none;
}
.dropdown .dropdown__btn {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  cursor: pointer;
}
.dropdown .dropdown__btn.active {
  color: #0077cc;
}
.dropdown .dropdown__arrow {
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.dropdown .dropdown__arrow.rotate180 {
  transform: scale(1, -1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
}

.main .list__wrapper ul {
  display: block;
  gap: 0;
  max-height: 206px;
}
.main .yearDropdown {
  padding: 15px 21px;
  border: 1px solid #c8cfe2;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
}

.list__wrapper,
.list__wrapper.searchList__wrapper {
  width: 242px;
  min-width: 148px;
  position: absolute;
  top: 100%;
  margin-top: 12px;
  padding: 9px 5px 12px 8px;
  height: -moz-fit-content;
  height: fit-content;
  background: #ffffff;
  border: 1px solid #c8cfe2;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.list__wrapper.active,
.list__wrapper.searchList__wrapper.active {
  z-index: 5;
}
.list__wrapper ul,
.list__wrapper.searchList__wrapper ul {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 183px;
  overflow-y: auto;
  overflow-x: hidden;
}
.list__wrapper ul li,
.list__wrapper.searchList__wrapper ul li {
  color: #494d58;
  cursor: pointer;
  margin-right: 8px;
  margin-bottom: 3px;
  padding: 8px 12px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  font-size: 16px;
  border: none;
  font-weight: 400;
}
.list__wrapper ul li a,
.list__wrapper.searchList__wrapper ul li a {
  font-size: 16px;
}
.list__wrapper ul li:hover,
.list__wrapper.searchList__wrapper ul li:hover {
  background: #F4F7FF;
}
.list__wrapper ul li::before,
.list__wrapper.searchList__wrapper ul li::before {
  display: none;
}
@media (max-width: 1200px) {
  .list__wrapper,
  .list__wrapper.searchList__wrapper {
    width: 100%;
  }
}

.accordion button {
  width: 100%;
  border: none;
  background: none;
  color: #2d2f35;
  text-align: left;
  padding: 20px 0px;
  cursor: pointer;
  transition: background-color 0.2s linear;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 143.9%;
}
.accordion .subtitle {
  margin-bottom: 10px;
}
.accordion p {
  margin: 0;
}
.accordion-button:after {
  content: "";
  margin-left: 10px;
  min-width: 30px;
  min-height: 30px;
  float: right;
  background-image: url(../images/icons/accordion-arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #0077cc;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.accordion-button.is-open:after {
  content: "";
  transform: scale(1, -1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
}
.accordion-content {
  color: #494d58;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-in-out;
  font-size: 20px;
  font-weight: 400;
  opacity: 0;
}
.accordion-content p {
  margin: 0;
  line-height: 143.9%;
}
.accordion-content.is-open {
  padding: 10px 7px;
  opacity: 1;
  margin-bottom: 20px;
}
@media (max-width: 900px) {
  .accordion .subtitle {
    line-height: 143.9%;
    margin-bottom: 18px;
  }
  .accordion button {
    font-size: 18px;
    padding: 10px 0px;
  }
  .accordion-content.is-open {
    padding: 10px 0;
    margin-bottom: 0px;
  }
}

a.unblock {
  border: 2px solid #0077cc;
  background: transparent;
  width: 100%;
  max-width: 409px;
  position: absolute;
  z-index: 101;
  display: none;
  color: #0077cc;
  padding: 18px 53px;
  font-weight: 600;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
}
@media (max-width: 768px) {
  a.unblock {
    max-width: 287px;
  }
}

.profit .unblock {
  top: 50%;
  left: 50%;
  transform: translate(-5%, -50%);
  -webkit-transform: translate(-5%, -50%);
  -moz-transform: translate(-5%, -50%);
  -ms-transform: translate(-5%, -50%);
  -o-transform: translate(-5%, -50%);
}
@media (max-width: 900px) {
  .profit .unblock {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
  }
}

.restriction a.unblock {
  display: flex;
  justify-content: center;
  align-items: center;
}
.restriction .blurComponent {
  position: relative;
}
.restriction .blurComponent::after {
  content: "";
  position: absolute;
  z-index: 100;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  -moz-backdrop-filter: blur(12px);
  -ms-backdrop-filter: blur(12px);
  -o-backdrop-filter: blur(12px);
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
@media (max-width: 768px) {
  .restriction .blurComponent::after {
    width: 100vw;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    -moz-backdrop-filter: blur(8px);
    -ms-backdrop-filter: blur(8px);
    -o-backdrop-filter: blur(8px);
  }
}

.mods section {
  margin-bottom: 62px;
}
.mods .section {
  margin-bottom: 60px;
}
.mods h1 {
  color: #2d2f35;
  font-size: 40px;
  font-weight: 600;
  line-height: 144%;
  margin-top: 20px;
  margin-bottom: 14px;
}
.mods h2 {
  font-size: 34px;
  font-weight: 700;
  line-height: 160%;
}
.mods h3 {
  text-align: center;
  font-size: 34px;
  font-weight: 600;
  line-height: 143.9%;
  margin-bottom: 30px;
}
.mods h4 {
  font-size: 28px;
  font-weight: 600;
  line-height: 143.9%;
  margin-bottom: 24px;
}
.mods h5 {
  color: #494d58;
  font-size: 22px;
  font-weight: 700;
  line-height: 160%;
  margin-bottom: 20px;
}
.mods p {
  font-size: 20px;
  font-weight: 500;
  line-height: 175%;
  margin-bottom: 35px;
}
.mods ul {
  gap: 15px;
}
.mods ul li {
  padding-left:40px;
}
.mods ul li::before {
  min-width: 24px;
  min-height: 24px;
}
.mods ul li p {
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
}
.mods .yearDropdown + .select2 {
  margin-bottom: 39px;
}
.mods .browseBtn {
  margin-top: 32px;
  margin-bottom: 33px;
}
.mods .modDescription {
  margin-top: 61px;
  margin-bottom: 60px;
}
.mods .additions {
  margin-top: 44px;
  margin-bottom: 10px;
  font-weight: bold;
}
.mods .darkBg.catalog {
  padding: 30px 0;
}
.mods .darkBg {
  padding: 90px 0;
}
.mods .select2 {
  width: 200px !important;
}
.mods .slider .slick-arrow.slick-prev {
  left: 40px;
}
.mods .slider .slick-arrow.slick-next {
  right: 40px;
}
.mods .yearDropdown {
  width: 190px;
  max-width: 340px;
  padding: 17px 16px 17px 20px;
  margin-bottom: 40px;
}
.mods .yearDropdown .selected__value {
  font-size: 20px;
}
.mods .yearDropdown .list__wrapper {
  left: 0;
  max-width: 100%;
  width: 100%;
}
.mods .subtitle {
  font-size: 24px;
  font-weight: 500;
  line-height: 160%;
  margin-bottom: 13px;
}
.mods .crumbs .container {
  max-width: 750px;
}
@media (max-width: 1322px) {
  .mods .crumbs .container {
    padding: 0 16px;
  }
}
.mods .updated {
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 29px;
}
.mods .main .container {
  max-width: 750px;
}
.mods .slider__container {
  width: 100%;
  aspect-ratio: 3/2;
  margin-bottom: 27px;
}

.comments__container h3 {
  text-align: center;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .comments__container h3 {
    font-size: 24px;
    margin-bottom: 18px;
  }
}
.comments__container h4 {
  text-align: center;
  color: #2d2f35;
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  line-height: 143.9%;
  margin-bottom: 28px;
}
.comments__container .comment .reply__form {
  display: none;
  background: #F4F7FF;
  padding: 0px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.comments__container .comment .reply__form.active {
  display: flex;
  pointer-events: all;
  margin-bottom: 20px;
  padding: 10px;
}
.comments__container .comment + .comment {
  margin-top: 20px;
}
.comments__container .comments__block {
  background: #ffffff;
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  padding: 38px 40px 15px;
  margin-bottom: 60px;
}
.comments__container .comments__block P {
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 400;
  line-height: 180%;
}
@media (max-width: 768px) {
  .comments__container .comments__block P {
    font-size: 16px;
  }
}
.comments__container .comment__header {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
.comments__container .comment__header .info {
  display: flex;
  flex-direction: column;
  gap: 11px;
  position: relative;
  top: -1px;
}
.comments__container .replyCount {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 16px;
  font-weight: 700;
  line-height: 180%;
  margin-bottom: 18px;
}
.comments__container .replyBtn {
  display: inline-block;
  color: #0077cc;
  font-size: 16px;
  font-weight: 500;
  line-height: 180%;
  cursor: pointer;
  margin-bottom: 23px;
}
.comments__container .replyComment {
  margin-left: 48px;
}
.comments__container .replyComment .replyBtn {
  display: none;
}
.comments__container .comment + .comment.replyComment .replyCount {
  display: none;
}
.comments__container .pagination {
  border-top: 1px solid #c8cfe2;
  padding: 30px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 19px;
  font-size: 20px;
  font-weight: 500;
  line-height: 180%;
}
.comments__container .pagination .page-item {
  display: inline-block;
}
.comments__container .pagination .active {
  color: #0077cc;
}
.comments__container .pagination .disable {
  background: #F4F7FF;
}
.comments__container .pagination .next-page,
.comments__container .pagination .previous-page {
  display: inline-block;
  padding: 0 10px;
  background-color: #0077cc;
  font-size: 0;
  width: 23px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  cursor: pointer;
  position: relative;
}
.comments__container .pagination .next-page::after,
.comments__container .pagination .previous-page::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  width: 60%;
  height: 60%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.comments__container .pagination .next-page::after {
  background-image: url(../images/icons/next.svg);
}
.comments__container .pagination .previous-page::after {
  background-image: url(../images/icons/prev.svg);
}

.main .comment__form,
.main .reply__form {
  gap: 15px;
  display: flex;
  flex-direction: column;
}
.main .comment__form textarea,
.main .comment__form input[type=text],
.main .reply__form textarea,
.main .reply__form input[type=text] {
  font-size: 16px;
  padding: 20px 28px 19px;
}
.main .comment__form textarea:focus,
.main .comment__form input[type=text]:focus,
.main .reply__form textarea:focus,
.main .reply__form input[type=text]:focus {
  animation: blink 1s infinite ease-in-out;
  -webkit-animation: blink 1s infinite ease-in-out;
}
.main .comment__form ::-moz-placeholder, .main .reply__form ::-moz-placeholder {
  font-size: 16px;
}
.main .comment__form ::placeholder,
.main .reply__form ::placeholder {
  font-size: 16px;
}
.main .comment__form .notARobot,
.main .reply__form .notARobot {
  width: 328px;
  max-width: 100%;
}
.main .comment__form textarea,
.main .reply__form textarea {
  border: 1px solid #c8cfe2;
  background: #ffffff;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  resize: none;
  height: 167px;
}
.main .comment__form button,
.main .reply__form button {
  margin-top: 11px;
}
.main .comment__form ::-webkit-scrollbar,
.main .reply__form ::-webkit-scrollbar {
  width: 0;
}

label {
  display: flex;
  align-items: center;
  gap: 16px;
  display: inline-flex;
  width: -moz-fit-content;
  width: fit-content;
}

input.checkbox {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
input.checkbox:checked + .checkStyle::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: url(../images/icons/check.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.checkStyle {
  position: relative;
  display: flex;
  width: 42px;
  height: 42px;
  min-width: 42px;
  min-height: 42px;
  border: 1px solid #c8cfe2;
  background: #ffffff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

input.radio {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
input.radio:checked + .radioStyle {
  border: 1px solid #0077cc;
}
input.radio:checked + .radioStyle::before {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  top: 50%;
  left: 50%;
  background-color: #0077cc;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.radioStyle {
  position: relative;
  display: flex;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  border: 1px solid #c8cfe2;
  background: #ffffff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.mods__catalog {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.mods__catalog .item {
  padding: 11px 30px;
  border-radius: 30px;
  border: 1px solid #0077cc;
  color: #0077cc;
  font-weight: 500;
  font-size: 20px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.mods__catalog .item:hover {
  background: #0077cc;
  color: #fff;
}
.mods__catalog .item.active {
  background: #0077cc;
  color: #fff;
}

.showMeHow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #0077cc;
  gap: 8px;
  margin-bottom: 60px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  padding: 34px 37px 29px 38px;
}
.showMeHow strong {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 160%;
}
.showMeHow button {
  background-color: #fff;
  color: #0077cc;
  border: 1px solid #0077cc;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  padding: 14px 40px;
  min-width: 235px;
}
.showMeHow button:hover {
  background-color: #cde2f0;
}
@media (max-width: 768px) {
  .showMeHow {
    margin-bottom: 40px;
    flex-direction: column;
    padding: 20px 18px 20px 18px;
  }
  .showMeHow strong {
    font-size: 18px;
    text-align: center;
  }
}

.performanceUpgrades__container:not(:last-child) {
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .performanceUpgrades__container:not(:last-child) {
    margin-bottom: 40px;
  }
}
.performanceUpgrades__container .head {
  display: flex;
  gap: 31px;
  padding-left: 6px;
  margin-bottom: 27px;
}
.performanceUpgrades__container .popularity {
  background: #F4F7FF;
  display: flex;
  align-items: center;
  position: relative;
  top: -2px;
  padding: 8px 20px 6px;
  gap: 16px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}
.performanceUpgrades__container .popularity span {
  position: relative;
  top: 1px;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
}
.performanceUpgrades__container .likes {
  display: flex;
  flex: 1 1 auto;
  justify-content: end;
  position: relative;
  right: 1px;
  gap: 20px;
}
.performanceUpgrades__container .likes .fillLike,
.performanceUpgrades__container .likes .fillDisLike {
  display: none;
}
.performanceUpgrades__container .likes .green .fillLike {
  display: block;
}
.performanceUpgrades__container .likes .green .like {
  display: none;
}
.performanceUpgrades__container .likes .red .fillDisLike {
  display: block;
}
.performanceUpgrades__container .likes .red .disLike {
  display: none;
}
.performanceUpgrades__container .likes img {
  width: 34px;
  height: 35px;
  cursor: pointer;
}
.performanceUpgrades__container .title {
  color: #0077cc;
  font-size: 22px;
  font-weight: 600;
  line-height: 160%;
}
.performanceUpgrades__container .title span {
  position: relative;
  color: inherit;
}
.performanceUpgrades__container .title span::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #0077cc;
}

.modDescription {
  display: grid;
  gap: 34px 59px;
  grid-template-columns: 1fr 1fr;
}
.modDescription.darkBg {
  padding: 26px 30px 23px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.modDescription .item {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
}
.modDescription .item .showTooltip {
  min-width: 30px;
  min-height: 30px;
  background-image: url(../images/icons/info-circle2.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: translateX(-40%);
  -webkit-transform: translateX(-40%);
  -moz-transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  -o-transform: translateX(-40%);
}
.modDescription .item .showTooltip:hover {
  background-image: url(../images/icons/info-circle.svg);
}
.modDescription .item .tooltip {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  max-width: 213px;
  top: 100%;
  right: 0;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  z-index: 1;
  background: #ffffff;
  border: 1px solid #c8cfe2;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  padding: 20px;
}
.modDescription .item .showTooltip:hover + .tooltip {
  visibility: visible;
  opacity: 1;
}
.modDescription .item img {
  margin-right: 2px;
  position: relative;
  top: -2px;
}
.modDescription .item span {
  color: #0077cc;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  display: block;
}
.modDescription .item p {
  margin: 0;
  flex: 1 1 auto;
}
.modDescription .item p + img {
  top: 0;
}

.products {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 31px;
}
.products .item {
  display: flex;
  padding: 20px 20px 16px 20px;
  flex-direction: column;
  align-items: center;
  gap: 13px;
  border: 1px solid #c8cfe2;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.products .item [style*=background] {
  width: 105px;
  height: 118px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.products .item strong {
  overflow: hidden;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  color: #0077cc;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
}
.products .item:hover {
  transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
}
.products .item:nth-child(9) ~ .item {
  display: none;
}
.products.cars .item {
  padding: 20px 10px 16px 10px;
}
.products.cars .item [style*=background] {
  width: 100%;
  max-width: 200px !important;
}
@media (max-width: 1200px) {
  .products.cars .item {
    flex-direction: column;
  }
  .products.cars .item [style*=background] {
    width: 100%;
  }
}
@media (max-width: 500px) {
  .products.cars .item {
    align-items: center;
    gap: 15px;
  }
}

.slider__container {
  position: relative;
}
.slider__container .slider__indicators {
  position: absolute;
  left: 40px;
  bottom: 60px;
  background: #2d2f35;
  padding: 11px 14px 9px 14px;
  display: flex;
  align-items: center;
  gap: 7px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
}
.slider__container .slider__indicators::before {
  content: "";
  background-image: url(../images/icons/imgIcon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 27px;
  height: 27px;
  display: block;
  position: relative;
  top: -1px;
}

@media (max-width: 768px) {
  .header + .mods {
    border-top: 1px solid #c8cfe2;
  }
  .mods .crumbs .container {
    margin-top: 8px;
  }
  .mods .main .container {
    max-width: 100%;
  }
  .mods h1 {
    font-size: 24px;
    margin-top: 21px;
    margin-bottom: 13px;
  }
  .mods section {
    margin-bottom: 50px;
  }
  .mods .subtitle {
    font-size: 16px;
    font-weight: 700;
  }
  .mods .updated {
    font-size: 14px;
    margin-bottom: 9px;
  }
  .mods .banner__slider {
    margin-bottom: 30px;
    width: 100dvw;
    transform: translateX(-16px);
    -webkit-transform: translateX(-16px);
    -moz-transform: translateX(-16px);
    -ms-transform: translateX(-16px);
    -o-transform: translateX(-16px);
  }
  .mods .slider .slick-arrow.slick-prev {
    left: 14px;
  }
  .mods .slider .slick-arrow.slick-next {
    right: 14px;
  }
  .mods p {
    font-size: 16px;
    line-height: 180%;
    margin-bottom: 30px;
  }
  .mods .additions {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 160%;
    margin-bottom: 15px;
    margin-top: 0;
  }
  .mods .additions__container {
    margin-top: 49px;
    box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 18px 26px;
    margin-bottom: 51px;
  }
  .mods .list__wrapper ::-webkit-scrollbar {
    width: 2px;
  }
  .mods .yearDropdown {
    width: 100%;
    padding: 13px 16px 11px 20px;
    margin: 0 auto 2px;
  }
  .mods .yearDropdown .selected__value {
    font-size: 16px;
  }
  .mods ::-moz-placeholder {
    font-size: 16px;
  }
  .mods ::placeholder {
    font-size: 16px;
  }
  .mods h2 {
    font-size: 16px;
  }
  .mods .darkBg.catalog {
    padding: 15px 0 13px;
  }
  .mods .mods__catalog {
    gap: 12px 17px;
  }
  .mods .mods__catalog .item {
    font-size: 16px;
    padding: 5px 19px 3px;
    line-height: 138%;
  }
  .mods h3 {
    font-size: 24px;
    line-height: 144%;
    margin-bottom: 19px;
  }
  .mods h4 {
    font-size: 24px;
    margin-bottom: 21px;
  }
  .mods .section {
    margin-bottom: 51px;
  }
  .mods .upgrades__slider {
    transform-origin: top center;
    width: 100dvw;
    transform: translateX(-16px);
    -webkit-transform: translateX(-16px);
    -moz-transform: translateX(-16px);
    -ms-transform: translateX(-16px);
    -o-transform: translateX(-16px);
  }
  .mods .browseBtn {
    margin-top: 26px;
    font-size: 16px;
    padding: 18px 23px 19px;
    margin-bottom: 31px;
  }
  .mods .modDescription {
    position: relative;
    margin-top: 30px;
    gap: 14px;
    margin-bottom: 38px;
  }
  .mods .modDescription::after {
    content: "";
    position: absolute;
    width: 120%;
    height: 101%;
    background: #F4F7FF;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
  }
  .mods .modDescription.darkBg {
    padding: 25px 0px 23px;
  }
  .mods .modDescription .item {
    align-items: start;
    gap: 7px;
  }
  .mods .modDescription .item p {
    font-size: 14px;
    line-height: 140%;
  }
  .mods .modDescription .item img {
    width: 20px;
    height: 20px;
    margin: 0;
  }
  .mods .modDescription .item span {
    font-size: 14px;
  }
  .mods .modDescription .item .showTooltip {
    width: 20px;
    height: 20px;
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
  }
  .mods h5 {
    font-size: 16px;
    line-height: 162%;
  }
  .mods button.showMore {
    margin-top: 20px;
    font-size: 16px;
    padding: 18px 50px 19px;
  }
  .mods .darkBg {
    padding: 51px 0;
  }
  .mods ul {
    gap: 21px;
  }
  .mods ul li::before {
    min-width: 15px;
    min-height: 15px;
  }
  .mods ul li p {
    font-size: 18px;
    line-height: 139%;
  }
  .mods .comments__block {
    padding: 28px 16px 6px;
    margin-bottom: 51px;
  }
  .mods .comments__block p {
    font-size: 16px;
    margin-bottom: 7px;
  }
  .mods .comment__header {
    margin-bottom: 21px;
  }
  .mods .replyBtn {
    margin-bottom: 21px;
  }
  .mods .comments__container h4 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .performanceUpgrades__container .head {
    gap: 17px;
    padding: 0;
    flex-wrap: wrap;
    margin-bottom: 22px;
  }
  .performanceUpgrades__container .title {
    width: 100%;
    font-size: 16px;
  }
  .performanceUpgrades__container .popularity {
    padding: 9px;
    gap: 10px;
  }
  .performanceUpgrades__container .popularity img {
    width: 18px;
    height: 18px;
  }
  .performanceUpgrades__container .popularity span {
    font-size: 16px;
    letter-spacing: -0.2px;
  }
  .performanceUpgrades__container .likes {
    align-items: center;
    gap: 16px;
    right: 0;
    top: 1px;
  }
  .performanceUpgrades__container .likes img {
    width: 21px;
    height: 21px;
  }
  .slider__container .slider__indicators {
    font-size: 16px;
    left: 15px;
    bottom: 20px;
    padding: 6px 8px 3px 9px;
    gap: 5px;
  }
  .slider__container .slider__indicators::before {
    top: 0;
    width: 17px;
    height: 17px;
  }
  .products {
    grid-template-columns: repeat(2, 1fr);
    gap: 18px 14px;
  }
  .products .item {
    flex-direction: row;
    padding: 18px 10px 15px;
  }
  .products .item [style*=background] {
    min-width: 81px;
    min-height: 90px;
  }
  .products .item strong {
    font-size: 14px;
  }
  .main .comment__form button {
    padding: 19px;
    margin-top: 1px;
  }
}
@media (max-width: 500px) {
  .products {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .products .item {
    gap: 26px;
    flex-direction: row;
    align-items: start;
    padding: 12px 27px 12px 27px;
  }
  .products .item strong {
    padding-top: 13px;
    font-weight: 700;
    line-height: 140%;
  }
}
.signUp {
  display: flex;
  justify-content: center;
  align-items: center;
}
.signUp .authorization__wrapper {
  margin: 150px 0;
  width: 100%;
  max-width: 502px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 42px;
  padding: 60px 40px;
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.signUp .authorization__wrapper > a {
  width: 100%;
}
.signUp h1 {
  font-size: 34px;
  font-weight: 700;
  line-height: 160%;
  color: #494d58;
  margin: 0;
}
.signUp .authorization__withGoogle {
  background: transparent;
  border: 1px solid #c8cfe2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
}
.signUp .authorization__withGoogle span {
  letter-spacing: -0.3px;
}
.signUp .authorization__withGoogle:hover {
  background: #0077cc;
}
.signUp .authorization__withGoogle:hover span {
  color: #fff;
}
.signUp .or {
  position: relative;
  width: 100%;
  text-align: center;
}
.signUp .or::after {
  content: "";
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 1px;
  background: #c8cfe2;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: -2;
}
.signUp .or span {
  background: #fff;
  padding: 0 26px;
  font-size: 20px;
}
.signUp input {
  width: 100%;
}
.signUp form {
  display: flex;
  flex-direction: column;
  gap: 34px;
  width: 100%;
}
.signUp form input {
  padding: 16px 21px;
}
.signUp form input:focus {
  animation: blink 1s infinite ease-in-out;
  -webkit-animation: blink 1s infinite ease-in-out;
}
.signUp form button {
  border: 1px solid #0077cc;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  padding: 17px 50px;
}
.signUp form button:hover {
  background: #fff;
  color: #0077cc;
}
.signUp form p {
  margin: 0 auto;
}
.signUp form .notARobot {
  width: 89%;
  margin: 0 auto;
}
.signUp form a {
  position: relative;
  color: #0077cc;
}
.signUp form a::after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #0077cc;
}
.signUp .showHide {
  position: relative;
}
.signUp .showHide input {
  padding-right: 50px;
}
.signUp .showHide img {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  cursor: pointer;
}
.signUp .social__btns {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px 24px;
}
.signUp .social__btns a {
  width: 50px;
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  filter: drop-shadow(0px 4px 20px rgba(151, 173, 186, 0.25));
  -webkit-filter: drop-shadow(0px 4px 20px rgba(151, 173, 186, 0.25));
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.signUp .social__btns a:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
@media (max-width: 768px) {
  .signUp h1 {
    font-size: 24px;
  }
  .signUp .authorization__wrapper {
    padding: 40px 20px;
    gap: 29px;
    margin: 44px 0;
  }
  .signUp .authorization__with span {
    font-size: 16px;
  }
  .signUp form {
    gap: 18px;
  }
  .signUp form input {
    padding: 19px 21px;
  }
  .signUp form .notARobot {
    width: 100%;
  }
  .signUp form button {
    font-size: 16px;
  }
  .signUp .social__btns {
    gap: 24px 38px;
  }
  .signUp .social__btns a {
    width: 61px;
    height: 61px;
  }
}

.cabinet .crumbs ul,
.category_page .crumbs ul,
.mods .crumbs ul {
  gap: 11px;
}
.cabinet .crumbs li,
.category_page .crumbs li,
.mods .crumbs li {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.cabinet .crumbs li:last-child,
.category_page .crumbs li:last-child,
.mods .crumbs li:last-child {
  font-weight: 500;
}
.cabinet .crumbs li:not(:last-child):after,
.category_page .crumbs li:not(:last-child):after,
.mods .crumbs li:not(:last-child):after {
  content: "";
  background-image: url(../images/icons/crumbsArrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 6.6px;
  height: 12.2px;
  margin-left: 18px;
}
@media (max-width: 900px) {
  .cabinet .crumbs ul,
  .category_page .crumbs ul,
  .mods .crumbs ul {
    margin-top: 12px;
    padding-bottom: 9px;
  }
}

.addFriends,
.buttonPlus {
  max-width: 55px;
  max-height: 55px;
  min-width: 55px;
  min-height: 55px;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F4F7FF;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  position: relative;
}
.addFriends::after,
.buttonPlus::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  background-image: url("../images/icons/add.svg");
  width: 15px;
  height: 15px;
}
.addFriends:hover,
.buttonPlus:hover {
  background: #0077cc;
}
.addFriends:hover::after,
.buttonPlus:hover::after {
  filter: invert(1) saturate(0) brightness(1.8);
  -webkit-filter: invert(1) saturate(0) brightness(1.8);
}

.buttonPlus {
  max-width: 44px;
  max-height: 44px;
  min-width: 44px;
  min-height: 44px;
}

.cabinet .crumbs {
  margin-bottom: 10px;
}
.cabinet .cabinet__wrapper {
  display: flex;
  gap: 40px;
  position: relative;
}
.cabinet .cabinet__wrapper ::-webkit-scrollbar {
  width: 0px;
}
.cabinet h5 {
  color: #2d2f35;
}
.cabinet aside {
  display: flex;
  flex-direction: column;
  gap: 30px;
  min-width: 355px;
  z-index: 2;
  position: relative;
}
.cabinet aside h5 {
  font-size: 20px;
  font-weight: 600;
}
.cabinet aside button {
  background: none;
  border: none;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  width: 100%;
}
.cabinet aside .cabinet__menu {
  background: #F4F7FF;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .cabinet aside .cabinet__menu {
    overflow: visible;
  }
}
.cabinet aside .cabinet__menu > * {
  font-size: 18px;
  font-weight: 500;
}
.cabinet aside .cabinet__menu > *:last-child {
  border-bottom: none;
}
.cabinet aside .cabinet__menu a.visited {
  background: #0077cc;
  color: #fff;
}
.cabinet aside .cabinet__menu a.visited img.menu__icon {
  display: none;
}
.cabinet aside .cabinet__menu a.visited img.menu__icon.white {
  display: block;
}
.cabinet aside .cabinet__menu .white {
  display: none;
}
.cabinet aside .cabinet__menu a,
.cabinet aside .cabinet__menu button {
  padding: 25px 29px;
  display: flex;
  gap: 10px;
  font-size: 18px;
  align-items: center;
  border-bottom: 1px solid #c8cfe2;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  min-height: 73px;
  line-height: 140%;
}
.cabinet aside .cabinet__menu a:hover,
.cabinet aside .cabinet__menu button:hover {
  box-shadow: 0px 4px 30px 0px rgba(151, 173, 186, 0.4) inset;
}
.cabinet aside .cabinet__menu .button__level2 ~ .menu__dropdown-content * {
  font-size: 16px;
  line-height: 150%;
}
.cabinet aside .cabinet__menu .button__level2 ~ .menu__dropdown-content .count {
  font-size: 0.7rem;
}
.cabinet aside .cabinet__menu .menu__icon {
  width: 30px;
  height: 30px;
}
.cabinet aside .cabinet__menu .add {
  display: flex;
  align-items: center;
  gap: 15px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.cabinet aside .cabinet__menu .add img {
  width: 15px;
  height: 15px;
}
.cabinet aside .cabinet__menu .count {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  background: #0077cc;
  color: #fff;
  width: 26px;
  height: 26px;
  margin-left: 7px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}
.cabinet aside .cabinet__menu .menu__dropdown img {
  width: 30px;
  height: 30px;
}
.cabinet aside .cabinet__menu .menu__dropdown .menu__dropdown-button {
  width: 100%;
  background: none;
  color: #2d2f35;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.2s linear;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.cabinet aside .cabinet__menu .menu__dropdown .menu__dropdown-button:after {
  content: "";
  margin-left: auto;
  min-width: 16px;
  min-height: 15px;
  background-image: url(../images/icons/down.svg);
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.cabinet aside .cabinet__menu .menu__dropdown .menu__dropdown-button.is-open:after {
  content: "";
  transform: scale(1, -1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
}
.cabinet aside .cabinet__menu .menu__dropdown .menu__dropdown-content {
  color: #494d58;
  font-size: 20px;
  font-weight: 400;
  display: none;
  background: #dde4f7;
}
.cabinet aside .cabinet__menu .menu__dropdown .menu__dropdown-content .menu__dropdown-content {
  background: #cdd7f3;
}
.cabinet aside .cabinet__menu .menu__dropdown .menu__dropdown-content .menu__dropdown-content > * {
  border-bottom: 1px solid #bec7dc;
}
.cabinet aside .cabinet__menu .menu__dropdown .menu__dropdown-content p {
  margin: 0;
  line-height: 143.9%;
}
.cabinet aside .cabinet__menu .menu__dropdown .menu__dropdown-content.is-open {
  display: block;
}
.cabinet aside .friends__wrapper,
.cabinet aside .groups__wrapper {
  padding: 32px 28px;
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  background-color: #fff;
}
.cabinet aside .friends__wrapper header,
.cabinet aside .groups__wrapper header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}
.cabinet aside .friends__wrapper header a,
.cabinet aside .groups__wrapper header a {
  color: #0077cc;
  font-size: 16px;
  position: relative;
}
.cabinet aside .friends__wrapper header a::after,
.cabinet aside .groups__wrapper header a::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #0077cc;
}
@media (max-width: 500px) {
  .cabinet aside .friends__wrapper,
  .cabinet aside .groups__wrapper {
    padding: 20px 18px;
  }
}
.cabinet aside .friends {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px 8px;
}
.cabinet aside .friends .friend {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
  width: 63px;
}
.cabinet aside .friends .friend .friend__avatar {
  width: 55px;
  height: 55px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.cabinet aside .friends .friend .friend__name {
  text-align: center;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 500px) {
  .cabinet aside .friends {
    gap: 25px 10px;
  }
  .cabinet aside .friends .friend {
    width: 55px;
  }
}
.cabinet aside .groups {
  display: grid;
  gap: 15px;
}
.cabinet aside .groups .group {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 18px;
}
.cabinet aside .groups .group__img {
  width: 60px;
  height: 60px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.cabinet aside .groups .group__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cabinet aside .groups strong {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}
.cabinet aside .groups span {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 1200px) {
  .cabinet aside {
    position: absolute;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    padding-bottom: 200px;
    transform: translateX(-1000px);
    -webkit-transform: translateX(-1000px);
    -moz-transform: translateX(-1000px);
    -ms-transform: translateX(-1000px);
    -o-transform: translateX(-1000px);
    background: #F4F7FF;
  }
  .cabinet aside.active {
    top: 0;
    left: 0;
    width: 50dvw;
    height: 100dvh;
    overflow-y: auto;
    padding-bottom: 200px;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.7);
  }
  .cabinet aside .friends__wrapper,
  .cabinet aside .groups__wrapper {
    margin: 0 30px;
  }
}
@media (max-width: 768px) {
  .cabinet aside.active {
    width: 100dvw;
  }
}
.cabinet .content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 60px;
  max-width: 894px;
}
@media (max-width: 1200px) {
  .cabinet .content {
    max-width: 100%;
  }
}
.cabinet .content h4 {
  font-size: 28px;
  line-height: 140%;
  letter-spacing: 0.3px;
}
.cabinet .content .browseBtn {
  margin: 0;
}
.cabinet .content .tags {
  gap: 10px 13px;
  display: flex;
  flex-wrap: wrap;
}
.cabinet .content .tags > * {
  color: #0077cc;
  display: block;
  font-size: 12px;
  padding: 5px 8px;
  background: #F4F7FF;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
}
.cabinet .content .tags a:hover {
  background: #0077cc;
  color: #fff;
}
.cabinet .content .user {
  display: flex;
  align-items: center;
  gap: 14px;
}
.cabinet .content .user .avatar {
  width: 44px;
  height: 44px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.cabinet .content .user .name {
  font-size: 16px;
  line-height: 24px;
}
.cabinet .content .date {
  display: flex;
  align-items: center;
  gap: 14px;
  position: relative;
  top: -1px;
}
.cabinet .content .date img {
  position: relative;
  top: -1px;
}
.cabinet .content .achievements__wrapper,
.cabinet .content .myGarage__wrapper,
.cabinet .content .storyPreview__wrapper,
.cabinet .content .myFeed__wrapper,
.cabinet .content .latestStories__wrapper,
.cabinet .content .news__wrapper,
.cabinet .content .stories,
.cabinet .content .createdStep,
.cabinet .content .createdProducts {
  display: flex;
  flex-direction: column;
  gap: 29px;
}
@media (max-width: 768px) {
  .cabinet .content .achievements__wrapper,
  .cabinet .content .myGarage__wrapper,
  .cabinet .content .storyPreview__wrapper,
  .cabinet .content .myFeed__wrapper,
  .cabinet .content .latestStories__wrapper,
  .cabinet .content .news__wrapper,
  .cabinet .content .stories,
  .cabinet .content .createdStep,
  .cabinet .content .createdProducts {
    gap: 17px;
  }
}
.cabinet .content .stepsContainer {
  display: flex;
  flex-direction: column;
  gap: 37px;
}
@media (max-width: 768px) {
  .cabinet .content .stepsContainer {
    gap: 17px;
  }
}
.cabinet .content .userInfo {
  display: flex;
  gap: 31px;
}
.cabinet .content .userInfo .userInfo__avatar {
  width: 150px;
  height: 150px;
  background: #F4F7FF;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  overflow: hidden;
}
.cabinet .content .userInfo .userInfo__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cabinet .content .userInfo .userInfo__details {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cabinet .content .userInfo .userInfo__details .userInfo__details-name {
  display: flex;
  gap: 17px;
  align-items: center;
}
.cabinet .content .userInfo .userInfo__details .userInfo__details-name h4 {
  font-size: 28px;
  font-weight: 600;
  line-height: 113%;
  letter-spacing: 0;
}
.cabinet .content .userInfo .userInfo__details .userInfo__details-rating {
  display: flex;
  gap: 14px;
  margin-top: 1px;
}
.cabinet .content .userInfo .userInfo__details .userInfo__details-rating .rating-stars {
  display: flex;
  gap: 4px;
}
.cabinet .content .userInfo .userInfo__details .userInfo__details-rating .rating-value {
  font-weight: 500;
}
.cabinet .content .userInfo .userInfo__details .userInfo__details-location {
  display: flex;
  align-items: center;
  gap: 9px;
  font-weight: 500;
  margin-top: 12px;
}
.cabinet .content .userInfo .userInfo__details .userInfo__details-location img {
  width: 20px;
  height: 20px;
}
.cabinet .content .userInfo .userInfo__details .userInfo__details-location span {
  position: relative;
  top: 1px;
}
.cabinet .content .userInfo .userInfo__details .onSite {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background: #F4F7FF;
  padding: 6px 15px;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 12px;
}
@media (max-width: 768px) {
  .cabinet .content .userInfo {
    gap: 18px;
  }
  .cabinet .content .userInfo .userInfo__avatar {
    margin-top: 4px;
    width: 103px;
    height: 103px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
  }
  .cabinet .content .userInfo .userInfo__details .userInfo__details-name {
    gap: 11px;
  }
  .cabinet .content .userInfo .userInfo__details .userInfo__details-name h4 {
    font-size: 15px;
  }
  .cabinet .content .userInfo .userInfo__details .userInfo__details-rating {
    gap: 6px;
    font-size: 14px;
  }
  .cabinet .content .userInfo .userInfo__details .userInfo__details-rating img {
    width: 15px;
    height: 15px;
  }
  .cabinet .content .userInfo .userInfo__details .userInfo__details-location {
    margin-top: 3px;
    font-size: 14px;
  }
  .cabinet .content .userInfo .userInfo__details .userInfo__details-location span {
    top: 0;
  }
  .cabinet .content .userInfo .userInfo__details .onSite {
    margin-top: 6px;
    font-size: 14px;
    padding: 7px 11px 6px;
  }
}
.cabinet .content .achievements__wrapper .achievements {
  padding: 26px 30px 21px;
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
  border-radius: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  display: grid;
  grid-template-columns: 500px auto;
  font-weight: 500;
}
.cabinet .content .achievements__wrapper .about__garage {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  align-self: start;
  margin-top: 9px;
  padding-bottom: 8px;
  padding-right: 6px;
  max-width: 500px;
}
.cabinet .content .achievements__wrapper .about__garage a {
  display: grid;
  grid-template-columns: 1.7fr 1fr;
  gap: 10px;
}
.cabinet .content .achievements__wrapper .about__garage a:nth-child(even) span {
  color: #0077cc;
}
.cabinet .content .achievements__wrapper .badges {
  display: flex;
  flex-wrap: wrap;
  gap: 27px;
  border-left: 1px solid #c8cfe2;
  padding-left: 20px;
  padding-top: 5px;
}
.cabinet .content .achievements__wrapper .badge {
  width: 56px;
  height: 53px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.cabinet .content .achievements__wrapper .badge .badge-quantity {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 116%;
}
.cabinet .content .achievements__wrapper .badge > * {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.cabinet .content .achievements__wrapper .badge * {
  color: inherit;
  text-align: center;
  font-weight: 500;
  font-size: 11px;
}
.cabinet .content .achievements__wrapper .badge svg {
  width: 100%;
  height: 100%;
}
.cabinet .content .achievements__wrapper .badge .tooltip {
  background: #F4F7FF;
  padding: 5px 8px;
  border-radius: 6px;
  position: absolute;
  top: -13px;
  left: 8px;
  white-space: nowrap;
  transform: translate(0%, 0%);
  -webkit-transform: translate(0%, 0%);
  -moz-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  -o-transform: translate(0%, 0%);
  z-index: 1;
  opacity: 0;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  pointer-events: none;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: #000;
}
.cabinet .content .achievements__wrapper .badge:hover .tooltip {
  opacity: 1;
  pointer-events: all;
}
.cabinet .content .achievements__wrapper .social {
  display: flex;
  gap: 16px;
  margin-top: 25px;
  border-top: 1px solid #c8cfe2;
  grid-column: 1/-1;
  padding-top: 20px;
  position: relative;
}
.cabinet .content .achievements__wrapper .social a {
  display: block;
  width: 22px;
  height: 22px;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
}
.cabinet .content .achievements__wrapper .social a:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.cabinet .content .achievements__wrapper .social::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 101%;
  height: 100%;
  background: #fff;
  opacity: 0.3;
  z-index: 1;
  pointer-events: none;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
}
@media (max-width: 900px) {
  .cabinet .content .achievements__wrapper .achievements {
    grid-template-columns: 1fr;
    padding: 16px 17px 23px;
  }
  .cabinet .content .achievements__wrapper .about__garage {
    gap: 10px 15px;
  }
  .cabinet .content .achievements__wrapper .about__garage a {
    gap: 27px;
  }
  .cabinet .content .achievements__wrapper .badges {
    justify-content: center;
    padding: 28px 0px 17px;
    margin-top: 13px;
    border-left: none;
    border-top: 1px solid #c8cfe2;
    gap: 29px 27px;
  }
  .cabinet .content .achievements__wrapper .badge {
    width: 60px;
    height: 58px;
  }
  .cabinet .content .achievements__wrapper .social {
    justify-content: center;
    margin: 0;
    padding-top: 30px;
    gap: 19px;
  }
}
.cabinet .content .myGarage__wrapper h5 {
  font-size: 18px;
  line-height: 160%;
  letter-spacing: -0.1px;
}
.cabinet .content .myGarage__wrapper .garage__item {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  border-radius: 10px;
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
  padding: 18px 30px 18px 18px;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
.cabinet .content .myGarage__wrapper .image {
  width: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  grid-column: 1/span 1;
  grid-row: 1/-1;
  aspect-ratio: 3/2;
}
.cabinet .content .myGarage__wrapper header {
  grid-column: 2/-1;
  grid-row: 1/span 1;
  margin-bottom: 19px;
  display: flex;
  gap: 20px;
  align-items: center;
}
.cabinet .content .myGarage__wrapper .greenBlock,
.cabinet .content .myGarage__wrapper .redBlock,
.cabinet .content .myGarage__wrapper .grayBlock {
  color: #fff;
  padding: 4px 12px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
}
.cabinet .content .myGarage__wrapper .greenBlock {
  background: #2bc628;
}
.cabinet .content .myGarage__wrapper .redBlock {
  background: #e13d3d;
}
.cabinet .content .myGarage__wrapper .grayBlock {
  background-color: #edf1fc;
  color: #494d58;
}
.cabinet .content .myGarage__wrapper .description {
  grid-column: 2/-1;
  grid-row: 2/span 1;
}
.cabinet .content .myGarage__wrapper main {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 12px;
  gap: 5px 10px;
  align-self: start;
}
.cabinet .content .myGarage__wrapper main > * {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.cabinet .content .myGarage__wrapper main span {
  color: #0077cc;
  display: flex;
  position: relative;
  top: 3px;
}
.cabinet .content .myGarage__wrapper footer {
  display: flex;
  align-items: center;
  gap: 17px;
  padding-top: 12px;
  border-top: 1px solid #c8cfe2;
}
.cabinet .content .myGarage__wrapper footer .footer__item {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 900px) {
  .cabinet .content .myGarage__wrapper main {
    grid-template-columns: 1fr;
    gap: 8px 10px;
    margin-bottom: 7px;
  }
  .cabinet .content .myGarage__wrapper h5 {
    line-height: 135%;
  }
}
@media (max-width: 768px) {
  .cabinet .content .myGarage__wrapper .garage__item {
    grid-template-columns: 1fr;
    padding: 19px 18px 19px;
  }
  .cabinet .content .myGarage__wrapper .greenBlock,
  .cabinet .content .myGarage__wrapper .redBlock {
    font-size: 11px;
    padding: 7px 13px 7px 14px;
  }
  .cabinet .content .myGarage__wrapper header {
    grid-column: 1/-1;
    grid-row: 1/span 1;
    margin-bottom: 11px;
    justify-content: space-between;
  }
  .cabinet .content .myGarage__wrapper header h5 {
    font-size: 16px;
  }
  .cabinet .content .myGarage__wrapper .image {
    grid-column: 1/-1;
    grid-row: 2/span 1;
    width: 100%;
    margin-bottom: 14px;
  }
  .cabinet .content .myGarage__wrapper .description {
    grid-column: 1/-1;
    grid-row: 3/span 1;
  }
}
@media (max-width: 500px) {
  .cabinet .content .myGarage__wrapper main > * {
    grid-template-columns: 1fr 1.5fr;
  }
  .cabinet .content .myGarage__wrapper main > * span {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
  }
  .cabinet .content .myGarage__wrapper footer {
    justify-content: center;
    padding-top: 17px;
  }
}
.cabinet .content .storyPreview__wrapper header {
  gap: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .cabinet .content .storyPreview__wrapper > header {
    justify-content: center;
  }
  .cabinet .content .storyPreview__wrapper > header h2 {
    font-size: 24px;
  }
}
.cabinet .content .myFeed__wrapper .feed__item {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
  padding: 26px 31px 22px 30px;
}
.cabinet .content .myFeed__wrapper .feed__item header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 17px;
  margin-bottom: 8px;
}
.cabinet .content .myFeed__wrapper .feed__item header a {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #0077cc;
  font-weight: 500;
}
.cabinet .content .myFeed__wrapper .feed__item header .img {
  width: 25px;
  height: 25px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.cabinet .content .myFeed__wrapper .feed__item header .date {
  position: relative;
  top: 1px;
}
.cabinet .content .myFeed__wrapper .feed__item header .date img {
  position: relative;
  top: 0px;
}
.cabinet .content .myFeed__wrapper .feed__item main {
  margin-bottom: 12px;
  display: grid;
  gap: 14px;
}
.cabinet .content .myFeed__wrapper .feed__item main a {
  color: #2d2f35;
  font-size: 20px;
  font-weight: 600;
  line-height: 180%;
}
.cabinet .content .myFeed__wrapper .feed__item main .response {
  gap: 8px;
  margin-left: 3px;
  font-weight: 500;
  line-height: 24px;
  position: relative;
  padding-left: 32px;
  display: grid;
}
.cabinet .content .myFeed__wrapper .feed__item main .response::before {
  content: "";
  display: block;
  width: 20px;
  height: 15px;
  background-image: url(../images/icons/arrow-right.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 2px;
  left: 0;
}
.cabinet .content .myFeed__wrapper .feed__item main .response * {
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
.cabinet .content .myFeed__wrapper .feed__item footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 19px;
  border-top: 1px solid #c8cfe2;
  margin-top: 27px;
}
@media (max-width: 768px) {
  .cabinet .content .myFeed__wrapper .feed__item {
    padding: 19px 18px 18px;
  }
  .cabinet .content .myFeed__wrapper .feed__item footer {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
@media (max-width: 500px) {
  .cabinet .content .myFeed__wrapper .feed__item header {
    flex-direction: column;
    align-items: start;
    gap: 18px;
    margin-bottom: 20px;
  }
  .cabinet .content .myFeed__wrapper .feed__item main {
    gap: 17px;
    margin-bottom: 15px;
  }
  .cabinet .content .myFeed__wrapper .feed__item main a {
    font-size: 16px;
  }
  .cabinet .content .myFeed__wrapper .feed__item main .response {
    margin-left: 0;
  }
  .cabinet .content .myFeed__wrapper .feed__item footer {
    margin: 0;
    padding: 0;
    flex-direction: column-reverse;
    border: none;
  }
  .cabinet .content .myFeed__wrapper .feed__item footer .user {
    width: 100%;
    margin-top: 15px;
    padding-top: 17px;
    border-top: 1px solid #c8cfe2;
  }
}
.cabinet .content .latestStories__wrapper .stories {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
.cabinet .content .latestStories__wrapper .stories .story {
  display: flex;
  flex-direction: column;
  gap: 11px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
  padding: 33px 30px 30px;
}
.cabinet .content .latestStories__wrapper .stories .story .date {
  gap: 14px;
}
.cabinet .content .latestStories__wrapper .stories .story .img {
  width: 100%;
  aspect-ratio: 3/2;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.cabinet .content .latestStories__wrapper .stories .story .title {
  color: #2d2f35;
  font-size: 20px;
  font-weight: 600;
  line-height: 162%;
}
.cabinet .content .latestStories__wrapper .stories .story .tags {
  margin-top: 6px;
}
.cabinet .content .latestStories__wrapper .stories .stories__btn {
  grid-column: 1/-1;
}
.cabinet .content .latestStories__wrapper .stories.grid-column-1 {
  grid-template-columns: 1fr;
}
.cabinet .content .latestStories__wrapper .stories.grid-column-1 .tags > * {
  padding: 8px 8px;
  font-size: 16px;
}
.cabinet .content .latestStories__wrapper .stories.grid-column-1 .story {
  display: grid;
}
.cabinet .content .latestStories__wrapper .stories.grid-column-1 .story .img {
  grid-column: 1/span 2;
  grid-row: 1/span 1;
}
.cabinet .content .latestStories__wrapper .stories.grid-column-1 .story .date {
  grid-column: 2/span 1;
  grid-row: 2/span 1;
  justify-content: end;
}
.cabinet .content .latestStories__wrapper .stories.grid-column-1 .story .user {
  grid-column: 1/span 1;
  grid-row: 2/span 1;
}
.cabinet .content .latestStories__wrapper .stories.grid-column-1 .story .title {
  grid-column: 1/span 2;
  grid-row: 3/span 1;
}
@media screen and (max-width: 768px) {
  .cabinet .content .latestStories__wrapper .stories.grid-column-1 .story .img {
    grid-column: 1/span 2;
    grid-row: 1/span 1;
  }
  .cabinet .content .latestStories__wrapper .stories.grid-column-1 .story .date {
    grid-column: 1/span 2;
    grid-row: 2/span 1;
    justify-content: start;
  }
  .cabinet .content .latestStories__wrapper .stories.grid-column-1 .story .user {
    grid-column: 1/span 2;
    grid-row: 3/span 1;
  }
  .cabinet .content .latestStories__wrapper .stories.grid-column-1 .story .title {
    grid-column: 1/span 2;
    grid-row: 4/span 1;
  }
  .cabinet .content .latestStories__wrapper .stories.grid-column-1 .story .tags {
    grid-column: 1/span 2;
    grid-row: 5/span 1;
  }
  .cabinet .content .latestStories__wrapper .stories.grid-column-1 .story .tags > * {
    padding: 5px 8px;
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .cabinet .content .latestStories__wrapper h3 {
    font-size: 26px;
    margin-top: 0px;
  }
  .cabinet .content .latestStories__wrapper .stories {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .cabinet .content .latestStories__wrapper .stories .story {
    padding: 22px 18px 18px;
    gap: 17px;
  }
  .cabinet .content .latestStories__wrapper .stories .story .date img {
    top: 0;
  }
  .cabinet .content .latestStories__wrapper .stories .story .title {
    font-size: 16px;
  }
  .cabinet .content .latestStories__wrapper .stories .story .user {
    margin-top: -1px;
  }
  .cabinet .content .latestStories__wrapper .stories .story .tags {
    margin-top: -2px;
  }
}
.cabinet .content .news__wrapper .news {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: repeat(5, auto);
  -moz-column-gap: 29px;
       column-gap: 29px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
  padding: 26px 31px 20px 30px;
}
.cabinet .content .news__wrapper .news .image {
  display: block;
  width: 300px;
  aspect-ratio: 3/2;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  grid-column: 1/span 1;
  grid-row: 1/-1;
}
.cabinet .content .news__wrapper .news .date {
  position: relative;
  top: 1px;
}
.cabinet .content .news__wrapper .news .description {
  grid-column: 2/-1;
  grid-row: 2/-1;
  display: flex;
  flex-direction: column;
}
.cabinet .content .news__wrapper .news header {
  grid-row: 1/span 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: -moz-fit-content;
  height: fit-content;
  margin-bottom: 15px;
  gap: 10px;
}
.cabinet .content .news__wrapper .news header a {
  color: #0077cc;
  font-weight: 600;
  line-height: 24px;
}
.cabinet .content .news__wrapper .news main {
  margin-bottom: 16px;
}
.cabinet .content .news__wrapper .news main a {
  color: #2d2f35;
  font-weight: 600;
  line-height: 180%;
  font-size: 20px;
}
.cabinet .content .news__wrapper .news footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 16px;
  border-top: 1px solid #c8cfe2;
}
.cabinet .content .news__wrapper .news footer .tags,
.cabinet .content .news__wrapper .news footer .reactions,
.cabinet .content .news__wrapper .news footer .reaction {
  display: flex;
  align-items: center;
}
.cabinet .content .news__wrapper .news footer .reactions {
  gap: 23px;
}
.cabinet .content .news__wrapper .news footer .reaction {
  gap: 7px;
}
@media (max-width: 768px) {
  .cabinet .content .news__wrapper .news {
    padding: 22px 18px 16px;
    grid-template-columns: 1fr;
  }
  .cabinet .content .news__wrapper .news header {
    grid-row: 1/span 1;
    grid-column: 1/-1;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 14px;
  }
  .cabinet .content .news__wrapper .news .image {
    grid-row: 2/span 1;
    grid-column: 1/-1;
    width: 100%;
    aspect-ratio: 16/9.25;
    margin-bottom: 10px;
  }
  .cabinet .content .news__wrapper .news .description {
    grid-row: 3/span 1;
    grid-column: 1/-1;
  }
  .cabinet .content .news__wrapper .news main {
    margin-bottom: 5px;
  }
  .cabinet .content .news__wrapper .news main a {
    font-size: 16px;
  }
  .cabinet .content .news__wrapper .news footer {
    flex-direction: column;
    border: none;
    margin-top: 11px;
    padding: 0;
    align-items: flex-start;
  }
  .cabinet .content .news__wrapper .news footer .reactions {
    width: 100%;
    border-top: 1px solid #c8cfe2;
    margin-top: 15px;
    padding-top: 18px;
  }
}
@media (max-width: 1200px) {
  .cabinet .content {
    gap: 50px;
    margin-top: 29px;
  }
  .cabinet .content h4 {
    font-size: 24px;
  }
}
.cabinet .showMobileMenu {
  background: #0077cc;
  color: #fff;
  padding: 20px 20px 18px;
  justify-content: center;
  align-items: center;
  gap: 14px;
  display: none;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
}
.cabinet .showMobileMenu img {
  position: relative;
  top: -1px;
  left: -3px;
}
@media (max-width: 1200px) {
  .cabinet .showMobileMenu {
    display: flex;
  }
}
.cabinet .editAvater {
  display: flex;
  gap: 26px;
}
.cabinet .editAvater * {
  font-size: 20px !important;
}
.cabinet .editAvater .avatar {
  width: calc(103px + 47 * (100vw - 360px) / 1560);
  aspect-ratio: 1/1;
}
.cabinet .editAvater .avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cabinet .editAvater .buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
}
.cabinet .editAvater .edit,
.cabinet .editAvater .delete {
  border: 2px solid;
  background-color: transparent;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  padding: 12px 29px;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
}
.cabinet .editAvater .edit {
  border-color: #0077cc;
  color: #0077cc;
}
.cabinet .editAvater .edit:hover {
  background-color: #0077cc;
  color: #fff;
}
.cabinet .editAvater .delete {
  border-color: #e13d3d;
  color: #e13d3d;
}
.cabinet .editAvater .delete:hover {
  background-color: #e13d3d;
  color: #fff;
}
.cabinet #editProfile {
  display: flex;
  flex-direction: column;
}
.cabinet input:focus {
  animation: blink 1s infinite ease-in-out;
  -webkit-animation: blink 1s infinite ease-in-out;
}
.cabinet input,
.cabinet button {
  height: 60px;
  padding: 0 19px 0 20px;
}
.cabinet .editInfo {
  margin-top: 40px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
  padding: 50px 30px;
  display: grid;
  gap: 30px;
}
.cabinet .editInfo .select2 {
  width: 100% !important;
}
.cabinet .editInfo ::-webkit-scrollbar {
  width: 9px;
}
.cabinet .editInfo ::-webkit-scrollbar-track {
  background: #c8cfe2;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.cabinet .editInfo .showHide {
  position: relative;
}
.cabinet .editInfo .showHide input {
  padding-right: 50px;
  width: 100%;
}
.cabinet .editInfo .showHide img {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  cursor: pointer;
}
.cabinet .editInfo strong {
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  display: block;
}
.cabinet .editInfo > * {
  width: 100%;
}
.cabinet .editInfo .socialsMedia {
  margin-top: 10px;
  display: grid;
  gap: 14px;
}
.cabinet .editInfo .socialMedia {
  display: flex;
}
.cabinet .editInfo .socialMedia input {
  flex: 1 1 auto;
}
.cabinet .editInfo .socialMedia .select2 {
  width: 248px !important;
  margin-left: 30px;
}
.cabinet .editInfo .nickname-birthDay,
.cabinet .editInfo .zip-city {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
.cabinet .editInfo .nickname-birthDay input {
  width: 100%;
}
.cabinet .editInfo .birthDay {
  position: relative;
}
.cabinet .editInfo .birthDay .calendar {
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
}
.cabinet .editInfo .birthDay .placeholder {
  position: absolute;
  top: 1px;
  left: 21px;
  background: #fff;
  height: 100%;
}
.cabinet .editInfo .submitBtn {
  border: 1px solid #0077cc;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
}
.cabinet .editInfo .submitBtn:hover {
  background: #fff;
  color: #0077cc;
}
.cabinet .addSocial,
.cabinet .removeSocial {
  margin-left: 25px;
  max-width: 55px;
  max-height: 55px;
  min-width: 55px;
  min-height: 55px;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F4F7FF;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  position: relative;
}
.cabinet .addSocial::after,
.cabinet .removeSocial::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 15px;
  height: 15px;
}
.cabinet .addSocial:hover,
.cabinet .removeSocial:hover {
  background: #0077cc;
}
.cabinet .addSocial:hover::after,
.cabinet .removeSocial:hover::after {
  filter: invert(1) saturate(0) brightness(1.8);
  -webkit-filter: invert(1) saturate(0) brightness(1.8);
}
@media (max-width: 768px) {
  .cabinet .addSocial,
  .cabinet .removeSocial {
    margin-left: 15px;
  }
}
.cabinet .addSocial::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  background-image: url("../images/icons/add.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 15px;
  height: 15px;
}
.cabinet .removeSocial {
  display: none;
}
.cabinet .removeSocial::after {
  background-image: url("../images/icons/remove.svg");
}
.cabinet .textarea__wrapper {
  padding: 19px 23px 15px 20px;
  border: 1px solid #c8cfe2;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.cabinet .textarea__wrapper textarea {
  height: 150px;
  width: 100%;
  resize: none;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
}
.cabinet .textarea__wrapper:focus-within {
  animation: blink 1s infinite ease-in-out;
  -webkit-animation: blink 1s infinite ease-in-out;
}
.cabinet .goBack {
  display: none;
  font-weight: 700;
}
.cabinet .goBack::before {
  content: url(../images/icons/down.svg);
  position: relative;
  rotate: 90deg;
  display: inline-block;
  background: transparent;
  top: 0;
}
.cabinet .car__banner {
  width: 100%;
  position: relative;
}
.cabinet .car__banner header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 31px;
  /* this style interferes to copy another elements */
  /*
  * {
    grid-column: 1/ -1;
  }*/
}
.cabinet .car__banner header h1 {
  margin-bottom: 3px;
  grid-column: 1/span 2;
  grid-row: 1/span 1;
}
.cabinet .car__banner header .written {
  grid-column: 1/span 1;
  grid-row: 3/span 1;
  margin-bottom: 5px;
}
.cabinet .car__banner header .headerDate {
  grid-column: 2/span 1;
  grid-row: 3/span 1;
  display: flex;
  justify-content: flex-end;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  color: #8B909F;
}
.cabinet .car__banner header div {
  grid-column: 2/span 1;
  display: flex;
  justify-content: flex-end;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  color: #8B909F;
}
.cabinet .car__banner header .likes {
  grid-column: 2/span 1;
  grid-row: 2/span 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 27px;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 15px;
}
.cabinet .car__banner header .likes .like-wrapper {
  display: flex;
  align-items: center;
  gap: 7px;
}
.cabinet .car__banner header .likes .like-wrapper._likes img {
  width: 35px;
}
.cabinet .car__banner header .likes .like-wrapper._messages img {
  width: 28px;
}
.cabinet .car__banner header .likes img {
  max-width: 35px;
  width: 35px;
  cursor: pointer;
}
.cabinet .car__banner header strong {
  color: #0077cc;
  font-size: 22px;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 20px;
  margin-top: 15px;
  grid-column: 1/span 1;
  grid-row: 2/span 1;
}
.cabinet .car__banner header strong.grid-two-col {
  grid-column-end: span 2;
}
.cabinet .car__banner header a {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  background: #F4F7FF;
  border-radius: 5px;
  padding: 4px 7px;
  width: -moz-fit-content;
  width: fit-content;
  grid-column: 1/span 1;
}
.cabinet .car__banner .sliders .slider__container {
  aspect-ratio: 3/2;
}
.cabinet .car__banner .sliders .digSlider {
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .cabinet .car__banner .sliders .digSlider {
    width: 100%;
    margin-bottom: 14px;
  }
}
@media (max-width: 768px) {
  .cabinet .car__banner .sliders .digSlider {
    max-width: calc(100% + 32px);
    width: calc(100% + 32px);
    margin-left: -16px;
  }
}
.cabinet .car__banner .sliders .smallSlider {
  padding-right: 43px;
  position: relative;
}
@media (max-width: 1200px) {
  .cabinet .car__banner .sliders .smallSlider {
    width: 100%;
  }
}
.cabinet .car__banner .sliders .smallSlider .slider__item {
  width: 100% !important;
  aspect-ratio: 3/2;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  cursor: pointer;
}
.cabinet .car__banner .sliders .smallSlider .slick-list {
  overflow: hidden;
}
.cabinet .car__banner .sliders .smallSlider .slick-track {
  display: flex;
}
.cabinet .car__banner .sliders .smallSlider .slick-slide {
  margin-right: 15px;
}
.cabinet .car__banner .sliders .smallSlider .slick-arrow {
  position: absolute;
  top: 50%;
  font-size: 0;
  padding: 0;
  width: 30px;
  aspect-ratio: 1/1;
  height: auto;
}
.cabinet .car__banner .sliders .smallSlider .slick-arrow.slick-prev {
  display: none;
  opacity: 0;
  pointer-events: none;
}
.cabinet .car__banner .sliders .smallSlider .slick-arrow.slick-next {
  right: 0;
  background-image: url(../images/icons/accordion-arrow.svg);
  background-color: #0077cc;
  background-repeat: no-repeat;
  background-position: center;
  transform: translateY(-50%) rotate(-90deg);
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
}
@media (max-width: 768px) {
  .cabinet .car__banner header {
    grid-template-columns: 1fr;
  }
  .cabinet .car__banner header h1 {
    margin-bottom: 9px;
    grid-row: 1/span 1;
    grid-column: 1/span 1;
    font-size: 28px;
  }
  .cabinet .car__banner header strong {
    font-size: 20px;
    grid-column: 1/span 1;
    grid-row: 2/span 1;
    font-size: 20px;
  }
  .cabinet .car__banner header .likes {
    margin-left: auto;
    grid-row: auto;
    grid-column: 1/span 1;
    justify-content: flex-start;
    font-size: 16px;
  }
  .cabinet .car__banner header .likes img {
    max-width: 25px;
    width: 25px;
  }
  .cabinet .car__banner header .written {
    grid-column: 1/span 1;
    grid-row: 3/span 1;
    font-size: 16px;
  }
  .cabinet .car__banner header .headerDate {
    grid-column: 1/span 1;
    display: none;
  }
  .cabinet .car__banner header .likes {
    display: none;
  }
}
.cabinet.cabinet__auto h1 {
  font-size: 40px;
  font-weight: 600;
  line-height: 140%;
  color: #494d58;
}
.cabinet.cabinet__auto h2 {
  font-size: 28px;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 14px;
}
.cabinet.cabinet__auto h3 {
  font-size: 25px;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 14px;
  margin-top: 60px;
}
.cabinet.cabinet__auto h4 {
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 14px;
  margin-top: 40px;
}
.cabinet.cabinet__auto .stepsBox > header,
.cabinet.cabinet__auto .summaryBox > header,
.cabinet.cabinet__auto .usedProdBox > header {
  margin-bottom: 25px;
}
.cabinet.cabinet__auto .stepsBox h2,
.cabinet.cabinet__auto .summaryBox h2,
.cabinet.cabinet__auto .usedProdBox h2 {
  font-size: 28px;
}
@media (max-width: 1322px) {
  .cabinet.cabinet__auto .slick-slider {
    max-width: calc(762px + 89 * (100vw - 1201px) / 121);
  }
}
.cabinet.cabinet__auto .storyPreview__wrapper .stories .item:nth-child(3) ~ .item {
  display: none;
}
@media (max-width: 1200px) {
  .cabinet.cabinet__auto .slick-slider {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .cabinet.cabinet__auto h1 {
    font-size: 28px;
  }
  .cabinet.cabinet__auto h2 {
    font-size: 20px;
  }
  .cabinet.cabinet__auto h3 {
    font-size: 20px;
  }
  .cabinet.cabinet__auto h4 {
    font-size: 16px;
    margin-top: 30px;
  }
}
.cabinet .aboutCar {
  background: #fff;
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 30px 30px;
}
.cabinet .aboutCar h2 {
  margin-bottom: 20px;
}
.cabinet .aboutCar .info {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.cabinet .aboutCar p:last-child {
  margin-bottom: 0;
}
.cabinet .aboutCar p {
  font-size: 20px;
  font-weight: 500;
  line-height: 180%;
}
.cabinet .aboutCar .readMore {
  background: transparent;
  padding: 0;
  color: #0077cc;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-decoration-line: underline;
  margin-top: 20px;
  text-align: start;
}
@media (max-width: 768px) {
  .cabinet .aboutCar {
    padding: 29px 20px;
  }
  .cabinet .aboutCar h2 {
    margin-bottom: 22px;
  }
  .cabinet .aboutCar p {
    font-size: 16px;
  }
}
.cabinet .videos header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.cabinet .videos header .videos__counter {
  color: #0077cc;
  font-size: 16px;
  font-weight: 600;
  line-height: 180%;
}
.cabinet .videos header .number {
  color: inherit;
}
.cabinet .videos .popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.cabinet .videos .popup iframe {
  width: 90%;
  aspect-ratio: 16/9;
}
.cabinet .videos .videos__slider {
  position: relative;
}
.cabinet .videos .videos__slider .slider__item {
  cursor: pointer;
  margin-right: 20px;
}
.cabinet .videos .videos__slider iframe {
  width: 100%;
  aspect-ratio: 3/2;
  pointer-events: none;
}
.cabinet .videos .videos__slider .slick-list {
  overflow: hidden;
  width: 102%;
}
.cabinet .videos .videos__slider .slick-track {
  display: flex;
}
.cabinet .videos .videos__slider .slick-arrow {
  position: absolute;
  top: 50%;
  font-size: 0;
  padding: 0;
  width: 30px;
  aspect-ratio: 1/1;
}
.cabinet .videos .videos__slider .slick-arrow.slick-prev {
  display: none;
  opacity: 0;
  pointer-events: none;
}
.cabinet .videos .videos__slider .slick-arrow.slick-next {
  right: 17px;
  background-image: url(../images/icons/accordion-arrow.svg);
  background-color: #0077cc;
  background-repeat: no-repeat;
  background-position: center;
  transform: translateY(-50%) rotate(-90deg);
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
}
@media (max-width: 768px) {
  .cabinet .videos .videos__slider .slider__item {
    margin-right: 10px;
  }
  .cabinet .videos .videos__slider .slick-arrow.slick-next {
    right: 2px;
  }
}
.cabinet .statistic {
  background-color: #F4F7FF;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 37px 28px;
}
.cabinet .statistic h5 {
  margin-bottom: 15px;
  margin-top: 20px;
}
.cabinet .statistic header {
  display: flex;
  margin-bottom: 20px;
  gap: 30px;
  align-items: center;
}
.cabinet .statistic header span {
  display: inline-block;
  background: #0077cc;
  color: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  padding: 0 12px;
  font-size: 18px;
  font-weight: 500;
  line-height: 180%;
}
.cabinet .statistic main {
  -moz-columns: 2;
       columns: 2;
  gap: 20px;
}
.cabinet .statistic main .statistic__item {
  display: grid;
  grid-template-columns: 0.63fr 1fr;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  gap: 10px;
  margin-bottom: 14px;
}
.cabinet .statistic main .statistic__item > * ~ * {
  color: #0077cc;
}
.cabinet .statistic .three_cols {
  -moz-columns: 3;
       columns: 3;
  gap: 20px;
}
.cabinet .statistic .three_cols .statistic__item {
  display: grid;
  grid-template-columns: 1.7fr 1fr;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  gap: 10px;
  margin-bottom: 14px;
}
.cabinet .statistic .three_cols .statistic__item > * ~ * {
  color: #0077cc;
}
.cabinet .statistic footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 31px;
  padding-top: 26px;
  border-top: 1px solid #c8cfe2;
  margin-top: 10px;
}
.cabinet .statistic footer .footer__item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
}
.cabinet .statistic footer .footer__item img {
  width: 25px;
  height: 25px;
}
@media (max-width: 900px) {
  .cabinet .statistic main {
    -moz-columns: 1;
         columns: 1;
  }
  .cabinet .statistic main .statistic__item {
    font-size: 16px;
    margin-bottom: 16px;
    grid-template-columns: 0.7fr 1fr;
  }
  .cabinet .statistic .three_cols {
    -moz-columns: 1;
         columns: 1;
  }
  .cabinet .statistic .three_cols .value {
    text-align: end;
  }
}
@media (max-width: 768px) {
  .cabinet .statistic {
    margin-left: -16px;
    width: calc(100% + 32px);
    padding: 32px 19px 22px 20px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
  }
  .cabinet .statistic header {
    flex-direction: column;
    gap: 11px;
    align-items: start;
  }
  .cabinet .statistic header span {
    font-size: 16px;
  }
  .cabinet .statistic footer {
    padding-top: 18px;
    gap: 20px;
  }
  .cabinet .statistic footer .footer__item {
    font-size: 16px;
    gap: 4px;
  }
  .cabinet .statistic footer .footer__item img {
    width: 18px;
    height: 18px;
  }
}
.cabinet .lifetime h2 {
  margin-bottom: 20px;
}
.cabinet .lifetime .lifetime__item + .lifetime__item {
  margin-top: 18px;
}
.cabinet .lifetime .lifetime__item strong {
  color: #0077cc;
  font-size: 28px;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 26px;
  display: block;
}
.cabinet .lifetime .lifetime__item ul {
  gap: 26px;
  overflow: hidden;
}
.cabinet .lifetime .lifetime__item li {
  display: grid;
  grid-template-columns: 140px 1fr;
  padding-left: 110px;
}
.cabinet .lifetime .lifetime__item li::before {
  position: absolute;
  top: 11px;
  left: 26px;
  background: #0077cc;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 13px;
  height: 13px;
  min-width: 13px;
  min-height: 13px;
  z-index: 1;
}
.cabinet .lifetime .lifetime__item li::after {
  content: "";
  position: absolute;
  top: 0;
  left: 32px;
  background: #c8cfe2;
  width: 1px;
  height: 200%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.cabinet .lifetime .lifetime__item li .name {
  font-size: 20px;
  font-weight: 400;
  line-height: 180%;
}
.cabinet .lifetime .lifetime__item li .value {
  font-size: 20px;
  font-weight: 600;
  line-height: 180%;
}
.cabinet .lifetime .lifetime__item li a {
  color: #0077cc;
  /*text-decoration-line: underline;*/
}
.cabinet .lifetime .lifetime__item li:first-child::after {
  transform: translateY(-20%);
  -webkit-transform: translateY(-20%);
  -moz-transform: translateY(-20%);
  -ms-transform: translateY(-20%);
  -o-transform: translateY(-20%);
}
@media (max-width: 768px) {
  .cabinet .lifetime .lifetime__item strong {
    font-size: 26px;
    margin-bottom: 10px;
  }
  .cabinet .lifetime .lifetime__item ul {
    gap: 19px;
  }
  .cabinet .lifetime .lifetime__item li {
    padding-left: 25px;
    gap: 10px;
    grid-template-columns: 100px 1fr;
  }
  .cabinet .lifetime .lifetime__item li .name {
    font-size: 16px;
  }
  .cabinet .lifetime .lifetime__item li .value {
    font-size: 16px;
    line-height: 140%;
  }
  .cabinet .lifetime .lifetime__item li a.value {
    line-height: 180%;
  }
  .cabinet .lifetime .lifetime__item li::before {
    top: 7px;
    left: 0;
  }
  .cabinet .lifetime .lifetime__item li::after {
    left: 6px;
  }
}
.cabinet .driver {
  background-color: #F4F7FF;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 28px 30px;
}
.cabinet .driver h2 {
  margin-bottom: 20px;
}
.cabinet .driver .about__driver {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: repeat(4, auto);
  -moz-column-gap: 30px;
       column-gap: 30px;
}
.cabinet .driver .details {
  grid-column: 2/-1;
  grid-row: 2/-1;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: flex-start;
  row-gap: 30px;
}
.cabinet .driver .details .onSite {
  background-color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 14px;
  margin-top: 11px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.cabinet .driver .avatar {
  width: calc(104px + 46 * (100vw - 360px) / 1560);
  aspect-ratio: 1/1;
  grid-column: 1/span 1;
  grid-row: 1/span 2;
  margin-bottom: 20px;
}
.cabinet .driver .main__info {
  margin-bottom: 20px;
}
.cabinet .driver .main__info header {
  display: flex;
  align-items: center;
  gap: 19px;
  flex-wrap: wrap;
}
.cabinet .driver .main__info .name {
  font-size: 20px;
  font-weight: 600;
  line-height: 140%;
}
.cabinet .driver .main__info .location {
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  margin-right: auto;
}
.cabinet .driver .main__info .rating {
  display: flex;
  align-items: center;
  gap: 13px;
}
.cabinet .driver .details__wrapper {
  -moz-columns: 3;
       columns: 3;
  -moz-column-gap: 10px;
       column-gap: 10px;
  grid-column: 1/-1;
}
.cabinet .driver .follow {
  display: block;
}
.cabinet .driver .follow button {
  padding: 12px 30px;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
}
.cabinet .driver .details__item {
  display: grid;
  grid-template-columns: 1fr 0.7fr;
  font-size: calc(16px + 2 * (100vw - 768px) / 1152);
  font-weight: 500;
  line-height: 180%;
  margin-bottom: 10px;
}
.cabinet .driver .details__item > * ~ * {
  color: #0077cc;
  white-space: nowrap;
}
@media (max-width: 1200px) {
  .cabinet .driver .details__item {
    grid-template-columns: 0.4fr 0.7fr;
  }
}
@media (max-width: 900px) {
  .cabinet .driver .details__item {
    grid-template-columns: 1fr 0.7fr;
  }
}
@media (max-width: 768px) {
  .cabinet .driver {
    padding: 28px 20px;
    margin-left: -16px;
    width: calc(100% + 32px);
  }
  .cabinet .driver .details__item {
    font-size: 16px;
    grid-template-columns: 1fr 0.6fr;
    gap: 5px;
  }
  .cabinet .driver .follow {
    margin-bottom: 28px;
    grid-column: 1/-1;
  }
  .cabinet .driver .details {
    grid-column: 1/-1;
    grid-row: 3/-1;
    row-gap: 0px;
  }
  .cabinet .driver .details .onSite {
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: 44px;
  }
  .cabinet .driver .details__wrapper {
    -moz-columns: 2;
         columns: 2;
  }
  .cabinet .driver .about__driver {
    -moz-column-gap: 17px;
         column-gap: 17px;
  }
  .cabinet .driver .main__info header {
    gap: 8px;
    flex-direction: column;
    align-items: start;
  }
  .cabinet .driver .main__info .rating {
    margin-top: 10px;
  }
  .cabinet .driver .main__info .onSite {
    margin-top: 20px;
  }
}
.cabinet .anotherCarsThisUser h2 {
  margin-bottom: 20px;
}
.cabinet .anotherCarsThisUser .cars {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
.cabinet .anotherCarsThisUser .cars .item:nth-child(3) ~ .item {
  display: none;
}
.cabinet .anotherCarsThisUser .cars .item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cabinet .anotherCarsThisUser .cars .item strong {
  text-align: center;
}
.cabinet .anotherCarsThisUser .cars .item .img {
  width: 100%;
  aspect-ratio: 3/2;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 12px;
}
@media (max-width: 768px) {
  .cabinet .anotherCarsThisUser .cars {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
  .cabinet .anotherCarsThisUser .item strong {
    font-size: 16px;
    font-weight: 600;
    line-height: 180%;
  }
}
.cabinet .comments__container {
  margin-left: -16px;
  width: calc(100% + 32px);
}
@media (max-width: 768px) {
  .cabinet .comments__container .comments__block {
    padding: 28px 16px 6px;
  }
}
.cabinet .generation {
  margin-top: 100px;
}
@media (max-width: 900px) {
  .cabinet .generation {
    margin-top: 50px;
  }
}
.cabinet .becomePartner strong {
  display: block;
  margin-top: 30px;
  font-size: 26px;
  font-weight: 500;
}
.cabinet.car__edit h2 {
  font-size: 26px;
  font-weight: 600;
  line-height: 140%;
}
.cabinet.car__edit h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 20px;
}
.cabinet.car__edit header {
  margin-bottom: 20px;
}
.cabinet.car__edit header h2 {
  margin: 0;
}
.cabinet.car__edit .select2-container {
  width: 100% !important;
}
.cabinet.car__edit .select2-selection__arrow {
  background-image: url(../images/icons/down-smallDark.svg) !important;
  width: 23px !important;
  height: 23px !important;
}
.cabinet.car__edit .content {
  gap: 40px;
}
.cabinet.car__edit .chooseVehicleType {
  row-gap: 20px;
}
.cabinet.car__edit .chooseVehicleType header {
  display: flex;
  align-items: center;
  gap: 13px;
}
@media (max-width: 1322px) {
  .cabinet.car__edit .chooseVehicleType .slick-slider {
    max-width: calc(762px + 89 * (100vw - 1201px) / 121);
  }
}
@media (max-width: 1200px) {
  .cabinet.car__edit .chooseVehicleType .slick-slider {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .cabinet.car__edit .chooseVehicleType .slick-list {
    max-width: calc(100% + 32px);
  }
}
.cabinet.car__edit .vehicleType {
  background-color: #F4F7FF;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 14px 10px 32px;
  position: relative;
  cursor: pointer;
}
.cabinet.car__edit .vehicleType span {
  color: inherit;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  text-align: center;
}
.cabinet.car__edit .vehicleType.active__type {
  background-color: #0077cc;
  color: #fff;
}
.cabinet.car__edit .vehicleType.active__type img {
  filter: invert(1) hue-rotate(180deg) brightness(100);
  -webkit-filter: invert(1) hue-rotate(180deg) brightness(100);
}
.cabinet.car__edit .vehicleType.active__type:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  background-color: #0077cc;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  width: 14px;
  height: 14px;
}
@media (max-width: 768px) {
  .cabinet.car__edit .vehicleType {
    padding: 18px 6px;
  }
  .cabinet.car__edit .vehicleType span {
    color: inherit;
    font-size: 16px;
    font-weight: 600;
    line-height: 140%;
  }
  .cabinet.car__edit .vehicleType img {
    width: 48px;
  }
}
.cabinet.car__edit .carDetails {
  padding: 30px;
  background: #fff;
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.cabinet.car__edit .carDetails .info .top {
  display: flex;
  gap: 18px;
  margin-bottom: 20px;
}
.cabinet.car__edit .carDetails .info .top input {
  flex: 1 1 auto;
  border: none;
  padding: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  height: auto;
  animation: none;
  -webkit-animation: none;
}
.cabinet.car__edit .carDetails .info .top label {
  flex: 1 1 auto;
  border: 1px solid #c8cfe2;
  background: #ffffff;
  padding: 26px 17px 26px 20px;
  border-radius: 60px;
  font-size: 20px;
  height: 60px;
}
.cabinet.car__edit .carDetails .info .top label:focus-within {
  animation: blink 1s infinite ease-in-out;
  -webkit-animation: blink 1s infinite ease-in-out;
}
.cabinet.car__edit .carDetails .info button {
  padding: 0 59px;
  width: -moz-fit-content;
  width: fit-content;
}
.cabinet.car__edit .carDetails .info .bottom {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 27px;
}
@media (max-width: 768px) {
  .cabinet.car__edit .carDetails {
    padding: 30px 20px;
  }
  .cabinet.car__edit .carDetails .info .top {
    flex-direction: column;
  }
  .cabinet.car__edit .carDetails .info .top > * {
    width: 100%;
  }
  .cabinet.car__edit .carDetails .info .bottom {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.cabinet.car__edit .status .selectStatus {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}
.cabinet.car__edit .status .label {
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  gap: 22px;
}
@media (max-width: 768px) {
  .cabinet.car__edit .status .selectStatus {
    flex-direction: column;
    gap: 20px;
  }
  .cabinet.car__edit .status .label {
    font-size: 16px;
  }
}
.cabinet.car__edit .aboutThisVehicle ::-webkit-scrollbar {
  width: 9px;
}
.cabinet.car__edit .aboutThisVehicle ::-webkit-scrollbar-track {
  background: #c8cfe2;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.cabinet.car__edit .category,
.cabinet.car__edit .subcategory,
.cabinet.car__edit .checkbox__container {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}
.cabinet.car__edit .usage {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 30px;
}
.cabinet.car__edit .usage .label {
  height: -moz-fit-content;
  height: fit-content;
}
.cabinet.car__edit .usage .active__item {
  position: relative;
  z-index: 1;
}
.cabinet.car__edit .usage .active__item::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%) rotate(180deg);
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #c8cfe2;
}
.cabinet.car__edit .usage .usage__parameters {
  display: grid;
  grid-template-columns: 0.95fr 1.1fr;
}
.cabinet.car__edit .usage .main__params {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  border-right: 1px solid #c8cfe2;
  align-content: flex-start;
}
.cabinet.car__edit .usage .category {
  padding-right: 57px;
  position: relative;
}
.cabinet.car__edit .usage .category p {
  margin: 0;
  display: inline-block;
  font-size: inherit;
  padding: 0 10px;
  flex: 1 1 auto;
}
.cabinet.car__edit .usage .category:hover p {
  cursor: pointer;
  background: rgba(151, 173, 186, 0.1);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
@media (max-width: 768px) {
  .cabinet.car__edit .usage .category:hover p {
    background: none;
  }
}
.cabinet.car__edit .usage .selectedSubsectionParameterCount {
  background: #0077cc;
  width: 27px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-left: auto;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.cabinet.car__edit .usage .additional__parameters {
  padding-left: 47px;
}
.cabinet.car__edit .usage .additional__parameters > * {
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-content: flex-start;
}
@media (max-width: 800px) {
  .cabinet.car__edit .usage .usage__parameters {
    grid-template-columns: 1fr 1fr;
  }
  .cabinet.car__edit .usage .active__item::after {
    display: none;
  }
  .cabinet.car__edit .usage .main__params {
    border: none;
  }
  .cabinet.car__edit .usage .additional__parameters {
    padding-left: 47px;
  }
  .cabinet.car__edit .usage .additional__parameters > * {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .cabinet.car__edit .usage {
    padding: 31px 10px 31px 20px;
  }
  .cabinet.car__edit .usage .category {
    padding-right: 37px;
  }
  .cabinet.car__edit .usage .selectedSubsectionParameterCount {
    right: 0;
  }
  .cabinet.car__edit .usage .usage__parameters {
    grid-template-columns: 1fr;
  }
  .cabinet.car__edit .usage .additional__parameters {
    padding-left: 47px;
  }
  .cabinet.car__edit .usage .additional__parameters > * {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.cabinet.car__edit .additionalDetails__wrapper {
  padding: 30px;
  background: #fff;
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.cabinet.car__edit .additionalDetails__wrapper .select2-container .select2-selection--single .select2-selection__rendered {
  font-size: 16px;
}
.cabinet.car__edit .additionalDetails__wrapper .checkbox__container {
  gap: 16px;
  font-size: 20px;
  font-weight: 400;
  line-height: 180%;
}
.cabinet.car__edit .additionalDetails__wrapper input {
  width: 100%;
  flex: 1 1 auto;
}
.cabinet.car__edit .additionalDetails__wrapper .additionalDetails {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.cabinet.car__edit .additionalDetails__wrapper .purchasedDate .purchasedDate__content,
.cabinet.car__edit .additionalDetails__wrapper .additionalPurchasedDate .purchasedDate__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.cabinet.car__edit .additionalDetails__wrapper .purchasedDate .top,
.cabinet.car__edit .additionalDetails__wrapper .additionalPurchasedDate .top {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 28px;
}
.cabinet.car__edit .additionalDetails__wrapper .purchasedDate .bottom,
.cabinet.car__edit .additionalDetails__wrapper .additionalPurchasedDate .bottom {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 28px;
}
.cabinet.car__edit .additionalDetails__wrapper .purchasedDate .bottom .select2-container,
.cabinet.car__edit .additionalDetails__wrapper .additionalPurchasedDate .bottom .select2-container {
  width: 100px !important;
}
.cabinet.car__edit .additionalDetails__wrapper .technicalDetails .technicalDetails__content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 27px;
}
@media (max-width: 768px) {
  .cabinet.car__edit .additionalDetails__wrapper {
    padding: 28px 20px;
  }
  .cabinet.car__edit .additionalDetails__wrapper .checkbox__container {
    font-size: 16px;
  }
  .cabinet.car__edit .additionalDetails__wrapper .purchasedDate .purchasedDate__content,
  .cabinet.car__edit .additionalDetails__wrapper .additionalPurchasedDate .purchasedDate__content {
    gap: 15px;
  }
  .cabinet.car__edit .additionalDetails__wrapper .purchasedDate .top,
  .cabinet.car__edit .additionalDetails__wrapper .additionalPurchasedDate .top {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .cabinet.car__edit .additionalDetails__wrapper .purchasedDate .bottom,
  .cabinet.car__edit .additionalDetails__wrapper .additionalPurchasedDate .bottom {
    grid-template-columns: 1fr auto;
    gap: 15px;
  }
  .cabinet.car__edit .additionalDetails__wrapper .technicalDetails .technicalDetails__content {
    grid-template-columns: 1fr;
    gap: 15px;
  }
}
@media (max-width: 768px) {
  .cabinet.car__edit h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 140%;
  }
  .cabinet.car__edit h3 {
    font-size: 16px;
  }
}
@media (max-width: 1200px) {
  .cabinet .editAvater .buttons {
    justify-content: flex-start;
  }
  .cabinet .editAvater .edit,
  .cabinet .editAvater .delete {
    border: 2px solid;
    background-color: transparent;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    padding: 9px 29px;
  }
}
@media (max-width: 768px) {
  .cabinet .editInfo {
    padding: 30px 15px;
    gap: 18px;
  }
  .cabinet .editInfo .nickname-birthDay,
  .cabinet .editInfo .zip-city {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .cabinet .editInfo .socialsMedia {
    border-top: 1px solid #c8cfe2;
    padding-top: 18px;
  }
  .cabinet .editInfo .socialMedia .dropdown {
    margin-left: 15px;
  }
  .cabinet .editInfo .addSocial,
  .cabinet .editInfo .removeSocial {
    margin-left: 15px;
  }
  .cabinet .goBack {
    display: block;
  }
}
@media (max-width: 500px) {
  .cabinet .editAvater {
    gap: 17px;
  }
  .cabinet .editAvater .buttons {
    width: 100%;
    gap: 18px;
  }
  .cabinet .editAvater .edit,
  .cabinet .editAvater .delete {
    width: 100%;
  }
  .cabinet .editInfo {
    padding: 40px 10px;
  }
  .cabinet .editInfo .socialsMedia {
    margin-top: 4px;
    padding-top: 16px;
  }
  .cabinet .editInfo .socialMedia .dropdown {
    margin-left: 10px;
  }
  .cabinet .editInfo .socialMedia input {
    width: 100%;
  }
  .cabinet .editInfo .addSocial,
  .cabinet .editInfo .removeSocial {
    margin-left: 10px;
  }
}
.cabinet .mainStoryInfo {
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.cabinet .mainStoryInfo header {
  display: grid;
  grid-template-columns: 1fr 1fr !important;
  gap: 30px;
  margin-bottom: 0 !important;
}
.cabinet .mainStoryInfo main {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.cabinet .mainStoryInfo main .bottom {
  display: grid;
  grid-template-columns: auto 190px 240px;
  gap: 30px;
}
.cabinet .mainStoryInfo footer .textarea__wrapper {
  width: 100%;
}
.cabinet .mainStoryInfo footer .textarea__wrapper textarea {
  min-height: 300px;
  height: auto;
}
@media (max-width: 1300px) {
  .cabinet .mainStoryInfo {
    padding: 40px 20px;
    gap: 18px;
  }
  .cabinet .mainStoryInfo header {
    grid-template-columns: 1fr !important;
    gap: 18px;
  }
  .cabinet .mainStoryInfo main {
    gap: 16px;
  }
  .cabinet .mainStoryInfo main .bottom {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .cabinet .mainStoryInfo footer .textarea__wrapper {
    width: 100%;
  }
}
.cabinet.storyPage__wrapper header {
  margin-bottom: 20px;
}
.cabinet.storyPage__wrapper .select2-container {
  width: 100% !important;
}
@media (max-width: 900px) {
  .cabinet.storyPage__wrapper .select2-selection__rendered {
    font-size: 16px;
  }
}
.cabinet.storyPage__wrapper .form__mainButtons {
  margin: 0;
}
.cabinet.storyPage__wrapper .addVideoLink__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 140%;
}
.cabinet.storyPage__wrapper .storyPreview header {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  display: flex;
  flex-direction: row;
}
@media (max-width: 768px) {
  .cabinet.storyPage__wrapper .storyPreview header {
    margin-bottom: 10px;
  }
  .cabinet.storyPage__wrapper .storyPreview header .storySettings__buttons {
    gap: 14px;
  }
  .cabinet.storyPage__wrapper .storyPreview header img {
    width: 21px;
    aspect-ratio: 1/1;
    height: auto;
  }
  .cabinet.storyPage__wrapper .storyPreview header a {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
  }
}
.cabinet .steps header,
.cabinet .products__container header {
  gap: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cabinet .steps .createStep,
.cabinet .steps .createProduct,
.cabinet .products__container .createStep,
.cabinet .products__container .createProduct {
  display: grid;
  grid-template-columns: 337px auto;
  gap: 30px;
  margin-bottom: 30px;
}
.cabinet .steps .createStep .textarea__wrapper,
.cabinet .steps .createProduct .textarea__wrapper,
.cabinet .products__container .createStep .textarea__wrapper,
.cabinet .products__container .createProduct .textarea__wrapper {
  padding: 17px 20px;
  display: flex;
  align-items: flex-start;
}
.cabinet .steps .createStep .getProduct,
.cabinet .steps .createProduct .getProduct,
.cabinet .products__container .createStep .getProduct,
.cabinet .products__container .createProduct .getProduct {
  grid-column: 1/-1;
  display: flex;
  gap: 30px;
}
.cabinet .steps .createStep .getProduct button,
.cabinet .steps .createProduct .getProduct button,
.cabinet .products__container .createStep .getProduct button,
.cabinet .products__container .createProduct .getProduct button {
  width: 160px;
}
.cabinet .steps .createStep .getProduct input,
.cabinet .steps .createProduct .getProduct input,
.cabinet .products__container .createStep .getProduct input,
.cabinet .products__container .createProduct .getProduct input {
  flex: 1 1 auto;
}
.cabinet .steps .createStep .image__uploader .image__wrapper,
.cabinet .steps .createProduct .image__uploader .image__wrapper,
.cabinet .products__container .createStep .image__uploader .image__wrapper,
.cabinet .products__container .createProduct .image__uploader .image__wrapper {
  width: 100%;
  aspect-ratio: 3/2;
  height: auto;
  background-image: url(../images/icons/car_logo.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  overflow: hidden;
}
.cabinet .steps .createStep .image__uploader .image__wrapper img,
.cabinet .steps .createProduct .image__uploader .image__wrapper img,
.cabinet .products__container .createStep .image__uploader .image__wrapper img,
.cabinet .products__container .createProduct .image__uploader .image__wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cabinet .steps .createStep .image__uploader #stepImageInput,
.cabinet .steps .createStep .image__uploader #productImageInput,
.cabinet .steps .createProduct .image__uploader #stepImageInput,
.cabinet .steps .createProduct .image__uploader #productImageInput,
.cabinet .products__container .createStep .image__uploader #stepImageInput,
.cabinet .products__container .createStep .image__uploader #productImageInput,
.cabinet .products__container .createProduct .image__uploader #stepImageInput,
.cabinet .products__container .createProduct .image__uploader #productImageInput {
  display: none;
}
.cabinet .steps .createStep .image__uploader #uploadStepPhoto,
.cabinet .steps .createProduct .image__uploader #uploadStepPhoto,
.cabinet .products__container .createStep .image__uploader #uploadStepPhoto,
.cabinet .products__container .createProduct .image__uploader #uploadStepPhoto {
  background: #fff;
  border: 2px solid #0077cc;
  color: #0077cc;
  padding: 13px 90px;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  margin-top: 26px;
  height: auto;
  width: 100%;
}
.cabinet .steps .createStep #uploadProductPhoto,
.cabinet .steps .createProduct #uploadProductPhoto,
.cabinet .products__container .createStep #uploadProductPhoto,
.cabinet .products__container .createProduct #uploadProductPhoto {
  width: 100%;
}
.cabinet .steps .createStep .stepInfo,
.cabinet .steps .createStep .productInfo,
.cabinet .steps .createProduct .stepInfo,
.cabinet .steps .createProduct .productInfo,
.cabinet .products__container .createStep .stepInfo,
.cabinet .products__container .createStep .productInfo,
.cabinet .products__container .createProduct .stepInfo,
.cabinet .products__container .createProduct .productInfo {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.cabinet .steps .createStep .stepInfo footer,
.cabinet .steps .createStep .productInfo footer,
.cabinet .steps .createProduct .stepInfo footer,
.cabinet .steps .createProduct .productInfo footer,
.cabinet .products__container .createStep .stepInfo footer,
.cabinet .products__container .createStep .productInfo footer,
.cabinet .products__container .createProduct .stepInfo footer,
.cabinet .products__container .createProduct .productInfo footer {
  display: grid;
  grid-template-columns: 1fr 125px 203px;
  gap: 23px;
  align-items: flex-start;
}
.cabinet .steps .createStep .stepInfo footer input,
.cabinet .steps .createStep .productInfo footer input,
.cabinet .steps .createProduct .stepInfo footer input,
.cabinet .steps .createProduct .productInfo footer input,
.cabinet .products__container .createStep .stepInfo footer input,
.cabinet .products__container .createStep .productInfo footer input,
.cabinet .products__container .createProduct .stepInfo footer input,
.cabinet .products__container .createProduct .productInfo footer input {
  width: 100%;
}
@media (max-width: 768px) {
  .cabinet .steps .createStep,
  .cabinet .steps .createProduct,
  .cabinet .products__container .createStep,
  .cabinet .products__container .createProduct {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .cabinet .steps .createStep .textarea__wrapper,
  .cabinet .steps .createProduct .textarea__wrapper,
  .cabinet .products__container .createStep .textarea__wrapper,
  .cabinet .products__container .createProduct .textarea__wrapper {
    padding: 23px 20px;
  }
  .cabinet .steps .createStep .stepInfo,
  .cabinet .steps .createStep .productInfo,
  .cabinet .steps .createProduct .stepInfo,
  .cabinet .steps .createProduct .productInfo,
  .cabinet .products__container .createStep .stepInfo,
  .cabinet .products__container .createStep .productInfo,
  .cabinet .products__container .createProduct .stepInfo,
  .cabinet .products__container .createProduct .productInfo {
    gap: 20px;
  }
}
.cabinet .products__container .textarea__wrapper {
  grid-column: 1/-1;
}
@media (max-width: 1300px) {
  .cabinet .products__container .createProduct .productInfo footer {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .cabinet .products__container .createProduct .getProduct {
    flex-direction: column;
    gap: 15px;
  }
  .cabinet .products__container .createProduct .getProduct button {
    width: 100%;
  }
}
.cabinet .summary {
  padding: 30px;
  border-radius: 10px;
  background: #F4F7FF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.cabinet .summary h2 {
  margin-bottom: 20px;
}
.cabinet .summary h2 ~ *:not(:last-child) {
  margin-bottom: 30px;
}
.cabinet .summary > * {
  display: grid;
  grid-template-columns: 177px auto;
  align-items: self-start;
}
.cabinet .summary .timeSpent .title,
.cabinet .summary .cost .title {
  position: relative;
  font-size: 20px;
  font-weight: 500;
  line-height: 180%;
  transform: translateY(14px);
  -webkit-transform: translateY(14px);
  -moz-transform: translateY(14px);
  -ms-transform: translateY(14px);
  -o-transform: translateY(14px);
}
.cabinet .summary .timeSpent__values,
.cabinet .summary .cost__values {
  display: grid;
  grid-template-columns: 1fr 224px;
  gap: 30px;
}
.cabinet .summary .toAdd {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 30px;
}
.cabinet .summary .toAdd a {
  width: -moz-fit-content;
  width: fit-content;
}
.cabinet .summary .cost__values .additionalCosts {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  gap: 30px;
  position: relative;
  margin-bottom: 40px;
}
.cabinet .summary .cost__values .additionalCosts::after {
  content: "ex. car transfer";
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  position: absolute;
  top: calc(100% + 9px);
  left: 3px;
}
.cabinet .summary .cost__values .additionalCosts .line {
  display: grid;
  grid-template-columns: 1fr 176px;
  gap: 30px;
}
.cabinet .summary .buttonPlus {
  background-color: #fff;
  height: 55px;
  width: 55px;
  max-width: 55px;
  max-height: 55px;
}
.cabinet .summary .buttonPlus:hover {
  background-color: #0077cc;
}
@media (max-width: 900px) {
  .cabinet .summary > * {
    grid-template-columns: 1fr;
  }
  .cabinet .summary .timeSpent .title,
  .cabinet .summary .cost .title {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    margin-bottom: 12px;
  }
  .cabinet .summary .timeSpent__values,
  .cabinet .summary .cost__values {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .cabinet .summary {
    width: 100vw;
    margin-left: -16px;
    padding: 30px 22px;
  }
  .cabinet .summary h2 {
    font-size: 22px;
    font-weight: 600;
    line-height: 140%;
    /* 30.8px */
  }
  .cabinet .summary .toAdd {
    gap: 13px;
  }
  .cabinet .summary .cost__values .additionalCosts {
    grid-column: 1/-1;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .cabinet .summary .cost__values .additionalCosts .line {
    display: flex;
    gap: 20px;
  }
  .cabinet .summary .cost__values .additionalCosts .line input {
    width: 100%;
    flex: 1 1 auto;
  }
  .cabinet .summary .cost__values .additionalCosts .line input:nth-child(2) {
    width: 106px;
  }
}

.withoutMargin {
  margin-bottom: 0 !important;
}

.white__btn {
  background: #fff;
  border: 1px solid #0077cc;
  color: #0077cc;
}
.white__btn:hover {
  background: #0077cc;
  color: #fff;
}

.default__btn {
  background: #0077cc;
  border: 1px solid #0077cc;
  color: #fff;
}
.default__btn:hover {
  background: #fff;
  color: #0077cc;
}

.pro br {
  display: none;
}
@media (max-width: 430px) {
  .pro {
    width: 100%;
  }
  .pro br {
    display: block;
  }
}

.edit {
  background: transparent !important;
}
.edit img {
  width: 20px;
  height: 20px;
}
@media (max-width: 768px) {
  .edit img {
    width: 15px;
    height: 15px;
  }
}

.tooltip-wrapper {
  display: flex;
  /*Если обернуть <div class="tooltip-wrapper"> Контент + тултиа </div> выровняет в ряд*/
  gap: 13px;
  /*отступ межу тултипом и элементом*/
  /*дальше вложенные стили внутри врапера*/
}
.tooltip-wrapper h2 + .tooltip {
  /*Если тултип идет после заголовка h2*/
  margin-top: 5px;
  /*отступ тултипа от верхней границы враппера для выравнивания по центру h2*/
  /*дальше вложенные стили внутри тултипа во врапере*/
}
.tooltip-wrapper h2 + .tooltip .tooltip__content {
  top: 60%;
  /*поднял повыше сообщение тултипа*/
}

.tooltip {
  position: relative;
}
.tooltip .tooltip__icon {
  width: 30px;
  height: 30px;
  background-image: url(../images/icons/info2.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.tooltip p {
  margin: 0;
}
.tooltip p + p {
  margin-top: 10px;
}
.tooltip .tooltip__content {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  max-width: 213px;
  min-width: 213px;
  top: 100%;
  left: 50%;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  z-index: 1;
  background: #ffffff;
  border: 1px solid #c8cfe2;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  padding: 20px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
@media (max-width: 768px) {
  .tooltip .tooltip__content {
    transform: translateX(-80%);
    -webkit-transform: translateX(-80%);
    -moz-transform: translateX(-80%);
    -ms-transform: translateX(-80%);
    -o-transform: translateX(-80%);
  }
}
.tooltip:hover .tooltip__content {
  visibility: visible;
  opacity: 1;
}

.carTypes__slider {
  position: relative;
}
.carTypes__slider .slick-list {
  overflow: hidden;
  margin-right: 35px;
  padding-bottom: 15px;
}
@media (max-width: 768px) {
  .carTypes__slider .slick-list {
    margin-right: -16px;
  }
}
.carTypes__slider .slick-track {
  display: flex;
}
.carTypes__slider .slick-slide {
  margin-right: 23px;
}
@media (max-width: 768px) {
  .carTypes__slider .slick-slide {
    margin-right: 15px;
  }
}
.carTypes__slider .slick-arrow {
  position: absolute;
  right: 0;
  z-index: 2;
  font-size: 0;
  background-image: url(../images/icons/accordion-arrow.svg);
  background-color: #0077cc;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px !important;
  aspect-ratio: 1/1;
  height: auto;
  padding: 0;
}
@media (max-width: 768px) {
  .carTypes__slider .slick-arrow {
    display: none !important;
  }
}
.carTypes__slider .slick-arrow.slick-prev {
  top: calc(50% + 20px);
  transform: translateY(-50%) rotate(90deg);
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
}
.carTypes__slider .slick-arrow.slick-next {
  top: calc(50% - 20px);
  transform: translateY(-50%) rotate(-90deg);
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
}
.carTypes__slider .slick-arrow.slick-disabled {
  background-color: #F4F7FF;
  background-image: url(../images/icons/down-gray.svg);
}

.photos__container .photos,
.storiesPhotos__container .photos {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
}
.photos__container .photo__item,
.storiesPhotos__container .photo__item {
  width: 100%;
  aspect-ratio: 3/2;
  overflow: hidden;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.photos__container .photo__item .delete-button,
.storiesPhotos__container .photo__item .delete-button {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 0;
  width: 30px;
  aspect-ratio: 1/1;
  height: auto;
  background-color: #fff;
  position: absolute;
  opacity: 0;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
}
.photos__container .photo__item .delete-button:after,
.storiesPhotos__container .photo__item .delete-button:after {
  content: "";
  position: absolute;
  inset: 5px;
  background-image: url(../images/icons/add.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.photos__container .photo__item:hover .delete-button,
.storiesPhotos__container .photo__item:hover .delete-button {
  opacity: 1;
}
.photos__container .dragging,
.storiesPhotos__container .dragging {
  opacity: 0.5;
}
.photos__container img,
.storiesPhotos__container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.photos__container [type=file],
.storiesPhotos__container [type=file] {
  display: none;
}
@media (max-width: 768px) {
  .photos__container .photos,
  .storiesPhotos__container .photos {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 500px) {
  .photos__container .photos,
  .storiesPhotos__container .photos {
    grid-template-columns: 1fr;
  }
  .photos__container #uploadButton,
  .storiesPhotos__container #uploadButton {
    padding: 9px 90px;
  }
}

#form_car,
#story__form {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

#uploadButton,
#uploadStoryPhoto,
#uploadStepPhoto,
#uploadProductPhoto {
  background: #fff;
  border: 2px solid #0077cc;
  color: #0077cc;
  padding: 13px 90px;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  margin-top: 26px;
  height: auto;
}

.addVideoLink header {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 20px;
}

.videoLinks {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

.videoLink {
  display: flex;
}
.videoLink input {
  flex: 1 1 auto;
  width: 100%;
  padding: 19px 20px;
}

::-webkit-calendar-picker-indicator {
  cursor: pointer;
  background-image: url("../images/icons/calendar2.svg");
}

.textarea__wrapper {
  width: 100%;
}

.usedProducts {
  background-color: #fff;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: repeat(5, auto);
  -moz-column-gap: 30px;
       column-gap: 30px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
  padding: 26px 30px 32px 32px;
}
.usedProducts .image {
  display: block;
  width: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  grid-column: 1/span 1;
  aspect-ratio: 3/2;
}
.usedProducts .description {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-top: 1px;
  height: 100%;
}
.usedProducts header {
  grid-row: 1/span 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: -moz-fit-content;
  height: fit-content;
}
.usedProducts header a {
  color: #2d2f35;
  font-weight: 600;
  line-height: 180%;
  font-size: 20px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  box-orient: vertical;
}
.usedProducts header .storySettings__buttons {
  display: flex;
  gap: 12px;
}
.usedProducts header .storySettings__buttons button {
  height: -moz-fit-content;
  height: fit-content;
  padding: 0;
  background-color: transparent;
}
.usedProducts main p {
  color: #494d58;
  font-weight: 500;
  line-height: 180%;
  font-size: 16px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  box-orient: vertical;
  margin: 0px;
}
.usedProducts footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-top: 16px;
  gap: 10px;
  border-top: 1px solid #c8cfe2;
  margin-top: 13px;
  align-items: flex-end;
}
.usedProducts footer .reactions,
.usedProducts footer .reaction {
  display: flex;
  align-items: center;
}
.usedProducts footer .reactions {
  gap: 23px;
}
.usedProducts footer .reaction {
  gap: 7px;
}
.usedProducts .markets a {
  display: flex;
  gap: 5px;
  font-weight: 500;
  line-height: 180%;
  align-items: center;
}
.usedProducts .priceArea {
  border-radius: 40px;
  background: #07C;
  padding: 8px 30px;
  color: white;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
}
@media (max-width: 768px) {
  .usedProducts {
    padding: 26px 20px 30px 20px;
    grid-template-columns: 1fr;
  }
  .usedProducts .description {
    margin-top: 22px;
  }
  .usedProducts .image {
    margin: auto;
  }
  .usedProducts header a {
    font-size: 16px;
    line-clamp: 3;
    -webkit-line-clamp: 3;
  }
  .usedProducts main p {
    line-clamp: 4;
    -webkit-line-clamp: 4;
  }
  .usedProducts footer {
    padding-bottom: 16px;
  }
  .usedProducts .priceArea {
    padding: 10px 25px;
    font-size: 16px;
  }
}

.stepPreview {
  background-color: #fff;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 40px 1fr;
  -moz-column-gap: 37px;
       column-gap: 37px;
}
.stepPreview .image {
  display: block;
  width: 435px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  grid-column: 1/span 1;
  grid-row: 1/-1;
  aspect-ratio: 3/2;
}
.stepPreview .description {
  grid-column: 2/-1;
  grid-row: 2/-1;
  display: flex;
  flex-direction: column;
  margin-top: 1px;
}
.stepPreview .description p {
  color: #494d58;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
}
.stepPreview header {
  grid-row: 1/span 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: -moz-fit-content;
  height: fit-content;
  margin-bottom: 10px;
  gap: 10px;
}
.stepPreview header a {
  color: #0077cc;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}
.stepPreview header .storySettings__buttons {
  display: flex;
  gap: 12px;
}
.stepPreview header .storySettings__buttons button {
  height: -moz-fit-content;
  height: fit-content;
  padding: 0;
  background-color: transparent;
}
.stepPreview main a {
  color: #2d2f35;
  font-weight: 600;
  line-height: 180%;
  font-size: 20px;
}
.stepPreview footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-top: 22px;
  gap: 10px;
  border-top: 1px solid #c8cfe2;
  margin-top: 16px;
}
.stepPreview footer .reactions,
.stepPreview footer .reaction {
  display: flex;
  align-items: center;
}
.stepPreview footer .reactions {
  gap: 23px;
}
.stepPreview footer .reaction {
  gap: 7px;
}
@media (max-width: 768px) {
  .stepPreview {
    grid-template-columns: 1fr;
    grid-template-rows: initial;
    gap: 14px;
  }
  .stepPreview .image {
    width: 100%;
    grid-row: initial;
    grid-column: initial;
  }
  .stepPreview .description {
    grid-row: initial;
    grid-column: initial;
  }
  .stepPreview .description main p {
    font-size: 16px;
  }
  .stepPreview header {
    grid-row: initial;
    grid-column: initial;
    margin-bottom: 0px;
  }
  .stepPreview header a {
    font-size: 20px;
  }
}

.storyBox a {
  color: #0077cc;
}
.storyBox img {
  margin-bottom: 19px;
  max-width: 100%;
}
.storyBox img + span {
  font-size: 22px;
  font-style: italic;
  font-weight: 500;
  line-height: 180%;
}
.storyBox p {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
  margin-bottom: 25px;
}
.storyBox > div {
  display: grid;
  -moz-column-gap: 25px;
       column-gap: 25px;
  margin-top: 40px;
}
.storyBox > div img:nth-of-type(1) {
  grid-column: 1/span 1;
  grid-row: 1/span 1;
}
.storyBox > div img:nth-of-type(even) {
  grid-column: 2/span 1;
  grid-row: 1/span 1;
}
.storyBox > div .description {
  font-size: 22px;
  font-style: italic;
  font-weight: 500;
  line-height: 180%;
}
@media (max-width: 768px) {
  .storyBox img + span {
    font-size: 16px;
    font-style: italic;
    font-weight: 500;
    line-height: 180%;
  }
  .storyBox > div {
    margin-top: 30px;
  }
  .storyBox > div img:nth-of-type(even) {
    grid-column: 1/span 1;
    grid-row: 3/span 1;
    margin-top: 30px;
  }
}
.storyBox ol {
  padding-left: 30px;
  margin-top: 40px;
  margin-bottom: 40px;
  gap: 0;
}
.storyBox ol li {
  list-style: decimal;
  list-style-position: inside;
  display: list-item;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
  margin-bottom: 20px;
}
.storyBox ol li::before {
  display: none;
}
.storyBox ul {
  padding-left: 30px;
  margin-top: 40px;
  margin-bottom: 40px;
  gap: 0;
}
.storyBox ul li {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
  margin-bottom: 20px;
}
.storyBox ul li::before {
  background-image: url(../images/icons/ul_li_circle.svg);
  background-size: 12px;
  margin-right: 11px;
  background-position-y: calc(50% - 6px);
  height: 30px;
}
@media (max-width: 768px) {
  .storyBox p {
    font-size: 16px;
    margin-bottom: 30px;
  }
  .storyBox header {
    margin-bottom: 22px;
  }
  .storyBox ul,
  .storyBox ol {
    padding-left: 22px;
    margin-top: 32px;
  }
  .storyBox ul li,
  .storyBox ol li {
    font-size: 16px;
    line-height: 180%;
  }
  .storyBox ul li::before {
    background-position-y: 5px;
  }
}

.cabinet .latestStories__wrapper h3 {
  margin-bottom: 0px;
  margin-top: 2px;
}
.cabinet .storys-preview h3 {
  margin-top: 8px;
}
@media (max-width: 768px) {
  .cabinet .storys-preview h2 {
    font-size: 26px;
  }
  .cabinet .storys-preview h3 {
    font-size: 22px;
    margin-top: 12px;
  }
}

/*my lovely ferrary on feed page*/
.story-preview {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 56px;
}
.story-preview h3 {
  grid-column: 1/span 2;
  margin-top: 10px;
}
.story-preview h4 {
  grid-column: 1/span 2;
  margin-top: 10px;
}
.story-preview span.car {
  grid-column: 1/span 1;
}
.story-preview .date {
  grid-column: 2/span 1;
  justify-content: end;
}
.story-preview .sliders {
  margin-bottom: 21px;
  margin-top: 26px;
  grid-column: 1/span 2;
}
.story-preview .sliders .slider__container.upgrades__slider {
  aspect-ratio: 3/1.7;
}
.story-preview a.image {
  margin-bottom: 21px;
  margin-top: 26px;
  grid-column: 1/span 2;
  aspect-ratio: 3/1.7;
  background-size: 100%;
  background-position: center;
}
.story-preview .info-readmore {
  color: #494d58;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  grid-column: 1/span 2;
  font-family: Montserrat;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
}
.story-preview button.readMore {
  background: transparent;
  padding: 0;
  color: #0077cc;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-decoration-line: underline;
  margin-top: 20px;
  text-align: start;
}
.story-preview .post-comments {
  grid-column: 1/span 2;
}
@media (max-width: 768px) {
  .story-preview h4 {
    grid-row: 1/span 1;
  }
  .story-preview span.car {
    grid-column: 1/span 2;
    grid-row: 2/span 1;
    margin-bottom: 22px;
    font-weight: 500;
  }
  .story-preview a.image {
    margin-top: 22px;
  }
  .story-preview .date {
    grid-column: 1/span 2;
    grid-row: 3/span 1;
    justify-content: start;
  }
  .story-preview .short-text {
    font-size: 16px;
  }
}

.info-readmore {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

button.readMoreBtn {
  background: transparent;
  padding: 0;
  color: #0077cc;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-decoration-line: underline;
  text-align: start;
}

.proposal {
  display: flex;
  align-items: center;
  padding: 30px;
  flex-shrink: 0;
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
}
.proposal .proposal-icon {
  color: #fff;
  background: url(../images/icons/proposalbg.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 28px */
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 165px;
  height: 165px;
  margin-right: 26px;
}
.proposal .proposal-price {
  color: #0077cc;
  font-family: Montserrat;
  font-size: 26.59px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-right: 24px;
}
.proposal .proposal-price span {
  color: #0077cc;
  display: block;
  font-family: Montserrat;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
}
.proposal .proposal-text {
  color: #494d58;
  font-family: Montserrat;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 274px;
  margin-right: 17px;
}
.proposal .proposal-link button {
  width: 168px;
  padding: 0 38px;
  border: 2px solid #0077cc;
}
.proposal .proposal-link button:hover {
  background: #fff;
  color: #0077cc;
}
@media (max-width: 900px) {
  .proposal {
    flex-direction: column;
    gap: 16px;
  }
  .proposal > div {
    margin-right: 0px !important;
    text-align: center;
  }
}

.pro_icon {
  border: 3px solid #0077CC !important;
  position: relative;
}
.pro_icon .icon-signature {
  color: #FFF;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  background-color: #0077CC;
  border-radius: 20px;
  line-height: 19px;
  position: absolute;
  top: -6px;
  right: calc(-32px + 40%);
  padding: 0 5px;
}

.checkbox__container.policy {
  display: flex;
  gap: 20px;
}
.checkbox__container.policy a:after {
  display: none;
}

.author {
  border-top: 1px solid #c8cfe2;
  display: flex;
  justify-content: space-between;
  padding-top: 25px;
  padding-bottom: 25px;
  grid-column: 1/span 2;
}
.author .author-posts {
  display: flex;
  align-items: center;
  gap: 17px;
}
.author .author-posts .post__icon {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 900px) {
  .author {
    padding-bottom: 0;
    flex-direction: column-reverse;
    border-bottom: none;
  }
  .author .author-posts {
    padding-bottom: 22px;
    border-bottom: 1px solid #c8cfe2;
  }
  .author .user {
    margin-top: 15px;
  }
}

.top-stories__wrapper {
  display: flex;
  gap: 25px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
  padding: 24px;
  margin-bottom: 30px;
}
.top-stories__wrapper .left {
  width: 236px;
  height: 433px;
  flex-shrink: 0;
  border-radius: 10px;
  background: #EDF1FC;
  padding: 16px;
}
.top-stories__wrapper .left h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  text-align: center;
}
.top-stories__wrapper .left .userInfo__details-location {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
.top-stories__wrapper .left .userInfo__details-location img {
  border-radius: 50%;
  aspect-ratio: 1/1;
  width: 20px;
}
.top-stories__wrapper .left .userInfo__details-location span {
  color: #494d58;
  font-size: 16px;
}
.top-stories__wrapper .left .userInfo__avatar {
  border-radius: 20px;
  background-color: #FFF;
  width: 150px;
  height: 150px;
  flex-shrink: 0;
  margin: 18px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  overflow: hidden;
}
.top-stories__wrapper .left .userInfo__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top-stories__wrapper .left .userInfo__avatar a {
  width: 100%;
  height: 100%;
}
.top-stories__wrapper .left .userInfo__details-rating {
  display: flex;
  justify-content: center;
  gap: 12px;
  font-weight: 500;
}
.top-stories__wrapper .left .about__garage {
  display: grid;
  grid-gap: 8px;
  margin-top: 22px;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
}
.top-stories__wrapper .left .about__garage span {
  color: var(--Blue, #07C);
  font-size: 18px;
  margin-left: 8px;
}
.top-stories__wrapper .left div span {
  color: #0077cc;
}
.top-stories__wrapper .right .storyPreview {
  box-shadow: none;
  padding: 0;
}
.top-stories__wrapper .right .storyPreview .image {
  grid-column: 1/span 2;
  grid-row: 1/span 1;
  aspect-ratio: 3/2;
  width: 100%;
  margin-bottom: 18px;
}
.top-stories__wrapper .right .storyPreview header {
  grid-row: 2/span 1;
  grid-column: 1/span 2;
  margin-bottom: 18px;
}
.top-stories__wrapper .right .storyPreview header .reactions,
.top-stories__wrapper .right .storyPreview header .reaction {
  display: flex;
  align-items: center;
  justify-content: end;
}
.top-stories__wrapper .right .storyPreview header .reactions {
  gap: 16px;
  grid-column: 2/span 1;
  grid-row: 1/span 1;
}
.top-stories__wrapper .right .storyPreview header .reaction {
  gap: 7px;
  margin: 0;
}
.top-stories__wrapper .right .storyPreview header .reaction img {
  width: 24px;
}
.top-stories__wrapper .right .storyPreview header .reaction span {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
.top-stories__wrapper .right .storyPreview header a {
  grid-row: 1/span 1;
}
.top-stories__wrapper .right .storyPreview .description {
  grid-column: 1/span 2;
  grid-row: 3/span 1;
}
.top-stories__wrapper .right .storyPreview .description p {
  color: #494d58;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
  margin-top: 18px;
}
.top-stories__wrapper .right .storyPreview .description a.more,
.top-stories__wrapper .right .storyPreview .description a.less {
  color: #0077cc;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
}
.top-stories__wrapper .right .storyPreview footer {
  border-bottom: 1px solid #c8cfe2;
  padding-bottom: 22px;
}
.top-stories__wrapper .right .storyPreview .tags > * {
  font-size: 16px;
  padding: 6px 8px;
}
@media (max-width: 900px) {
  .top-stories__wrapper .right {
    padding: 16px 18px;
  }
  .top-stories__wrapper .right .storyPreview .date {
    grid-column: 1/span 2;
  }
}
.top-stories__wrapper .storyItem > img {
  width: 100%;
}
.top-stories__wrapper .storyItem__info {
  display: flex;
  justify-content: space-between;
}
.top-stories__wrapper .storyItem__info .reactions {
  display: flex;
  gap: 16px;
  align-items: center;
}
.top-stories__wrapper .storyItem__info .reaction {
  display: flex;
  gap: 7px;
  align-items: center;
}
@media (max-width: 900px) {
  .top-stories__wrapper {
    padding: 0;
    flex-direction: column;
    gap: 0;
  }
  .top-stories__wrapper .left {
    width: 100%;
    border-radius: 10px 10px 0px 0px;
    height: initial;
    display: grid;
    grid-template-columns: 103px 1fr;
    -moz-column-gap: 19px;
         column-gap: 19px;
    padding: 11px 20px 18px 20px;
    row-gap: 8px;
  }
  .top-stories__wrapper .left h4 {
    font-size: 15px;
    text-align: left;
    margin: 0;
  }
  .top-stories__wrapper .left .userInfo__details-name {
    grid-column: 1/-1;
    grid-row: 1/span 1;
  }
  .top-stories__wrapper .left .userInfo__details-location {
    grid-column: 2/span 1;
    grid-row: 3/span 1;
    justify-content: start;
  }
  .top-stories__wrapper .left .userInfo__avatar {
    grid-column: 1/span 1;
    grid-row: 3/span 2;
    margin: 0;
    width: 103px;
    height: 103px;
  }
  .top-stories__wrapper .left .userInfo__avatar img {
    width: 100%;
    /*feed user icons*/
  }
  .top-stories__wrapper .left .userInfo__details-rating {
    grid-column: 1/-1;
    grid-row: 2/span 1;
    justify-content: start;
    gap: 6px;
  }
  .top-stories__wrapper .left .userInfo__details-rating img {
    width: 15px;
  }
  .top-stories__wrapper .left .about__garage {
    margin: 0;
    grid-column: 2/span 1;
    grid-row: 4/span 1;
    font-size: 14px;
    grid-gap: 4px;
  }
  .top-stories__wrapper .left .about__garage span {
    font-size: 14px;
  }
}

.services-dropdown {
  border: 1px solid #c8cfe2;
  padding: 30px;
  border-radius: 50px;
  position: relative;
  width: 270px;
}
.services-dropdown:hover::before {
  top: 30px;
  transform: scale(1, -1) translateY(50%) !important;
  -webkit-transform: scale(1, -1) translateY(50%) !important;
  -moz-transform: scale(1, -1) translateY(50%) !important;
  -ms-transform: scale(1, -1) translateY(50%) !important;
  -o-transform: scale(1, -1) translateY(50%) !important;
}
.services-dropdown::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100% + 24px);
  height: -webkit-calc(100% + 24px);
  width: 100%;
}
.services-dropdown::before {
  content: "";
  background-image: url(../images/icons/down-smallDark.svg) !important;
  width: 23px !important;
  height: 23px !important;
  display: block;
  position: absolute;
  right: 15px;
  top: 20px;
}
.services-dropdown + div {
  display: flex;
  flex-direction: column;
  gap: 21px;
  justify-content: center;
  display: none;
  border: 1px solid #c8cfe2;
  padding: 10px;
  border-radius: 20px;
  width: 100%;
  margin-top: 10px;
  position: absolute;
  z-index: 9;
  background: #ffffff;
  overflow-y: auto;
}
.services-dropdown + div ul {
  display: block;
  gap: 21px;
  justify-content: center;
  border-radius: 20px;
  width: 100%;
  z-index: 9;
  background: #ffffff;
  max-height: 240px;
  overflow-y: auto;
}
.services-dropdown + div ul li {
  padding: 8px 16px;
  border-radius: 10px;
}
.services-dropdown + div ul li.additional-list {
  padding: 0;
  border-radius: 10px 10px 0 0;
}
.services-dropdown + div ul li a {
  padding: 8px 16px;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
}
.services-dropdown + div ul li a {
  color: #494d58;
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  width: 100%;
}
.services-dropdown + div ul li::before {
  display: none;
}
.services-dropdown + div ul li:hover {
  background: #F4F7FF;
}
.services-dropdown:hover + div, .services-dropdown + div:hover {
  display: block;
}
.services-dropdown + ul {
  display: none;
  border: 1px solid #c8cfe2;
  padding: 10px;
  border-radius: 20px;
  width: 270px;
  margin-top: 10px;
  position: absolute;
  z-index: 9;
  background: #ffffff;
  max-height: 280px;
  overflow-y: auto;
}
.services-dropdown + ul::-webkit-scrollbar {
  width: 18px !important;
  /* Ширина полосы прокрутки */
}
.services-dropdown + ul::-webkit-scrollbar-track {
  margin: 10px !important;
  /* Цвет фона трека */
}
.services-dropdown + ul::-webkit-scrollbar-thumb {
  background-color: #07c !important;
  /* Цвет полосы прокрутки */
  border-radius: 50px !important;
  /* Скругление углов полосы прокрутки */
}
.services-dropdown + ul li {
  padding: 8px 16px;
  border-radius: 10px;
}
.services-dropdown + ul li a {
  font-weight: 300;
  font-size: 18px;
  width: 100%;
}
.services-dropdown + ul li::before {
  display: none;
}
.services-dropdown + ul li:hover {
  background: #F4F7FF;
}
.services-dropdown:hover + ul, .services-dropdown + ul:hover {
  display: block;
}

.info[style*=-webkit-line-clamp] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.popular-users {
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
}
.popular-users .popular-users__wrapper {
  display: flex;
  row-gap: 35px;
  -moz-column-gap: 73px;
  column-gap: 73px;
  flex-wrap: wrap;
  margin-top: 35px;
}
.popular-users .popular-users__wrapper .popular-user {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 24px;
  width: 360px;
  max-width: 100%;
}
.popular-users .popular-users__wrapper .popular-user .image {
  width: 176px;
  height: 176px;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
}
.popular-users .popular-users__wrapper .popular-user .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.popular-users .user-info > span {
  color: #494d58;
  text-align: center;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  /*line-height: 42.5px;*/
  word-break: break-word;
  padding: 15px 0;
  display: block;
  text-align: left;
}
.popular-users .user-info div {
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
}
.popular-users .user-info div span {
  color: #0077cc;
  margin-left: 10px;
}
.popular-users .user-info .userInfo__details-rating {
  display: flex;
  align-items: center;
  gap: 12px;
}
.popular-users .user-info .userInfo__details-rating span.rating-value {
  color: #494d58;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin: 0;
}
.popular-users .user-info a button {
  border-radius: 40px;
  border: 2px solid #0077cc;
  height: 40px;
  background: none;
  color: #0077cc;
  text-align: center;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 0 33px;
}
.popular-users .user-info a button:hover {
  background: #0077cc;
  color: #fff;
}
@media (max-width: 900px) {
  .popular-users {
    padding: 19px;
  }
  .popular-users .user-info > span {
    text-align: left;
  }
  .popular-users .popular-users__wrapper {
    row-gap: 27px;
  }
  .popular-users .popular-users__wrapper .popular-user .image {
    width: 28vw;
    height: 28vw;
    margin-top: 6px;
  }
  .popular-users .popular-users__wrapper .popular-user .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .popular-users .user-info {
    display: grid;
    justify-items: left;
    grid-gap: 6px;
  }
  .popular-users .user-info > span {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 12px;
  }
  .popular-users .user-info div {
    font-size: 16px;
    line-height: 140%;
  }
  .popular-users .user-info .userInfo__details-rating span.rating-value {
    font-size: 16px;
  }
  .popular-users .user-info a {
    width: 100%;
  }
  .popular-users .user-info a button {
    font-size: 16px;
  }
}

.post-comments {
  padding-top: 25px;
}
.post-comments > span {
  color: #8B909F;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 20px;
  display: block;
}
.post-comments .replyBtn {
  color: var(--Blue, #07C);
  font-weight: 500;
  cursor: pointer;
}
.post-comments .post-comments__comment {
  display: flex;
  gap: 14px;
  margin-bottom: 20px;
}
.post-comments .post-comments__comment img {
  width: 44px;
  height: 44px;
  overflow: hidden;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 3px;
}
.post-comments .post-comments__body a {
  color: #494d58;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.post-comments .post-comments__body strong {
  color: #494d58;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.post-comments .post-comments__message p {
  color: #8B909F;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 12px;
}
.post-comments .post-comments__comment > a,
.post-comments .post-comments__leavecomment > a {
  width: 44px;
  height: 44px;
  overflow: hidden;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 3px;
}
.post-comments .post-comments__comment > a img,
.post-comments .post-comments__leavecomment > a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.post-comments .post-comments__leavecomment {
  display: flex;
  gap: 14px;
  margin-bottom: 20px;
  position: relative;
}
.post-comments .post-comments__leavecomment > img {
  width: 44px;
  height: 44px;
  overflow: hidden;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 3px;
}
.post-comments .post-comments__leavecomment form {
  position: relative;
  width: 100%;
}
.post-comments .post-comments__leavecomment input {
  width: 100%;
  padding: 17px 50px 17px 24px;
  font-size: 16px;
  height: 51px;
}
.post-comments .post-comments__leavecomment input::-moz-placeholder {
  font-size: 16px;
}
.post-comments .post-comments__leavecomment input::placeholder {
  font-size: 16px;
}
.post-comments .post-comments__leavecomment button {
  position: absolute;
  right: 0;
  background: none;
  height: 51px;
  padding: 0 18px 0 0px;
}
.post-comments .post-comments__leavecomment button img {
  width: 24px;
  height: 17px;
  flex-shrink: 0;
}
@media (max-width: 900px) {
  .post-comments {
    padding-top: 20px;
  }
  .post-comments > span {
    font-size: 16px;
  }
  .post-comments .replyBtn {
    color: var(--Blue, #07C);
    font-weight: 500;
  }
  .post-comments .post-comments__message p {
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 10px;
  }
  .post-comments .post-comments__comment {
    margin-bottom: 24px;
  }
  .post-comments .post-comments__leavecomment form {
    width: 80%;
  }
  .post-comments .post-comments__leavecomment input {
    padding: 17px 60px 17px 25px;
    font-size: 16px;
  }
  .post-comments .post-comments__leavecomment button {
    width: 50px;
    padding: 5px 20px 0 0px;
  }
}

.storyPreview {
  background-color: #fff;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: repeat(5, auto);
  -moz-column-gap: 30px;
       column-gap: 30px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
  padding: 18px 30px 18px 18px;
}
.storyPreview .image {
  display: block;
  width: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  grid-column: 1/span 1;
  grid-row: 1/-1;
  aspect-ratio: 3/2;
}
.storyPreview .description {
  grid-column: 2/-1;
  grid-row: 2/-1;
  display: flex;
  flex-direction: column;
  margin-top: 1px;
}
.storyPreview header {
  grid-row: 1/span 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: -moz-fit-content;
  height: fit-content;
  margin-bottom: 10px;
  gap: 10px;
}
.storyPreview header a {
  color: #0077cc;
  font-weight: 600;
  line-height: 28px;
}
.storyPreview header .storySettings__buttons {
  display: flex;
  gap: 12px;
}
.storyPreview header .storySettings__buttons button {
  height: -moz-fit-content;
  height: fit-content;
  padding: 0;
  background-color: transparent;
}
.storyPreview main a {
  color: #2d2f35;
  font-weight: 600;
  line-height: 180%;
  font-size: 20px;
}
.storyPreview footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-top: 22px;
  gap: 10px;
  border-top: 1px solid #c8cfe2;
  margin-top: 16px;
}
.storyPreview footer .reactions,
.storyPreview footer .reaction {
  display: flex;
  align-items: center;
}
.storyPreview footer .reactions {
  gap: 23px;
}
.storyPreview footer .reaction {
  gap: 7px;
}
@media (max-width: 900px) {
  .storyPreview h4 {
    font-size: 24px;
  }
  .storyPreview span.car {
    grid-column: 1/span 1;
    margin-bottom: 22px;
  }
  .storyPreview .short-text {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 180%;
  }
}

.textarea__wrapper ::-webkit-scrollbar {
  width: 9px !important;
}
.textarea__wrapper ::-webkit-scrollbar-track {
  background: #c8cfe2;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.form__mainButtons {
  margin-top: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 31px;
}
.form__mainButtons button {
  height: 80px;
  border: 1px solid #0077cc;
}
.form__mainButtons .apply {
  background-color: transparent;
  color: #0077cc;
}
.form__mainButtons .cancel {
  background-color: transparent;
  color: #e13d3d;
  border-color: #e13d3d;
}
.form__mainButtons .save {
  background-color: #0077cc;
  color: #fff;
}
@media (max-width: 768px) {
  .form__mainButtons {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

body.loading {
  position: relative;
}
body.loading::after {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  z-index: 99999;
  background-image: url(../images/icons/o-literal.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  animation: spin 1s infinite ease-in-out;
  -webkit-animation: spin 1s infinite ease-in-out;
}
@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg);
    -o-transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    -ms-transform: translate(-50%, -50%) rotate(360deg);
    -o-transform: translate(-50%, -50%) rotate(360deg);
  }
}
body.loading::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  z-index: 99999;
}

@media (max-width: 768px) {
  .storyPreview {
    grid-template-columns: 1fr;
    padding: 17px 18px 18px;
  }
  .storyPreview header {
    grid-row: 1/span 1;
    grid-column: 1/-1;
    flex-direction: column;
    align-items: flex-start !important;
    margin-bottom: 16px;
  }
  .storyPreview main a {
    font-size: 16px;
  }
  .storyPreview .image {
    grid-row: 2/span 1;
    grid-column: 1/-1;
    width: 100%;
    aspect-ratio: 16/9;
    margin-bottom: 14px;
  }
  .storyPreview .description {
    grid-row: 3/span 1;
    grid-column: 1/-1;
  }
  .storyPreview footer {
    flex-direction: column;
    border: none;
    padding: 0;
    padding-top: 11px;
    border-top: 1px solid #c8cfe2;
  }
  .storyPreview footer .reactions {
    width: 100%;
    border-top: 1px solid #c8cfe2;
    margin-top: 5px;
    padding-top: 18px;
  }
}
@media (max-width: 768px) {
  textarea {
    font-size: 16px !important;
    font-weight: 400;
    line-height: 140%;
  }
}
.usedProdBox > header,
.summaryBox > header {
  margin-bottom: 20px;
}

table {
  border: 1px solid #c8cfe2;
  border-spacing: 0px;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 40px;
  margin-top: 40px;
  table-layout: fixed;
}
table thead {
  background-color: #0077cc;
}
table tr {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
}
table tr th {
  color: #fff;
  /*line-height: 64px;*/
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
}
table tr th:first-child {
  padding-left: 30px;
}
table tr td {
  /*line-height: 64px;*/
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
table tr td:first-child {
  text-align: left;
  padding-left: 30px;
}
table tbody {
  border-left: 1px solid #c8cfe2;
  border-right: 1px solid #c8cfe2;
}
table tbody tr:nth-child(odd) {
  background-color: #edf1fc;
}
@media (max-width: 768px) {
  table tr {
    /*font-size: 14px;*/
  }
  table tr th {
    padding-top: 13px;
    padding-bottom: 13px;
  }
  table tr th:first-child {
    padding-left: 15px;
  }
  table tr td {
    padding-top: 13px;
    padding-bottom: 13px;
  }
  table tr td:first-child {
    padding-left: 15px;
  }
}

@media (max-width: 768px) {
  .word-break-table {
    word-break: break-word;
  }
}

@media (max-width: 768px) {
  .small-table-font tr {
    font-size: 14px;
  }
}

.summaryTable .row {
  display: grid;
  grid-template-columns: 80px 1fr 125px 110px;
}
@media (max-width: 768px) {
  .summaryTable main .row {
    padding: 13px 0;
    grid-template-columns: 45px 100px 1fr;
  }
  .summaryTable main .row .column {
    font-size: 16px;
    line-height: 180%;
  }
  .summaryTable main .row .column:first-child {
    grid-column: 1/span 1;
    grid-row: 1/2;
  }
  .summaryTable main .row .column:nth-child(2) {
    grid-column: 2/span 2;
    grid-row: 1/1;
  }
  .summaryTable main .row .column:nth-child(3) {
    grid-column: 2/span 1;
    grid-row: 2/2;
    line-height: 32px;
  }
  .summaryTable main .row .column:nth-child(3)::before {
    content: "Cost";
    display: block;
    font-weight: 400;
  }
  .summaryTable main .row .column:nth-child(4) {
    grid-column: 3/span 1;
    grid-row: 2/2;
    line-height: 32px;
  }
  .summaryTable main .row .column:nth-child(4)::before {
    content: "Time";
    display: block;
    font-weight: 400;
  }
}
@media (max-width: 768px) {
  .summaryTable main {
    border: 1px solid #c8cfe2;
  }
}
.summaryTable footer {
  border-left: 1px solid #c8cfe2;
  border-right: 1px solid #c8cfe2;
  border-bottom: 1px solid #c8cfe2;
}
@media (max-width: 768px) {
  .summaryTable footer .row {
    grid-template-columns: 65px 1fr 1fr;
  }
  .summaryTable footer .row .column {
    line-height: 64px;
  }
  .summaryTable footer .row .column:first-child {
    grid-column: 1/span 3;
    grid-row: 1/2;
    padding-left: 17.5px;
  }
  .summaryTable footer .row .column:nth-child(2) {
    grid-column: 2/span 1;
    grid-row: 2/2;
    line-height: 32px;
    padding-bottom: 20px;
  }
  .summaryTable footer .row .column:nth-child(2)::before {
    content: "Cost";
    display: block;
    font-weight: 400;
  }
  .summaryTable footer .row .column:nth-child(3) {
    grid-column: 3/span 1;
    grid-row: 2/2;
    line-height: 32px;
    padding-bottom: 20px;
  }
  .summaryTable footer .row .column:nth-child(3)::before {
    content: "Time";
    display: block;
    font-weight: 400;
  }
}
.summaryTable .column {
  line-height: 64px;
}
.summaryTable .column:first-child {
  text-align: center;
}
.summaryTable header {
  background-color: #0077cc;
}
.summaryTable header .column {
  color: #fff;
}
@media (max-width: 768px) {
  .summaryTable header {
    display: none;
  }
}
.summaryTable main {
  border-left: 1px solid #c8cfe2;
  border-right: 1px solid #c8cfe2;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
}
.summaryTable main .row:nth-child(odd) {
  background-color: #edf1fc;
}
.summaryTable footer {
  background-color: #dde4f7;
}
.summaryTable footer .column {
  line-height: 64px;
  font-size: 18px;
  font-weight: 500;
}
.summaryTable footer .column:first-child {
  grid-column: 1/span 2;
  text-align: left;
  padding-left: 35px;
  font-weight: 600;
}

.business_page__wrapper .content.business h1 {
  color: #2D2F35;
  font-size: 46px;
  font-weight: 600;
  line-height: 120%;
}
@media screen and (max-width: 768px) {
  .business_page__wrapper .content.business h1 {
    font-size: 24px;
    margin-top: 15px;
    margin-bottom: 13px;
  }
}

.content.business {
  gap: 0;
}
.content.business h1 {
  margin-bottom: 20px;
  line-height: 120%;
}
@media screen and (max-width: 768px) {
  .content.business h1 {
    font-size: 28px;
    margin-top: 23px;
    line-height: 140%;
    margin-bottom: 24px;
  }
}

.cards-area {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .cards-area {
    margin-bottom: 50px;
  }
}

.cards {
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .cards {
    margin-bottom: 62px;
  }
}

.card {
  margin: 0 -15px;
}
.card .result-devider {
  background: #C8CFE2;
  height: 1px;
  margin: 0px 20px;
  margin-bottom: 10px;
  transition: 0.3s;
}
.card:last-child .result-devider {
  display: none;
}
@media screen and (max-width: 768px) {
  .card {
    margin: 0;
    margin-bottom: 20px;
  }
  .card .card__content {
    padding: 0;
    margin-bottom: 19px;
  }
  .card .result-devider {
    margin: 0px;
    margin-bottom: 30px;
  }
}

.card__content {
  display: flex;
  gap: 26px;
  padding: 20px;
  transition: 0.3s;
}
.card__content:hover {
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
}
.card__content:hover + .result-devider {
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .card__content {
    flex-direction: column;
    gap: 10px;
  }
  .card__content .card__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.card__body.card__body--auto h3 {
  color: #2d2f35;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  margin: 0;
  margin-bottom: 16px;
}
.card__body.card__body--auto .userInfo__details-rating {
  display: flex;
  gap: 14px;
  margin-bottom: 5px;
}
.card__body.card__body--auto .priseRow {
  color: #494d58;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
  display: flex;
  gap: 13px;
  align-items: center;
  margin-bottom: 6px;
}
.card__body.card__body--auto .priseRow span.prise {
  color: #0077cc;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
.card__body.card__body--auto .priseRow span.market {
  color: #494d58;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
}
.card__body.card__body--auto .tags {
  margin-bottom: 6px;
  gap: 10px 13px;
  display: flex;
  flex-wrap: wrap;
}
.card__body.card__body--auto .tags + span {
  margin-bottom: 6px;
  display: block;
}
.card__body.card__body--auto span.card__quote {
  display: block;
  color: #494d58;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 158%;
  display: flex;
  padding-top: 3px;
}
.card__body.card__body--auto span.card__quote span {
  font-size: 18px;
  font-weight: 800;
  line-height: 158%;
  margin-right: 9px;
  margin-top: -3px;
}
.card__body.card__body--auto .closed {
  color: #e13d3d;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  line-height: 180%;
}
.card__body.card__body--auto .open {
  color: #2BC628;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 180%;
}
.card__body.card__body--auto .see_hours {
  color: #0077cc;
  display: inline-flex;
  padding: 5px 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  background: #EDF1FC;
  font-size: 14px;
}
.card__body.card__body--auto .see_hours:hover {
  background: #0077cc;
  color: #fff;
}

.category_page h1 {
  font-size: 40px;
  font-weight: 600;
  line-height: 140%;
  color: #494d58;
}
.category_page h2 {
  color: #494d58;
  font-family: Montserrat;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
.category_page .crumbs {
  margin-bottom: 22px;
}
.category_page .category_page__wrapper {
  display: flex;
  gap: 40px;
  position: relative;
  align-items: start;
}
@media screen and (max-width: 768px) {
  .category_page .category_page__wrapper {
    padding: 0 20px;
  }
}
.category_page .tags {
  margin-bottom: 6px;
  gap: 10px 13px;
  display: flex;
  flex-wrap: wrap;
}
.category_page .business_page__wrapper .tags {
  margin-bottom: 15px;
}
.category_page .business_page__wrapper .tags > * {
  padding: 8px 11px;
}
.category_page .tags > * {
  color: #0077cc;
  color: #0077cc;
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: #0077cc;
  display: block;
  padding: 5px 8px;
  background: #F4F7FF;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
}
.category_page .tags > *:hover {
  background: #0077cc;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .category_page .crumbs {
    margin-top: 5px;
    padding-bottom: 9px;
    margin-bottom: 9px;
  }
  .category_page .crumbs ul {
    margin-top: 5px;
    padding-bottom: 9px;
    padding-left: 20px;
  }
}

.mobile__filters {
  display: none;
}
@media screen and (max-width: 1200px) {
  .mobile__filters {
    display: block;
  }
  .mobile__filters button {
    width: initial;
    display: flex;
    margin: 0px 20px;
    margin-bottom: 20px;
    border-radius: 10px;
    background: #EDF1FC;
    justify-content: center;
    align-items: center;
    gap: 9px;
    padding: 10px 30px;
  }
}

.filters {
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
  padding: 30px 28px;
  width: 356px;
  /*media query smaller than 1200px*/
}
@media screen and (max-width: 1200px) {
  .filters {
    position: absolute;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    padding-bottom: 0px;
    transform: translateX(-1000px);
    -webkit-transform: translateX(-1000px);
    -moz-transform: translateX(-1000px);
    -ms-transform: translateX(-1000px);
    -o-transform: translateX(-1000px);
  }
  .filters.active {
    top: 0;
    left: 0;
    height: 100dvh;
    overflow-y: auto;
    padding-bottom: 200px;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    box-shadow: 0px 4px 20px;
  }
}

.category_page .faq-section h3 {
  margin-bottom: 32px;
  color: #494d58;
  font-family: Montserrat;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}
.category_page .filter__item {
  display: grid;
  grid-gap: 20px;
  margin-bottom: 20px;
}
.category_page .filter__item .services-dropdown {
  width: 300px;
  height: 60px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
}
.category_page .filter__item .services-dropdown + div,
.category_page .filter__item .services-dropdown + div:hover {
  display: none;
}
.category_page .filter__item .services-dropdown.active + div {
  display: block;
}
.category_page .filter__item .services-dropdown + div button.use-location-button {
  background: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  color: var(--Light-text, #494D58);
  padding: 10px 0;
  display: grid;
  grid-template-columns: 40px 1fr;
  align-items: center;
  justify-items: center;
  border-bottom: 1px solid #cfcfcf;
  border-radius: initial;
  width: 100%;
}
.category_page .filter__item .services-dropdown + div ul {
  max-height: 230px;
  border-radius: 0px;
}
.category_page .filter__item .services-dropdown + div ul li {
  padding: 0;
}
.category_page .filter__item .services-dropdown + ul {
  width: 100%;
}
.category_page .filter__item .services-dropdown + ul li {
  padding: 0;
}
.category_page .filter__item .services-dropdown + ul li button.use-location-button {
  background: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  color: var(--Light-text, #494D58);
  padding: 10px 0;
  display: grid;
  grid-template-columns: 40px 1fr;
  align-items: center;
  justify-items: center;
  border-bottom: 1px solid #cfcfcf;
  border-radius: initial;
  width: 100%;
}
.category_page .filter__item .services-dropdown + ul li a {
  padding: 8px 16px;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
}
.category_page .filter__item h3 {
  color: #494d58;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 0;
}
.category_page .more-links-area h3 {
  color: #494d58;
  font-family: Montserrat;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .category_page .faq-section h3 {
    margin-bottom: 23px;
  }
  .category_page .more-links-area h3 {
    margin-bottom: 23px;
  }
  .category_page .more-links__wrapper {
    grid-gap: 0;
    margin-bottom: 36px;
  }
}

.more-links__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 38px;
  margin-bottom: 48px;
}
.more-links__wrapper .more-links__column span.column-header {
  color: #494d58;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 16px;
  display: block;
}
.more-links__wrapper .more-links__column a {
  display: block;
  color: #494d58;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
  .more-links__wrapper {
    grid-template-columns: auto;
  }
  .more-links__wrapper .with-header {
    padding-bottom: 18px;
  }
}

.filter__item .price__switcher {
  display: flex;
  gap: 15px;
}
.filter__item .price__switcher button.price__switcher-btn {
  height: 42px;
  background: white;
  color: #494D58;
  border-radius: 10px;
  border: 1px solid #C8CFE2;
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  padding: 0px 9px;
  min-width: 42px;
}
.filter__item .price__switcher button.price__switcher-btn.active, .filter__item .price__switcher button.price__switcher-btn:hover {
  border: 1px solid #0077CC;
  color: #0077CC;
}
.filter__item .filter__list {
  display: grid;
  grid-gap: 10px;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}
.filter__item .filter__list.decreased {
  max-height: 238px;
}
.filter__item .filter__list.increased, .filter__item .filter__list.decreased {
  padding-bottom: 38px;
}
.filter__item .filter__list .checkbox__container {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #494d58;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
}
.filter__item .filter__list .radio__container {
  display: grid;
  grid-gap: 12px;
}
.filter__item .filter__list .seeMore,
.filter__item .filter__list .seeLess {
  color: #0077cc;
  font-size: 16px;
  font-weight: 500;
  line-height: 180%;
  position: absolute;
  bottom: 0;
  display: block;
  background: white;
  width: 100%;
  padding-top: 5px;
}
.filter__item .filter__list .seeMore.hidden,
.filter__item .filter__list .seeLess.hidden {
  display: none;
}
.filter__item .combo-dropdown {
  position: relative;
  display: inline-block;
}
.filter__item .combo-dropdown:last-child {
  margin-bottom: 20px;
}
.filter__item .combo-dropdown:after {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  background: url(../images/icons/down-smallDark.svg);
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: 15px;
  top: calc(50% - 10px);
}
.filter__item .combo-dropdown-input {
  box-sizing: border-box;
  padding: 0 20px;
  width: 300px;
  font-size: 16px;
  height: 60px;
  flex-shrink: 0;
  border-radius: 60px;
  border: 1px solid #C8CFE2;
  background: #FFF;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.filter__item .combo-dropdown-input:after {
  content: "▼";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  pointer-events: none;
}
.filter__item .combo-dropdown-content {
  display: none;
  max-height: 200px;
  left: 0;
  right: 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  background: #fff;
  overflow-y: scroll;
  z-index: 2;
  position: absolute;
}
.filter__item .combo-dropdown-content button {
  background-color: #ffffff;
  text-align: center;
  border-radius: 0;
  color: #494D58;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  padding: 0 21px;
  display: block;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.filter__item .combo-dropdown-content a {
  padding: 12px 16px;
  display: block;
  font-size: 14px;
  cursor: pointer;
}
.filter__item .combo-dropdown-content a:hover {
  background-color: #ddd;
}

.pagination {
  display: flex;
  gap: 5px;
  justify-content: center;
  align-items: center;
}
.pagination a.page {
  color: #494d58;
  font-size: 20px;
  font-weight: 500;
  line-height: 180%;
  padding: 0 7px;
}
.pagination a.page.active, .pagination a.page:hover {
  color: #0077cc;
}
.pagination a.prev,
.pagination a.next {
  width: 23px;
  height: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  background-color: #0077cc;
  border-radius: 50%;
}
.pagination a.prev.end,
.pagination a.next.end {
  background-color: #c8cfe2;
}

.cardInfo {
  display: flex;
  align-items: center;
  color: #2D2F35;
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 600;
  line-height: 150%;
  gap: 12px;
  padding-top: 30px;
}

.card__promo {
  margin-top: 20px;
  border: 1px solid #D9D9D9;
  display: grid;
  margin-bottom: 9px;
  padding: 8px 8px 8px 20px;
  justify-items: stretch;
}
.card__promo a.readMore {
  color: #0077cc;
  font-weight: 500;
}
.card__promo .promo__desc {
  padding: 14px 20px;
}
.card__promo .promo__title {
  color: #2D2F35;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  grid-column: 1/span 1;
  grid-row: 1/span 1;
  padding-top: 5px;
}
.card__promo .promo__text {
  color: #494d58;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  grid-column: 1/span 1;
  grid-row: 2/span 1;
}
.card__promo .promo__img {
  display: flex;
  justify-content: end;
  align-items: center;
  grid-column: 2/span 1;
  grid-row: 1/span 2;
}
.card__promo button.promo__button {
  width: 138px;
  height: 40px;
  border-radius: 40px;
  border: 1.5px solid #07C;
  background-color: #ffffff;
  color: #0077cc;
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  padding: 0;
}
.card__promo button.promo__button:hover {
  background: #0077cc;
  color: #fff;
}
.card__promo a.promo__button {
  width: 138px;
  height: 40px;
  border-radius: 40px;
  border: 1.5px solid #07C;
  background-color: #ffffff;
  color: #0077cc;
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card__promo a.promo__button:hover {
  background: #0077cc;
  color: #fff;
}
.card__promo .promo__link {
  padding: 10px;
  grid-column: 2/span 1;
  grid-row: 1/span 2;
  display: flex;
  justify-content: end;
  align-items: center;
  grid-column: 2/span 1;
  grid-row: 1/span 2;
}
@media screen and (max-width: 768px) {
  .card__promo {
    padding: 17px;
  }
  .card__promo .promo__title {
    grid-column: 1/span 2;
    padding-top: 0;
    padding-bottom: 9px;
  }
  .card__promo .promo__img {
    grid-row: 2/span 2;
  }
}

.faq__wrapper {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 40px;
       column-gap: 40px;
}
.faq__wrapper .faq__item {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  margin-bottom: 40px;
}
.faq__wrapper .faq__item h4 {
  color: #494d58;
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 25px;
}
.faq__wrapper .faq__item p {
  color: #494d58;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 12px;
}
.faq__wrapper .faq__item ul {
  gap: 6px;
}
.faq__wrapper .faq__item li a {
  color: #494d58;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}
.faq__wrapper .faq__item li:before {
  background-image: initial;
  background-color: #0077CC;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  min-width: initial;
  min-height: initial;
}
@media screen and (max-width: 768px) {
  .faq__wrapper {
    -moz-column-count: 1;
         column-count: 1;
  }
  .faq__wrapper .faq__item {
    margin-bottom: 30px;
  }
  .faq__wrapper .faq__item h4 {
    margin-bottom: 20px;
  }
  .faq__wrapper .faq__item .faq__wrapper .faq__item li:before {
    margin-right: 10px;
    margin-top: 6px;
  }
}

/*.more-links-area,
.faq-section {
  background-color: rgb(173 13 13 / 9%);
}*/
.business .gallery__slider {
  position: relative;
}
.business .gallery__slider .slick-list {
  overflow: hidden;
}
.business .gallery__slider .slick-track {
  display: flex;
  gap: 20px;
}
.business .gallery__slider .gallery__slider__item {
  width: 342px;
  height: 192px;
  flex-shrink: 0;
}
.business .gallery__slider .gallery__slider__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.business .gallery__slider button.slick-next.slick-arrow {
  font-size: 0;
  position: absolute;
  top: calc(50% - 15px);
  top: -moz-calc(50% - 15px);
  right: 15px;
  width: 30px;
  height: 30px;
  padding: 0;
}
.business .gallery__slider button.slick-next.slick-arrow:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/icons/down-white.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.business .gallery__slider button.slick-prev.slick-arrow {
  font-size: 0;
  position: absolute;
  top: calc(50% - 15px);
  top: -moz-calc(50% - 15px);
  left: 15px;
  width: 30px;
  height: 30px;
  padding: 0;
  z-index: 1;
}
.business .gallery__slider button.slick-prev.slick-arrow:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/icons/down-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(180deg);
}
.business .place_gallery {
  margin-bottom: 60px;
}
.business .place_gallery header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.business .place_gallery a {
  color: #0077cc;
  font-size: 16px;
  font-weight: 600;
  line-height: 180%;
}
.business .place_gallery h3 {
  color: #494d58;
  font-size: 28px;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .business .place_gallery {
    margin-bottom: 41px;
  }
  .business .place_gallery header {
    margin-bottom: 11px;
  }
  .business .place_gallery h3 {
    font-size: 20px;
    margin: 0;
  }
  .business .place_gallery .gallery__slider__item {
    height: 109px;
    width: 193px;
  }
  .business .place_gallery .gallery__slider img {
    height: 100%;
    width: 100%;
  }
}

.place_options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 30px;
  margin-bottom: 60px;
}
.place_options .place_option_area {
  border-radius: 10px;
  border: 1px solid #D9D9D9;
  padding: 24px 31px;
}
.place_options .place_options_header {
  color: var(--Light-text, #494D58);
  font-family: Montserrat;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 180%;
  margin-bottom: 12px;
}
.place_options .place_options_item {
  color: var(--Light-text, #494D58);
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
}
.place_options .place_options_item img {
  margin-right: 12px;
}
@media screen and (max-width: 768px) {
  .place_options {
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    margin-bottom: 38px;
  }
  .place_options .place_option_area {
    border: none;
    padding: 0;
  }
  .place_options .place_options_header {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .place_options .place_options_item {
    font-size: 14px;
  }
  .place_options .place_options_item img {
    margin-right: 3px;
  }
}

.place_info {
  display: grid;
  grid-template-columns: 413px 1fr;
  grid-gap: 30px;
  margin-bottom: 53px;
}
.place_info .place_info__map {
  width: 413px;
  height: 379px;
  flex-shrink: 0;
  padding-top: 11px;
  max-width: 100%;
}
.place_info div#map {
  width: 100%;
  height: 100%;
}
.place_info .place_info__address {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .place_info .place_info__address {
    flex-wrap: wrap;
  }
}
.place_info a.place_info__get_address {
  height: 40px;
  border-radius: 40px;
  border: 1.5px solid #07C;
  background-color: #ffffff;
  color: #0077cc;
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  padding: 0 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -6px;
}
.place_info a.place_info__get_address:hover {
  background: #0077cc;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .place_info a.place_info__get_address {
    margin-left: 32px;
    padding: 0 33px;
  }
}
@media screen and (max-width: 768px) {
  .place_info {
    grid-template-columns: 1fr;
    grid-gap: 27px;
    margin-bottom: 42px;
  }
  .place_info .place_info__map {
    width: 100%;
    height: 300px;
  }
}

.place_info__edit {
  border-top: 1px solid #C8CFE2;
  padding-top: 26px;
  display: grid;
  grid-gap: 10px;
}
.place_info__edit div {
  display: flex;
  justify-content: space-between;
  color: #494d58;
  font-size: 20px;
  font-weight: 400;
  line-height: 180%;
  align-items: center;
}
.place_info__edit div span {
  color: #494d58;
  font-size: 20px;
  font-weight: 400;
  line-height: 180%;
}
.place_info__edit div a {
  color: #0077cc;
  font-weight: 500;
  text-decoration-line: underline;
}
@media screen and (max-width: 768px) {
  .place_info__edit {
    padding-top: 19px;
  }
  .place_info__edit div {
    display: grid;
    grid-gap: 4px;
    margin-bottom: 4px;
  }
  .place_info__edit div a,
  .place_info__edit div span {
    font-size: 16px;
  }
}

.stars_charts .stars_chart {
  display: flex;
  gap: 29px;
  align-items: center;
  margin-bottom: 11px;
}
.stars_charts .stars_chart .stars_chart__title {
  color: #494d58;
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
}
.stars_charts .stars_chart__bar {
  border-radius: 10px;
  background: #C8CFE2;
  width: 348px;
  height: 13px;
  flex-shrink: 0;
}
.stars_charts .stars_chart__bar .stars_chart__bar__fill {
  border-radius: 10px;
  background: #07C;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .stars_charts {
    width: 100%;
    margin-bottom: 8px;
  }
  .stars_charts .stars_chart {
    display: grid;
    grid-template-columns: 53px 1fr;
    margin-bottom: 10px;
    gap: 21px;
  }
  .stars_charts .stars_chart .stars_chart__title {
    font-size: 16px;
    white-space: nowrap;
  }
  .stars_charts .stars_chart .stars_chart__bar {
    width: 100%;
    height: 10px;
  }
}

.review_area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 60px;
  flex-wrap: wrap;
}
.review_area .overal_rating {
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
  width: 257px;
  height: 191px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #494d58;
  font-family: Montserrat;
  font-size: 28px;
  font-weight: 600;
  line-height: 140%;
}
.review_area .overal_rating span.review_heading {
  margin-bottom: 12px;
}
.review_area .overal_rating .rating-stars {
  margin-bottom: 10px;
}
.review_area .overal_rating .rating-stars img {
  height: 32px;
}
.review_area .overal_rating .review_count {
  font-size: 22px;
  font-weight: 500;
  line-height: 140%;
}
.review_area .review__item {
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
  width: 519px;
  flex-shrink: 0;
  padding: 33px 22px 22px 25px;
  display: flex;
  gap: 38px;
  max-width: 100%;
}
.review_area .review__item span.card__quote {
  color: #494d58;
  font-size: 16px;
  font-weight: 500;
  line-height: 158%;
}
.review_area .review__item span.card__quote span {
  font-size: 18px;
  font-weight: 800;
  line-height: 158%;
  margin-right: 9px;
  margin-top: -3px;
}
.review_area .review__item .review__item__header {
  display: grid;
  grid-template-columns: 64px 1fr;
  grid-gap: 20px;
}
.review_area .review__item .rating-stars {
  margin-bottom: 10px;
}
.review_area .review__item .info strong {
  color: #494d58;
  font-size: 16px;
  font-weight: 700;
  line-height: 160%;
}
.review_area .review__item .info span.date {
  color: #494d58;
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
}
@media screen and (max-width: 768px) {
  .review_area {
    margin-bottom: 35px;
  }
  .review_area .review__item {
    flex-wrap: wrap;
    padding: 17px 30px 14px 22px;
    gap: 17px;
  }
  .review_area .review__item .info strong,
  .review_area .review__item .info span {
    display: block;
  }
  .review_area .overal_rating {
    width: 100%;
    margin-bottom: 20px;
    height: 154px;
  }
  .review_area .overal_rating span.review_heading {
    font-size: 20px;
  }
  .review_area .overal_rating .rating-stars img {
    height: 24px;
  }
  .review_area .overal_rating span.review_count {
    font-size: 16px;
  }
}

.place_controls {
  display: flex;
  gap: 15px;
  margin-bottom: 53px;
  padding: 31px 0;
  border-top: 1px solid #C8CFE2;
  border-bottom: 1px solid #C8CFE2;
}
.place_controls a.place_control {
  height: 42px;
  border-radius: 40px;
  border: 1.5px solid #07C;
  background-color: #ffffff;
  color: #0077cc;
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  padding: 0px 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 108px;
}
.place_controls a.place_control svg {
  margin-right: 3px;
}
.place_controls a.place_control:hover svg * {
  stroke: #fff;
}
.place_controls a.place_control svg * {
  stroke: #0077cc;
}
.place_controls a.place_control.inverse svg * {
  stroke: #fff;
}
.place_controls a.place_control.inverse:hover svg * {
  stroke: #0077cc;
}
.place_controls a.place_control:hover, .place_controls a.place_control.inverse {
  background: #0077cc;
  color: #fff;
}
.place_controls a.place_control.inverse:hover {
  border: 1.5px solid #07C;
  background-color: #ffffff;
  color: #0077cc;
}
.place_controls #star_button {
  stroke: white;
}
@media screen and (max-width: 768px) {
  .place_controls {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px 20px;
    padding: 20px 0;
    margin-bottom: 12px;
  }
  .place_controls a {
    white-space: nowrap;
  }
  .place_controls a:first-child {
    grid-column: 1/span 2;
  }
}

.business_page__wrapper .comments__container h3 {
  color: var(--Light-text, #494D58);
  font-size: 26px;
  font-weight: 600;
  line-height: 140%;
  text-align: left;
}
.business_page__wrapper .comments__container h4 {
  color: #494d58;
  font-size: 26px;
  font-weight: 600;
  line-height: 140%;
  text-align: left;
}
.business_page__wrapper .card__body.card__body--auto {
  margin-bottom: 30px;
}
.business_page__wrapper .card__body.card__body--auto .userInfo__details-rating {
  gap: 20px;
  margin-bottom: 21px;
}
.business_page__wrapper .card__body.card__body--auto .rating-stars img {
  height: 28px;
}
.business_page__wrapper .card__body.card__body--auto .rating-value,
.business_page__wrapper .card__body.card__body--auto a.reviews {
  color: #494d58;
  font-size: 22px;
  font-weight: 500;
  line-height: 140%;
}
.business_page__wrapper .card__body.card__body--auto .priseRow {
  color: #494d58;
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 20px;
}
.business_page__wrapper .card__body.card__body--auto .priseRow * {
  display: flex;
  align-items: center;
  gap: 10px;
}
.business_page__wrapper .card__body.card__body--auto .priseRow *:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: #494D58;
  border-radius: 50%;
}
.business_page__wrapper .card__body.card__body--auto .priseRow *:last-child:after {
  display: none;
}
.business_page__wrapper .card__body.card__body--auto .priseRow + span {
  margin-right: 15px;
}
.business_page__wrapper .card__body.card__body--auto .priseRow + span,
.business_page__wrapper .card__body.card__body--auto .priseRow + span span {
  font-size: 18px;
  font-weight: 600;
  line-height: 180%;
}
.business_page__wrapper .card__body.card__body--auto .work-hours {
  position: relative;
  display: inline;
}
.business_page__wrapper .card__body.card__body--auto .hours_wrapper {
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 4px 20px 0px rgba(151, 173, 186, 0.25);
  padding: 24px 34px;
  position: absolute;
  z-index: 9999;
  left: 0;
  top: 41px;
  width: 440px;
  height: 348px;
  max-width: 87.5vw;
  flex-shrink: 0;
  align-items: center;
  gap: 20px;
  display: none;
  transition: 0.3s;
}
.business_page__wrapper .card__body.card__body--auto .hours_wrapper.active {
  display: flex;
}
.business_page__wrapper .card__body.card__body--auto .hours__item {
  display: grid;
  grid-template-columns: 60px 1fr;
}
.business_page__wrapper .card__body.card__body--auto .hours__item span {
  color: #000;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
}
.business_page__wrapper .card__body.card__body--auto .hours__item span:first-child {
  font-weight: 600;
}
.business_page__wrapper .card__body.card__body--auto .hours__close a,
.business_page__wrapper .card__body.card__body--auto .hours__close span {
  color: #2BC628;
  font-size: 20px;
  font-weight: 600;
  line-height: 180%;
}
.business_page__wrapper .card__body.card__body--auto .hours__open a,
.business_page__wrapper .card__body.card__body--auto .hours__open span {
  color: #e13d3d;
  font-size: 20px;
  font-weight: 600;
  line-height: 180%;
}
.business_page__wrapper .card__body.card__body--auto .hours {
  display: grid;
  grid-gap: 8px;
}
@media screen and (max-width: 768px) {
  .business_page__wrapper .card__body.card__body--auto .hours_wrapper {
    padding: 18px 15px;
    top: 50px;
    right: 0;
    left: initial;
    height: inherit;
  }
  .business_page__wrapper .card__body.card__body--auto .hours__item span {
    font-size: 16px;
  }
  .business_page__wrapper .card__body.card__body--auto .hours__open a,
  .business_page__wrapper .card__body.card__body--auto .hours__open span,
  .business_page__wrapper .card__body.card__body--auto .hours__close a,
  .business_page__wrapper .card__body.card__body--auto .hours__close span {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .business_page__wrapper .card__body.card__body--auto {
    margin-bottom: 20px;
  }
  .business_page__wrapper .card__body.card__body--auto .priseRow {
    flex-wrap: wrap;
    gap: 5px 11px;
    margin-bottom: 3px;
  }
  .business_page__wrapper .card__body.card__body--auto .priseRow span.prise,
  .business_page__wrapper .card__body.card__body--auto .priseRow span.market {
    font-size: 14px;
    font-weight: 400;
  }
  .business_page__wrapper .card__body.card__body--auto .priseRow + span {
    margin-right: 7px;
  }
  .business_page__wrapper .card__body.card__body--auto .priseRow + span, .business_page__wrapper .card__body.card__body--auto .priseRow + span span {
    font-size: 16px;
    font-weight: 500;
  }
  .business_page__wrapper .card__body.card__body--auto .userInfo__details-rating {
    gap: 11px;
    margin-bottom: 6px;
  }
  .business_page__wrapper .card__body.card__body--auto .rating-stars {
    display: flex;
    gap: 3px;
  }
  .business_page__wrapper .card__body.card__body--auto .rating-stars img {
    height: 15px;
  }
  .business_page__wrapper .card__body.card__body--auto .rating-value,
  .business_page__wrapper .card__body.card__body--auto a.reviews {
    font-size: 14px;
  }
  .business_page__wrapper .container.comments__container {
    padding: 0;
  }
  .business_page__wrapper .container.comments__container h3 {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    line-height: 143.9%;
  }
  .business_page__wrapper .container.comments__container h4 {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    line-height: 143.9%;
  }
  .business_page__wrapper .container.comments__container .comments__block {
    padding: 32px 12px 12px;
    margin-bottom: 40px;
  }
}

.place_info__address .place_info__address__item,
.place_info__site,
.place_info__phone {
  display: flex;
  gap: 12px;
}
.place_info__address .place_info__address__item .place_info__image,
.place_info__site .place_info__image,
.place_info__phone .place_info__image {
  padding-top: 3px;
}

@media screen and (max-width: 768px) {
  .place_info__address__item {
    margin-bottom: 13px;
  }
}
.place_info__phone {
  margin-bottom: 22px;
}

.place_info .place_info__text p {
  color: #494d58;
  font-size: 18px;
  font-weight: 500;
  line-height: 180%;
  /* 32.4px */
}
.place_info .place_info__address {
  margin-bottom: 9px;
}
.place_info .place_info__address span {
  color: #494d58;
  font-size: 18px;
  font-weight: 500;
  line-height: 180%;
}
.place_info .place_info__site {
  margin-bottom: 8px;
}
.place_info .place_info__site a {
  color: #0077cc;
  font-size: 18px;
  font-weight: 600;
  line-height: 180%;
}
.place_info .place_info__phone a {
  color: #2D2F35;
  font-size: 18px;
  font-weight: 500;
  line-height: 180%;
}
@media screen and (max-width: 768px) {
  .place_info .place_info__address {
    margin-bottom: 14px;
  }
  .place_info .place_info__address span {
    font-size: 16px;
  }
  .place_info .place_info__text p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 30px;
  }
}

div#map {
  width: 300px;
  height: 300px;
}

#editorJS {
  padding: 19px 23px 15px 20px;
  border: 1px solid #c8cfe2;
  border-radius: 20px;
}/*# sourceMappingURL=globalStyle.css.map */