/* Start:/local/templates/keystone/css/style.css?1770132372162720*/
@import url("https://fonts.googleapis.com/css2?family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
* {
  padding: 0;
  margin: 0;
  list-style: none;
  outline: none;
  font-family: "Proxima Nova", Roboto, system-ui, Tahoma, sans-serif;
  box-sizing: border-box;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: black;
}

main{
  min-height: 30vh;
}

.container {
  padding-left: 160px;
  padding-right: 160px;
}

a,
span,
p,
b,
h1,
h2,
h3,
h4,
h5 {
  color: rgb(0, 0, 0);
}

h1 {
  font-size: 48px;
}

h2 {
  font-weight: 600;
  font-size: 28px;
  line-height: 30px;
}

a {
  text-decoration: none;
}
.logo-img{
  width: 249px;
}


.header {
  display: flex;
  position: fixed;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 23px 0px;
  z-index: 12;
}
.header.scroll,
.header.header_not-main
{
  background-color: #1C1C1C;
  top:0px;
}
.header__animation {
  display: flex;
  visibility: hidden;
  align-items: center;
  margin-left: auto;
  justify-content: space-between;
  width: 100%;
  padding-left: 56%;
  opacity: 0;
  display: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.header__animation img{
  width: 150px;
}
.header__animation.active {
  visibility: visible;
  opacity: 1;
  display: flex;
}
.header__container {
  width: 100%;
}
.header__main {
  display: flex;
  visibility: hidden;
  align-items: center;
  margin-left: auto;
  justify-content: space-between;
  width: -webkit-fill-available;
  padding-left: 39%;
  opacity: 0;
  height:0px;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.header__main.active {
  visibility: visible;
  opacity: 1;
  height:unset;
}
.header__pages {
  display: none;
}
.header__btn-menu {
  display: flex;
  align-items: center;
  margin-left: 20%;
  gap: 25px;
}
.header__mobile {
  display: none;
}

.header__mobile .logo-img{
  width: 150px;
  height:64px;
}

.animation {
  display: flex;
  justify-content: flex-end;
}

.logo {
  font-size: 56px;
  color: #BC1F44;
  font-family: "Playfair", serif;
  font-weight: 800;
}

.nav__list {
  display: flex;
  align-items: center;
  gap: 28px;
  padding: 0px;
  list-style: none;
}
.nav__link {
  font-weight: 800;
  font-size: 20px;
  color: #FFFFFF;
  transition: 0.2s ease;
  padding-bottom: 10px;
}
.nav__link.active {
  color: #BC1F44;
  border-bottom: 1px solid #BC1F44;
}
.nav__link:hover {
  color: #BC1F44;
}
.nav__submenu {
  position: absolute;
  background-color: #323232;
  top: 35px;
  border-radius: 12px;
  width: fit-content;
  min-width: 300px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
}
.nav__submenu .nav-item {
  width: 100%;
}
.nav__submenu .nav__link {
  font-size: 16px;
  display: block;
  width: 100%;
  padding: 0;
  padding: 8px 15px;
}
.nav__submenu__about {
  min-width: 200px;
}
.nav__submenu__about .nav-item {
  width: fit-content;
}
.nav__submenu__about .nav__link {
  width: fit-content;
}
.nav__sub-second-menu {
  position: absolute;
  top: 0;
  left: 100%;
  background-color: #323232;
  z-index: 12;
  border-radius: 12px;
  min-width: 375px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
}
.nav__sub-second-menu .nav-item {
  width: 100%;
}
.nav__sub-second-menu .nav__link {
  font-size: 14px;
  display: block;
  width: 100%;
  padding: 0;
  padding: 10px 15px;
}

.nav-item {
  list-style: none;
  padding-left: 0;
  position: relative;
}
.nav-item:hover .nav__submenu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.nav-item:hover > .nav__submenu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.nav-item:hover > .nav__sub-second-menu,
.nav__sub-second-menu:hover {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.nav-item::before {
  width: 0px;
  height: 0px;
  top: 0px;
}

@media (max-width: 1825px) {
  .header__main .nav__link {
    font-size: 16px;
  }
}
@media (max-width: 1640px) {
  .header__main {
    padding-left: 35%;
  }
  .header__animation {
    padding-left: 35%;
  }
}
@media (max-width: 1500px) {
  .header__main {
    padding-left: 30%;
  }
  .header__animation {
    padding-left: 30%;
  }
}
@media (max-width: 1340px) {
  .header__main {
    padding-left: 26%;
  }
  .header__animation {
    padding-left: 26%;
  }
}
@media (max-width: 1220px) {
  .header__main {
    padding-left: 20%;
  }
  .header__animation {
    padding-left: 20%;
  }
}
@media (max-width: 1100px) {
  .header__main {
    padding-left: 5%;
  }
  .header__animation {
    padding-left: 5%;
  }
}
@media (max-width: 950px) {
  .header {
    background-color: #1C1C1C;
    padding: 15px;
  }
  .header.scroll,
  .header.header_not-main
  {
    background-color: #1C1C1C;
  }
  .header__animation {
    display: none !important;
  }
  .header__container {
    width: 100%;
  }
  .header__main {
    display: none;
  }
  .header__mobile {
    display: flex;
    flex-direction: column;
    background-color: #1C1C1C;
  }
  .header__mobile .header__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .header__mobile .nav {
    height: 100dvh;
    background: url("/local/templates/keystone/css/../image/background.jpg") repeat center center fixed;
    position: absolute;
    width: 100%;
    left: 0;
    transition: transform 0.5s ease;
    z-index: 100;
    display: none;
  }
  .header__mobile .nav__list {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-right: 62px;
    padding-top: 54px;
  }
  .header__mobile .nav__list .nav-item {
    display: flex;
    align-items: flex-end;
    margin-bottom: 20px;
  }
  .header__mobile .nav__list .nav-item .nav__link {
    color: #1C1C1C;
    font-size: 36px;
    transition: color 0.3s ease;
  }
  .header__mobile .nav__list .nav-item .nav__link:hover {
    color: black;
  }
  .header__mobile .nav__list .nav-item .nav__link.active {
    font-weight: bold;
  }
  .header .logo {
    font-size: 48px;
    color: #BC1F44;
    font-family: "Playfair", serif;
    font-weight: 800;
  }
}
.menu-open .nav {
  display: block;
  margin-top: 65px;
}

@media (max-width: 500px) {
  .header .logo {
    font-size: 28px;
  }
  .header__mobile .nav__list .nav-item .nav__link {
    font-size: 24px;
  }
  .header__mobile .nav__list {
    gap: 10px;
    padding-right: 20px;
  }
}
.heroblock {
  display: flex;
  align-items: center;
  background-color: #1C1C1C;
  gap: 2%;
}
.heroblock .picblock {
  overflow: hidden;
  height: 100dvh;
  width: 37.5%;
  max-width: 722.16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  clip-path: polygon(100% 49%, 100% 50%, 87% 100%, 0 100%, 0 0, 84% 0);
}
.heroblock .picblock img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.heroblock__textblock {
  gap: 30px;
  max-width: 1000px;
  margin-top: 100px;
}

@media (max-width: 1600px) {
  .heroblock__picblock {
    width: 100%;
  }
}
@media (max-width: 1340px) {
  .heroblock__textblock {
    max-width: 54%;
  }
}
@media (max-width: 1280px) {
  .heroblock .picblock {
    height: 100dvh;
    width: 42.5%;
    max-width: 722.16px;
  }
}
@media (max-width: 900px) {
  .heroblock {
    display: flex;
    flex-direction: column;
  }
  .heroblock .picblock {
    clip-path: polygon(100% 0%, 100% 76%, 53% 100%, 52% 100%, 0 78%, 0 0);
    max-height: 316px;
    height: unset;
    width: -webkit-fill-available;
    max-width: unset;
    margin-top: 68px;
  }
  .heroblock__textblock {
    max-width: 100%;
    width: 100%;
    margin: 0px;
    min-width: 100%;
    padding: 50px 10px;
    gap: 20px;
  }
}
.services {
  margin-top: 120px;
}
.services__texblock{
  gap: 20px;
}

.services .swiper-slide {
  height: auto;
}

.service__list {
  margin-top: 50px;
}
.swiper-wrapper.service__list{
  height: 60%;
}
.service__item {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.service__list .service__item {
  height: auto;
}
.service__card {
  display: flex;
  flex-direction: column;
  background-color: #1C1C1C;
  border-radius: 12px;
  width: 100%;
  height: 90%;
}
.service__card .pic-block {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: 12px;
}
.service__card .pic-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service__card .textblock {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  gap: 10px;
  margin-top: 15px;
}
.service__card .textblock ul li span{
  font-size: 20px;
}
.service__card .textblock ul li {
  font-size: 20px;
}
.service__card .textblock .desc {
  font-size: 20px;
}
.service__card .textblock .desc ul li {
  color: #ffffff;
}
.service__card .textblock .desc li::before {
    transform: none;
    position: absolute;
    top: 7px;
    left: 0;
}
.service__bottom {
  margin-top: 13px;
  display: flex;
  justify-content: space-between;
  height: fit-content;
}
@media (max-width: 1340px) {
  .service__card {
    height: 85%;
  }
}
@media (max-width: 900px) {
  .services {
    margin-top: 50px;
  }
  .desc__servicer__desktop {
    display: none;
  }
  .desc__servicer__mobile {
    display: block;
  }
  .service__price {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 500px) {
  .swiper-wrapper.review__list{
    height: 30% !important;
  }
  .service__list {
    margin-top: 20px;
  }
  .services__texblock{
    gap: 0px;
  }
  .swiper-wrapper.review__list{
    max-height: 25%;
  }
  .custom-audio-player{
    max-height: 211px
  }
  }
.relocated {
  margin-top: 120px;
  display: flex;
  justify-content: center;
  gap: 60px;
}
.relocated .textblock {
  min-width: 58%;
  gap: 20px;
}
.relocated .textblock ul{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.relocated__reviews {
  position: relative;
}

@media (max-width: 900px) {
  .relocated {
    margin-top: 50px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 60px;
  }
  .relocated .textblock {
    min-width: 58%;
    gap: 20px;
  }
  .relocated__reviews {
    position: relative;
  }
}
.why {
  margin-top: 120px;
}
.why__head {
  display: flex;
  gap: 60px;
}
.why__bottom {
  margin-top: 20px;
}
.why__bottom ul {
  display: flex;
  flex-direction: column;
  gap: 35px;
}
.why__bottom__mobile {
  display: none;
}
.why__textblock {
  display: flex;
  flex-direction: column;
}
.why__desc {
  margin-top: 20px;
}

.reviews__small {
  position: relative;
  max-width: 100%;
  min-width: 54%;
}
.reviews__small .reviews__item__small {
  display: flex;
  padding: 20px;
  border: 4px solid #BC1F44;
  border-radius: 25px;
  width: 100%;
  max-width: 932px;
  background-color: rgba(255, 255, 255, 0.1764705882);
  position: relative;
  gap: 23px;
  overflow: hidden;
}
.reviews__small .reviews__slide {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  gap: 23px;
  opacity: 0;
}
.reviews__small .reviews__slide.active {
  opacity: 1;
  position: relative;
}
.reviews__small .picblock {
  width: 108px;
  height: 108px;
  min-width: 108px;
  border: 4px solid #BC1F44;
  border-radius: 100px;
  overflow: hidden;
}
.reviews__small .picblock img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.reviews__small .textblock {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.reviews__small .reviews__desc {
  display: flex;
  gap: 28px;
}
.reviews__small .desc__reviews {
  font-size: 24px;
}
.reviews__small .cit__last {
  margin-top: auto;
  height: 30px;
}

.why__bottom__mobile {
  display: none !important;
  flex-direction: column;
}

@media (max-width: 900px) {
  .why {
    margin-top: 50px;
  }
  .why__head {
    display: flex;
    gap: 17px;
    flex-direction: column;
  }
  .why .reviews__small .desc__reviews {
    font-size: 19px;
  }
  .why .why__desc {
    margin-top: 10px;
  }
}
@media (max-width: 500px) {
  .why__bottom {
    display: none;
  }
  .why__bottom__mobile {
    display: flex;
    flex-direction: column;
  }
}
.choice {
  background-color: #1C1C1C;
  display: flex;
  margin-top: 120px;
  padding-top: 120px;
  padding-bottom: 120px;
  gap: 16%;
}
.choice__textblock p {
  color: #FFFFFF;
}
.choice__textblock ul {
  display: flex;
  flex-direction: column;
  gap: 35px;
}
.choice__textblock li {
  color: #FFFFFF;
}
.choice__textblock h1, .choice__textblock h2, .choice__textblock h3, .choice__textblock h4 {
  color: #FFFFFF;
}
.choice__textblock span {
  color: #FFFFFF;
}
.choice__textblock .textblock {
  margin-top: 20px;
}
.choice__numbers {
  display: flex;
  flex-direction: column;
  gap: 43px;
}

.numbers__item {
  display: flex;
  flex-direction: column;
}

@media (max-width: 1600px) {
  .choice {
    gap: 5%;
  }
}
@media (max-width: 900px) {
  .choice {
    margin-top: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
    display: flex;
    flex-direction: column;
    gap: 16%;
  }
  .choice__numbers {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .choice__numbers .head__number {
    text-align: center;
  }
  .choice__numbers .desc__number {
    text-align: center;
  }
}
@media (max-width: 900px) {
  .choice__textblock ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  .choice__textblock ul li {
    font-size: 16px;
  }
  .choice__textblock .textblock {
    margin-top: 20px;
  }
  .choice__numbers .desc__number {
    text-align: center;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}
.review {
  /*margin-top: 120px;*/
  padding-top: 120px;
  padding-left: 160px;
}
.swiper-wrapper.review__list{
  max-height: 40%;
}
.review__list {
  margin-top: 50px;
}
.review__section__head {
  padding-right: 160px;
}
.review__item {
  width: 400px !important;
  padding: 10px;
  border-radius: 12px;
  border: 2px solid #BC1F44;
}
.review__item__picblock {
  width: 100% !important;
  max-height: 387px;
  overflow: hidden;
  border-radius: 15px;
}
.review__item__picblock img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1600px) {
  .relocated {
    gap: 20px;
    justify-content: space-between;
  }
  .reviews__item__big.active {
    max-width: 500px;
  }
  .reviews__item__big {
    margin-left: auto;
  }
  .relocated .textblock {
    min-width: 50%;
  }
  .desc__reviews {
    font-size: 25px;
  }
  .why__desc {
    margin-top: 20px;
  }
  .review {
    padding-left: 80px;
  }
}
.custom-audio-player {
  position: relative;
  width: 100%;
  max-height: 360px;
  border-radius: 12px;
  overflow: hidden;
}
.custom-audio-player .player-wrapper {
  position: relative;
  width: 100%;
  height: auto;
}
.custom-audio-player .player-image {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}
.custom-audio-player .blur-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  backdrop-filter: blur(2px);
  z-index: 1;
}
.custom-audio-player .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  background-color: #BC1F44;
  backdrop-filter: blur(4px);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-audio-player .play-button span {
  display: block;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 18px solid white;
}
.custom-audio-player .play-button.paused span {
  width: 18px;
  height: 18px;
  border: none;
  position: relative;
  background: none;
}
.custom-audio-player .play-button.paused span::before, .custom-audio-player .play-button.paused span::after {
  content: "";
  position: absolute;
  top: 0;
  width: 6px;
  height: 18px;
  background: white;
}
.custom-audio-player .play-button.paused span::before {
  left: 0;
}
.custom-audio-player .play-button.paused span::after {
  right: 0;
}
.custom-audio-player .audio-element {
  display: none;
}

@media (max-width: 900px) {
  .review {
    padding-left: 10px;
    margin-top: 50px;
  }
  .review__section__head {
    padding-right: 10px;
  }
}
@media (max-width: 500px) {
  .custom-audio-player{
    max-height: 215px;
  }
  .review__item {
    width: 250px !important;
    padding: 10px;
    border-radius: 12px;
    border: 2px solid #BC1F44;
  }
  .review__list {
    margin-top: 20px;
  }
}
.faq {
  margin-top: 120px;
  overflow: hidden;
}
.faq__list {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  gap: 11px;
}
.faq__list .faq__list {
  margin-top: 0;
}
.faq__item {
  width: -webkit-fill-available;
  padding: 20px 28px;
  background-color: #1C1C1C;
  border-radius: 25px;
  /*transition: 0.2s ease;*/
  cursor:pointer;
}
.faq__item__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.faq__item__head .head__faq {
  width: 90%;
  font-weight: 500;
}
.faq__item__bottom {
  visibility: hidden;
  height: 0px;
  width: 80%;
}
.faq__item__bottom.top_lvl {
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
}
.faq__item__bottom.top_lvl .faq__item {
  /*padding-left: 0;*/
  /*padding-right: 0;*/
}
.sub_container .faq__item {
	border: 1px solid #ffffff;
}
.faq__item.active > .faq__item__bottom {
  visibility: visible;
  height: fit-content;
  margin-top: 20px;
}
.faq__list .top-list {
  visibility: hidden;
  height: 0px;
  padding: 0 40px;
  margin-top: -10px;
}
.faq__list .faq__item.active + .top-list {
  visibility: visible;
  height: fit-content;
  padding-bottom: 50px;
  margin-top: 0;
}
.faq__item:not(.active) + .top-list .faq__item .faq__item.active,
.faq__item:not(.active) + .top-list .faq__item .faq__item > .faq__item__bottom,
.faq__item:not(.active) > .top_lvl .faq__item.active,
.faq__item:not(.active) > .top_lvl .faq__item.active > .faq__item__bottom{
    visibility: hidden;
}
.faq__item.active > .faq__item__head .btn__faq img {
  transform: rotateX(180deg);
}

.why__bottom__mobile {
  display: none;
  flex-direction: column;
}

@media (max-width: 1340px) {
  .faq__item {
    padding: 14px 22px;
  }
}
@media (max-width: 900px) {
  .faq {
    margin-top: 50px;
    overflow: hidden;
  }
  #faq{
    padding: 50px 0px !important;
  }
  .why__bottom__desk {
    display: none;
    flex-direction: column;
  }
  .why__bottom__mobile {
    display: flex !important;
    flex-direction: column;
    /*margin-top: 0px !important;*/
  }
}
@media (max-width: 700px) {
  .faq__item__bottom.top_lvl {
    padding-left: 10px;
    padding-right: 10px;
  }
  .faq__list .top-list {
    padding: 0 30px;
  }
  .faq__list .faq__item.active + .top-list {
    padding-bottom: 40px;
  }
}
@media (max-width: 500px) {
  .faq__item {
    padding: 10px 10px;
    border-radius: 12px;
  }
  .faq-page .faq__item {
    padding: 10px 10px 10px 20px;
  }
  .faq__list .top-list {
    padding: 0 20px;
  }
  .faq__list .faq__item.active + .top-list {
    padding-bottom: 30px;
  }
  .faq__list {
    margin-top: 20px;
  }
  .faq__item__head .head__faq {
    width: 80%;
  }
  .faq__item__bottom{
    width: 100%;
  }
}
.blog {
  margin-top: 120px;
}
.blog__list {
  margin-top: 50px;
}
.swiper-wrapper.blog__list{
  height: fit-content;
}
.blog__item {
  display: flex !important;
  background-color: rgba(255, 255, 255, 0.5176470588);
  border: 2px solid #BC1F44;
  border-radius: 12px;
  height: 377px !important;
}
.blog__item__textblock {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.blog__item .picblock {
  min-width: 50%;
  max-width: 50%;
  width: 120%;
  overflow: hidden;
  border-radius: 12px;
  display: flex;
  align-items: center;
}
.blog__item .picblock img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog__card {
  display: flex;
  gap: 24px;
  padding: 20px;
}
.blog__date {
  margin-left: auto;
  margin-top: auto;
}
@media (max-width: 1600px) {
  .blog__item {
    height: 350px !important;
  }
  .blog__item__textblock {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }
  .blog__item .picblock {
    width: 150%;
	  min-width: 30%;
	  max-width: 30%;
  }
  .blog__item .picblock img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media (max-width: 900px) {
  .blog {
    margin-top: 50px;
  }
  .blog__item__textblock {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }
  .blog__item__textblock .head__blog {
    font-size: 22px;
  }
  .blog__item .picblock {
    width: 180%;
	  min-width: 130px;
	  max-width: unset;
  }
}
@media (max-width: 500px) {
  .blog .blog__list {
    margin-top: 20px;
  }
  .blog .blog__item__textblock .head__blog {
    font-size: 12px;
  }
  .blog .blog__item__textblock {
    display: flex;
    flex-direction: column;
    gap: 9px;
  }
  .blog .blog__item {
    height: 224px !important;
  }
  .blog .blog__card {
    display: flex;
    gap: 14px;
    padding: 14px;
  }
}

.contacts {
  margin-top: 120px;
}

.contacts-map {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}
.desc__contacts:hover{
  color: #BC1F44;
}
.contact__card:hover .head__contacts{
  color: #BC1F44;
}
.contact__card:hover .desc__contacts{
  color: #BC1F44;
}
.contact__card:hover img{
  filter: 
        brightness(0) 
        saturate(100%) 
        invert(22%) 
        sepia(89%) 
        saturate(1724%) 
        hue-rotate(331deg) 
        brightness(89%) 
        contrast(101%);
}

.contact__list {
  width: 44%;
}
.contact__card {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.contact__wrapper {
  display: flex;
  gap: 114px;
}
.contact__block {
  margin-top: 74px;
  display: flex;
  flex-direction: column;
  gap: 74px;
}

.icon-name {
  display: flex;
  align-items: center;
  gap: 24px;
}

.googleMap {
  border: 3px solid #BC1F44;
  border-radius: 28px;
}
.googleMap iframe {
  border-radius: 28px;
}

@media (max-width: 1600px) {
  .googleMap {
    width: 48% !important;
  }
}
@media (max-width: 1220px) {
  .contact__wrapper {
    display: flex;
    gap: 40px;
  }
}
@media (max-width: 1000px) {
  .contact__wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  .googleMap iframe {
    height: 100%;
  }
}
@media (max-width: 900px) {
  .contacts {
    margin-top: 50px;
  }
  .contacts-map {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  .contact__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    gap: 40px;
  }
  .contact__list {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .googleMap {
    width: 100% !important;
    height: 300px;
  }
  .googleMap iframe {
    height: 100%;
  }
  .contact__card__first {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .desc.desc__contacts{
    font-size: 18px;
  }
}
@media (max-width: 900px) {
  .contacts {
    margin-top: 50px;
  }
  .contacts-map {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  .contact__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 40px;
  }
}
@media (max-width: 500px) {
  .contacts {
    margin-top: 50px;
  }
  .contact__card__first {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .contacts-map {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
  }
  .contact__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 10px;
  }
  .contact__block {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .icon-name {
    gap: 7px;
  }
  .icon-name img {
    width: 37px;
    height: 37px;
  }
  .contact__card {
    display: flex;
    flex-direction: column;
    gap: 7px;
  }
}
.feedback {
  background-color: #1C1C1C;
  padding: 50px;
  margin-top: 120px;
}
.feedback__form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 57px;
}

.feedback .footer__success{
    color: #43b743;
}

.input-wrapper {
  display: flex;
  width: 100%;
  gap: 60px;
}

.input-block {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 10px;
}

.label {
  font-size: 24px;
  color: #FFFFFF;
  font-weight: 700;
}

.input {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(255, 255, 255, 0.555);
  font-family: "Rubik", sans-serif;
  padding: 14px;
  color: #FFFFFF;
  width: 100%;
  font-size: 21px;
  border-radius: 12px;
}
.input__textarea {
  resize: none;
  height: 206px;
}

@media (max-width: 900px) {
  .feedback {
    margin-top: 50px;
  }
  .feedback__form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 57px;
  }
  .feedback .input-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .feedback .btn__submit {
    width: 100%;
    margin-left: unset;
    padding: 24px;
  }
}
@media (max-width: 900px) {
  .feedback__form {
    margin-top: 20px;
  }
  .label {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 700;
  }
  .input {
    font-size: 12px;
  }
  .feedback .btn__submit {
    width: 100%;
    margin-left: unset;
    padding: 16px;
  }
}
.footer {
  background-color: #1C1C1C;
  margin-top: 120px;
  padding-bottom: 163px;
  display: flex;
  justify-content: space-between;
  padding-top: 114px;
  overflow: hidden;
}
.footer__logoblock {
  display: flex;
  flex-direction: column;
  gap: 15px;
  max-width: 300px;
  margin-bottom: 20px;
}
.footer ul{
  max-width: 307px;
  min-width: 168px;
  margin-right: 40px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.footer li {
  font-size: 20px;
  list-style: none;
  padding: 0px;
}
.footer li:before {
  display: none;
}
.footer__nav__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 307px;
  min-width: 168px;
  gap: 25px;
}
.footer ul.footer__nav__list{
  margin-right: 0px;
}
.footer__nav__list .nav__link {
  font-weight: 500;
}
.footer__nav__list .nav__item {
  text-align: left;
  padding: 0px;
}
.footer__nav__list .nav__item:before {
  display: none;
}

.logoblock__contact {
  margin-top: 12px;
}

.contact {
  display: flex;
  flex-direction: column;
  gap: 15px;
}


.nav-wrapper {
  display: flex;
  gap: 0%;
}

.nav__first {
  font-weight: 700;
  color: #FFFFFF;
}
@media (max-width: 1600px) {
  .footer__nav__list {
    max-width: 227px;
  }
}
@media (max-width: 1340px) {
  .footer__nav__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 307px;
    min-width: 142px;
    gap: 25px;
  }
  .nav-wrapper {
    gap: 0px;
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 1044px) {
  .footer {
    flex-direction: column;
  }
  .footer .desc__footer {
    width: 100%;
  }
  .footer .nav-wrapper {
    justify-content: unset;
    gap: 40px;
  }
  .footer .footer__nav__list {
    margin-top: 50px;
    max-width: 100%;
  }
  .contact {
    gap: 10px;
  }
}
@media (max-width: 500px) {
  .footer {
    flex-direction: column;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .footer .desc__footer {
    width: 100%;
  }
  .footer .nav-wrapper {
    justify-content: unset;
    justify-content: space-between;
    gap: 0px;
  }
  .footer .footer__nav__list {
    margin-top: 50px;
    max-width: 100%;
  }
  .footer .footer__nav__list .nav__link {
    font-size: 18px;
  }
}
html,
body {
  margin: 0;
  padding: 0;
  background-color: #1C1C1C;
  font-family: "Rubik", sans-serif;
  height: 100%;
  background: url("/local/templates/keystone/css/../image/background.jpg") repeat center center fixed;
  background-size: contain;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html{
  max-width: 1920px;
  margin-right: auto;
  margin-left: auto;
}

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}


@media (max-width: 1600px) {
  .container {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media (max-width: 1340px) {
  .container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 900px) {
  .container {
    padding-left: 10px;
    padding-right: 10px;
  }
}
p {
  font-family: "Rubik", sans-serif;
  font-size: 24px;
  color: #1C1C1C;
  line-height: normal;
  letter-spacing: 0%;
}

.no-scroll {
  overflow: hidden;
}

.cit {
  font-size: 54px;
}
.cit__last {
  margin-left: auto;
}

li {
  font-family: "Rubik", sans-serif;
  font-size: 24px;
  color: #1C1C1C;
  line-height: normal;
  letter-spacing: 0%;
}

li::marker {
  color: #BC1F44;
}

ul {
  list-style: none;
  padding-left: 0;
}

li {
  position: relative;
  padding-left: 33px;
}

li::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 14px;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-color: #BC1F44;
  border-radius: 3px;
}

@media (max-width: 900px) {
  p {
    font-family: "Rubik", sans-serif;
    font-size: 16px;
    color: #1C1C1C;
    line-height: normal;
    letter-spacing: 0%;
  }
  li {
    font-family: "Rubik", sans-serif;
    font-size: 16px;
    color: #1C1C1C;
    line-height: normal;
    letter-spacing: 0%;
    padding-left: 20px;
  }
  li::before {
    top: 10px;
    width: 5px;
    height: 5px;
    border-radius: 2px;
  }
}
.important {
  color: #BC1F44;
}

.head {
  font-family: "Playfair", serif;
  color: #1C1C1C;
  font-size: 54px;
  line-height: normal;
  letter-spacing: 0%;
}
@media (max-width: 500px) {
  .head {
    font-size: 24px;
  }
}
.head__heroblock {
  color: #FFFFFF;
  font-size: 64px;
}
@media (max-width: 1600px) {
  .head__heroblock {
    font-size: 48px;
    width: 85%;
  }
}
@media (max-width: 900px) {
  .head__heroblock {
    font-size: 36px;
    width: 100%;
  }
}
@media (max-width: 500px) {
  .head__heroblock {
    font-size: 24px;
    width: 100%;
  }
}
.head__service {
  font-family: "Rubik", sans-serif;
  color: #FFFFFF;
  font-size: 24px;
}
@media (max-width: 500px) {
  .head__service {
    font-size: 16px;
  }
}
.head__fio {
  font-size: 24px;
  font-family: "Rubik", sans-serif;
}
@media (max-width: 500px) {
  .head__fio {
    font-size: 16px;
  }
}
.head__white {
  color: #FFFFFF;
}
.head__number {
  color: #BC1F44;
  font-size: 96px;
}
@media (max-width: 500px) {
  .head__number {
    font-size: 64px;
  }
}
.head__faq {
  font-size: 32px;
  color: #FFFFFF;
  font-family: "Rubik", sans-serif;
}
@media (max-width: 1340px) {
  .head__faq {
    font-size: 26px;
  }
}
@media (max-width: 500px) {
  .head__faq {
    font-size: 16px;
  }
}
.head__blog {
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  font-size: 24px;
}
.head__contacts {
  font-size: 32px;
  font-weight: 700;
  font-family: "Rubik", sans-serif;
}
@media (max-width: 500px) {
  .head__contacts {
    font-size: 22px;
  }
}
.head_center {
  text-align: center;
}
.head__feedback {
  font-family: "Rubik", sans-serif;
  font-size: 40px;
}
@media (max-width: 500px) {
  .head__feedback {
    font-size: 24px;
  }
}
.head__logo {
  font-family: "Rubik", sans-serif;
  color: #FFFFFF;
  font-size: 32px;
}

.desc {
  font-family: "Rubik", sans-serif;
  font-size: 24px;
  color: #1C1C1C;
  line-height: 100%;
  letter-spacing: 0%;
}
@media (max-width: 1340px) {
  .desc {
    font-size: 18px;
  }
}
@media (max-width: 900px) {
  .desc {
    font-size: 16px;
  }
}
.desc__heroblock {
  color: #FFFFFF;
}
.desc__service {
  color: #FFFFFF;
}
.desc__price {
  color: #BC1F44;
  font-weight: 700;
font-size: 22px;
}
.desc__reviews {
  font-size: 24px;
  height: 112px;
}
.desc__reviews__small {
  height: 83px;
}
@media (max-width: 1686px) {
  .desc__reviews {
    font-size: 25px;
    height: 112px;
  }
}
@media (max-width: 500px) {
  .desc__reviews {
    font-size: 16px;
    height: 82px;
  }
}
.desc__service_reviwes {
  color: #1C1C1C;
}
.desc__white {
  color: #FFFFFF;
}
.desc__faq {
  color: #FFFFFF;
  line-height: 140%;
}
.desc__faq li{
  color: #FFFFFF;
  line-height: 140%;
}
.desc__faq ul,
.desc__faq ol{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.desc__blog {
  font-size: 16px;
  color: #000000;
}
@media (max-width: 500px) {
  .desc__blog {
    font-size: 10px;
  }
}
.desc__date {
  font-size: 20px;
  font-weight: 700;
}
@media (max-width: 500px) {
  .desc__date {
    font-size: 10px;
  }
}
.desc__small {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.7333333333);
  width: 251px;
}
.desc__contact {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 700;
}
.desc__footer {
  width: 26%;
  color: #FFFFFF;
}

.desc__servicer__mobile {
  display: none;
}

@media (max-width: 900px) {
  .desc__servicer__desktop {
    display: none;
  }
  .desc__servicer__mobile {
    display: block;
    margin-top: 10px;
  }
  .section__head {
    height: fit-content;
    min-height: 43px;
  }
}
.btn {
  height: fit-content;
  padding: 15px 64px;
  border: none;
  border-radius: 25px;
  background-color: #BC1F44;
  outline: none;
  font-family: "Rubik", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #FFFFFF;
  cursor: pointer;
}
.btn__heroblock {
  padding: 23px 60px;
  width: fit-content;
}
@media (max-width: 900px) {
  .btn__heroblock {
    width: 100%;
  }
}
.btn__feedback {
  padding: 14px 23px;
}
.btn__burger {
  background-color: rgba(28, 28, 28, 0);
  border: 1px solid #D9D9D9;
  border-radius: 12px;
  width: 52px;
  height: 52px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 0px;
}
.btn__burger span {
  display: block;
  background-color: #D9D9D9;
  width: 29px;
  height: 1px;
}
.btn__service {
  font-size: 16px;
  padding: 10px 23px;
}
@media (max-width: 500px) {
  .btn__service {
    font-size: 12px;
  }
}
.btn__faq {
  padding: 0px;
  width: 52px;
  height: 52px;
  background-color: #BC1F44;
  border-radius: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.btn__submit {
  padding: 15px 63px;
  width: fit-content;
  margin-left: auto;
}
.btn__appointment {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 96px;
  min-height: 96px;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
  box-shadow: 0 16px 16px rgba(255, 0, 0, 0.37);
  background-color: #BC1F44;
  border: 10px solid #BC1F44;
  overflow: visible;
  animation: scalePulse 2s infinite;
  padding: 0px;
  margin-top: 32px;
}
.btn__appointment::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0px;
  bottom: 0px;
  height: 100%;
  width: 100%;
  cursor: pointer;
  border-radius: 50%;
  background-color: #BC1F44;
  animation: pulse-circle 2.8s infinite;
}
@media (max-width: 500px) {
  .btn__appointment {
    min-width: 70px;
    min-height: 70px;
  }
  .btn__appointment img {
    width: 35px;
    height: 35px;
  }
}

@keyframes scalePulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}
@keyframes inverseScale {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.909);
  }
}
@keyframes pulse-circle {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.5);
    opacity: 0.3;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
.appointment-widget {
  position: fixed;
  z-index: 999999995;
  bottom: 25px;
  right: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 500px) {
  .appointment-widget {
    right: 16px;
  }
}

.social__list {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 15px;
  visibility: hidden;
  transition: 0.8ms ease visibility;
  left: -200px;
  height: 0px;
}
.social__list.active {
  visibility: visible;
  left: 0px;
  height: unset;
}

.social-item img {
  width: 40px;
  height: 40px;
}
.social-item__gm {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 78px;
  min-height: 78px;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
  background-color: #FFFFFF;
}
.social-item__tg {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 78px;
  min-height: 78px;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
  background-color: #42B0FF;
}
.social-item__tg img {
  margin-right: 7px;
  margin-top: 2px;
}
.social-item__wa {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 78px;
  min-height: 78px;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
  background-color: #13C93C;
}
@media (max-width: 500px) {
  .social-item__gm {
    min-width: 60px;
    min-height: 60px;
  }
  .social-item__gm img {
    width: 35px;
    height: 35px;
  }
  .social-item__wa {
    min-width: 60px;
    min-height: 60px;
  }
  .social-item__wa img {
    width: 35px;
    height: 35px;
  }
  .social-item__tg {
    min-width: 60px;
    min-height: 60px;
  }
  .social-item__tg img {
    width: 35px;
    height: 35px;
  }
}

.textblock {
  display: flex;
  flex-direction: column;
}

.section__head {
  display: flex;
  justify-content: space-between;
}

.reviews {
  overflow: hidden;
}
.reviews__big {
  position: relative;
  max-width: 100%;
  min-width: 38.5%;
}
.reviews__slider {
  position: relative;
}
.reviews__nav {
  display: flex;
  gap: 15px;
  justify-content: center;
  margin-top: 30px;
}
.reviews__nav button {
  width: 52px;
  height: 52px;
  border-radius: 100px;
  background-color: #BC1F44;
  border: none;
  position: relative;
  cursor: pointer;
}
.reviews__nav button::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  border-left: 3px solid white;
  border-bottom: 3px solid white;
  top: 50%;
  left: 50%;
}
.reviews__author {
  display: flex;
  gap: 20px;
  align-items: center;

}
.reviews__pic-block {
  width: 107px;
  height: 107px;
  min-width: 107px;
  border-radius: 100px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 4px solid #BC1F44;
}
.reviews__pic-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.reviews__fio-service {
  max-width: 288px;
}

.swiper__buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
}

.swiper-button-next,
.swiper-button-prev,
.swiper-rtl .swiper-button-next,
.swiper-rtl .swiper-button-prev {
  background-color: #BC1F44;
  min-width: 52px;
  position: relative !important;
  min-height: 52px;
  border-radius: 100px;
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
  right: 0px !important;
  left: 0px !important;
  top: 0px !important;
  bottom: 0px !important;
}

.swiper-button-next:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: none !important;
}

.swiper-button-next {
  background-image: url("/local/templates/keystone/css/../image/next.svg");
}

.swiper-button-prev {
  background-image: url("/local/templates/keystone/css/../image/prev.svg");
}

.reviews__item__big {
  position: relative;
  width: 100%;
  max-width: 610px;
  padding: 23px;
  border: 4px solid #BC1F44;
  border-radius: 25px;
  background-color: rgba(255, 255, 255, 0.1764705882);
  overflow: hidden;
}
.reviews__item__big .reviews__slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
}
.reviews__item__big .reviews__slide.active {
  opacity: 1;
  position: relative;
  z-index: 1;
}

@media (max-width: 900px) {
  .reviews__item__big {
    margin-left: 0px;
    max-width: unset;
  }
}
.reviews__item__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.reviews__author {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-top: auto;
}

.reviews__pic-block {
  width: 107px;
  height: 107px;
  border-radius: 50%;
  overflow: hidden;
  border: 4px solid #BC1F44;
}
.reviews__pic-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 500px) {
  .cit {
    font-size: 18px;
  }
  .reviews__pic-block {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid #BC1F44;
  }
  .reviews__small .reviews__desc {
    display: flex;
    gap: 0px;
    flex-direction: column;
  }
  .reviews__small .picblock {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    min-width: 48px;
    border: 4px solid #BC1F44;
  }
  .desc__reviews__small {
    height: 114px;
  }
  .why .reviews__small .desc__reviews {
    font-size: 16px;
  }
  .reviews__item__big {
    max-width: 610px;
    padding: 10px;
  }
  .reviews__small .reviews__item__small {
    border-radius: 25px;
    padding: 10px;
  }
  .swiper-button-next, .swiper-button-prev, .swiper-rtl .swiper-button-next, .swiper-rtl .swiper-button-prev {
    background-color: #BC1F44;
    min-width: 45px;
    width: 30px;
    position: relative !important;
    min-height: 30px;
    border-radius: 100px;
    background-size: 24px 24px;
    background-position: center;
    background-repeat: no-repeat;
    right: 0px !important;
    left: 0px !important;
    top: 0px !important;
    bottom: 0px !important;
  }
  .swiper__buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
  }
}


.scrollup{
  border-radius: 100px;
  padding: 0px 0px;
  width: 78px;
  height: 78px;
  background-color: #bc1f44e0;
  border:none;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  outline: none;
  position: fixed;
  z-index: 999999996;
  bottom: 393px;
  right: 53px;
  box-shadow: 0 16px 16px rgba(255, 0, 0, 0.37);
  cursor: pointer;
}
.scrollup img{
  width: 15px;
}
.scrollup.active{
  visibility: visible;
}
.scrollup.social-open{
  bottom: 437px;
  right: 50px;
}
@media(max-width:900px){
  .scrollup{
    width: 70px;
    height: 70px;
    bottom: 115px;
    right: 17px;
    box-shadow: 0 16px 16px rgba(255, 0, 0, 0.37);
    cursor: pointer;
  }
  .scrollup.scrollup.social-open{
    bottom: 360px;
    right: 16px;
  }
}
.politic-button{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.politic-confirm {
    margin-top: 15px;
    font-size: 14px;
    color: #fff; /* Белый текст для лучшей читаемости */
}

.politic-confirm__label {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    padding-left: 30px;
}

.politic-confirm__checkbox {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.politic-confirm__custom-checkbox {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 31px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.555); 
    border-radius: 6px; 
    transition: all 0.3s;
}

.politic-confirm__label:hover .politic-confirm__custom-checkbox {
    background-color: rgba(255, 0, 0, 0.1); 
}

.politic-confirm__checkbox:checked ~ .politic-confirm__custom-checkbox {
    background-color: #bc1f44e0;
}

.politic-confirm__custom-checkbox:after {
    content: "";
    position: absolute;
    display: none;
    left: 10px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.politic-confirm__checkbox:checked ~ .politic-confirm__custom-checkbox:after {
    display: block;
}

.politic-confirm__text {
    margin-left: 10px;
    font-size: 15px;
    color: #FFFFFF;
    font-weight: 500;
    margin-top: 6px;
}

.politic-confirm__link {
    color: #bc1f44e0; 
    text-decoration: underline;
    transition: color 0.3s;
}

.politic-confirm__link:hover {
    color: #cc0000; 
}
.footer__phone{
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}
.footer__phone:hover svg path{
  fill: #BC1F44;
}
.footer__phone p{
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
}
.footer__phone:hover p{
  color: #BC1F44;
}
@media (max-width:900px) {
  .footer__phone p{
    font-size: 16px;
  }
}
@media (min-width:1921px) {
  .header{
    max-width: 1920px;
  }

}

.document{
  padding-top: 140px;
}
@media (max-width:1832px){
  .reviews__item__big .desc__reviews{
    height: 144px;
  }
}
@media (max-width:1466px){
  .reviews__item__big .desc__reviews{
    height: 190px;
  }
}
@media (max-width:1085px){
  .reviews__item__big .desc__reviews{
      height: 260px;
  }
}
@media (max-width:900px){
  .reviews__item__big .desc__reviews{
      height: fit-content;
  }
  .reviews__pic-block{
    min-width: unset;
  }
}
@media (max-width: 1686px) {
    .desc__reviews {

        height: 154px;
    }
}
@media (max-width: 863px) {
    .desc__reviews {

        height: 82px;
    }
}
@media (max-width: 536px) {
    .desc__reviews {

        height: 122px;
    }
}
@media (max-width: 500px) {
    .desc__reviews {
        height: 93px;
    }
}
@media (max-width:500px){
  .service__card .pic-block{
    height: 140px;
    min-height: 140px;
  }
  .service__card .textblock ul li span{
    font-size: 15px;
  }
  .service__card .textblock ul li {
    font-size: 15px;
  }
  .service__card .textblock .desc{
    font-size: 15px;
  }
}



/* breadcrumbs */
/*
.breadcrumbs {
  position: absolute;
  top: -1000px;
}
.blog-page .breadcrumbs, 
.services-page .breadcrumbs,
.contacts-page .breadcrumbs,
.faq-page .breadcrumbs,
.team-page .breadcrumbs,
.reviews-page .breadcrumbs,
.document-page .breadcrumbs,
.about-page .breadcrumbs,
.career-page .breadcrumbs  {
  position: static;
  top: 0;
}*/
.breadcrumbs {
  margin-bottom: 70px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}
.breadcrumbs .breadcrumb-item {
  width: fit-content;
  font-size: 12px;
  font-weight: 300px;
  line-height: 100%;
  letter-spacing: 0%;
}
.breadcrumbs .breadcrumb-item a,
.breadcrumbs .breadcrumb-item span {
  color: #868686;
}
.breadcrumbs .breadcrumb-item > span {
  color: #1c1c1c;  
}

/* for clickable elements */
.clickable:hover {
  cursor: pointer;
}

.breadcrumbs .breadcrumb-item a,
.breadcrumbs .breadcrumb-item span {
  font-family: "Rubik", serif !important;
}
/* font-famaly*/
.blog-page,
.heads-block li a,
.blog-page .category-list .category-item,
.blog-page .blog-list-desktop .articles-item__body .articles-item__categories .categories-item,
.blog-page .blog-list-desktop .articles-item__body .title__articles,
.blog-page .blog-list-desktop .articles-item__bottom .link_upper,
.blog-page .content-detail .content-detail__body h4,
.blog-page .order-service .order-service__btn .btn__order-service .text__btn,
#faq .faq_list .faq_item_head .head_faq,
#faq .faq_list .faq_item.active .faq_item_bottom .desc,
.about-page .text-block h4,
.about-page .text-block p,
.career-page .start-block .text-block .desc p,
.career-page .start-block .text-block .desc li,
.career-page .advantages-item .head,
.career-page .advantages-item .desc,
.career-page .send-resume .mail-block .mail a,
.why-we-block .why-we-item .desc,
.steps-list .steps-item .head,
.steps-list .steps-item .desc,
.service-body .request .text-block .desc p,
.service-body .request .text-block .social-block .head,
.service-detail-page .call .head,
.service-detail-page .call label,
.service-detail-page .call input,
.service-detail-page .call input.btn__submit,
.reviews__body .card-item .header__card-item .head,
.reviews__body .card-item .desc__card-item .short-desc, 
.reviews__body .card-item .desc__card-item .full-desc
{
  font-family: "Rubik", serif;
}
.blog-page .content-detail .content-detail__head .date-item .desc__date,
.blog-page .content-detail .content-detail__head .content-detail__preview .heads-block h3,
.blog-page .content-detail .content-detail__body p,
.service-detail-page .service-body .desc-block .desc p
{
  font-family: "Inter", serif;
}
.blog-page .content-detail .content-detail__head .head__content .head__name,
.blog-page .order-service .order-service__title .title__order-service,
.read-more .head-block,
.document-page h2,
.document-page h2 strong,
.document-page h2 span,
.about-page .head,
.about-page .quote-block p,
.career-page .head,
.career-page .start-block .text-block .qoute p,
.service-body .reviews .head,
.certificates-block .head,
.reviews-page > .head
{
  font-family: "Playfair Display", serif;
}
.why-we-block .head,
.statistics-block .statistics-item .value,
.statistics-block .statistics-item .desc,
.steps-work-block .head
{
  font-family: "Playfair", serif;
}

/* about-page */
.about-page {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.about-page .breadcrumbs {
  margin-bottom: 0;
}
.about-page .body-block {
  padding: 20px 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 93px;
  column-gap: 81px;
}
.about-page .head {
  width: 100%;
  padding: 40px;
  border-radius: 25px;
  border: 1px solid #E9E9E9;
  background-color: #F5F5F5;
}
.about-page .text-block_small:nth-of-type(1),
.about-page .quote-block {
  grid-column: 1;
}
.about-page .text-block_small:nth-of-type(2),
.about-page .body-pic {
  grid-column: 2;
}
.about-page .text-block_big {
  grid-column: 1 / 3;
}
.about-page .text-block_big {
  display: flex;
  flex-direction: row;
  gap: 81px;
}
.about-page .text-block_big .column {
  width: 50%;
}
.about-page .pic-block {
  height: fit-content;
  border-radius: 25px;
  overflow: hidden; 
}
.about-page .head-pic {
  max-height: 640px;
}
.about-page .body-pic {
  max-height: 300px;
}
.about-page .pic-block img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.about-page .head-pic img {
  margin-top: -10px;
}
.about-page .body-pic img {
  margin-top: -10px;
}
.about-page .quote-block {
  padding-left: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-left: 1px solid #1C1C1C;
}
.about-page .head {
  font-size: 58px;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: 0%;
  color: #1C1C1C;
}
.about-page .text-block h4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0%;
  color: #1C1C1C;
}
.about-page .text-block p {
  padding-bottom: 40px;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0%;
  color: #333333;
}
.about-page .quote-block p {
  font-size: 40px;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: 0%;
  color: #1C1C1C;
}
@media(max-width: 1300px) {
  .about-page .head {
    font-size: 50px;
    line-height: 100%;
  }
  .about-page .body-pic {
    max-height: fit-content;
  }
  .about-page .quote-block,
  .about-page .body-pic {
    grid-column: 1/3;
  }
  .about-page .quote-block p {
    font-size: 36px;
    line-height: 50px;
  }
}
@media(max-width: 1100px) {
  .about-page .text-block h4 {
    font-size: 22px;
    line-height: 100%;
  }
  .about-page .text-block p {
    padding-bottom: 30px;
    font-size: 22px;
    line-height: 28px;
  }
}
@media(max-width: 900px) {
  .about-page {
    gap: 30px;
  }
  .about-page .body-block {
    padding: 0;
    grid-template-columns: 1fr;
    row-gap: 22px;
    column-gap: 0;
  }
  .about-page .head {
    padding: 0;
    border-radius: 0;
    border: 0;
    background-color: transparent;
  }
  .about-page .text-block_small:nth-of-type(1),
  .about-page .quote-block {
    grid-column: 1;
  }
  .about-page .text-block_small:nth-of-type(2),
  .about-page .body-pic {
    grid-column: 1;
  }
  .about-page .text-block_big {
    grid-column: 1;
  }
  .about-page .text-block_big {
    flex-direction: column;
    gap: 0;
  }
  .about-page .text-block_big .column {
    width: 100%;
  }
}
@media(max-width: 700px) {
  .about-page .quote-block {
    padding-left: 20px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .about-page .head {
    font-size: 30px;
    line-height: 32px;
  }
  .about-page .text-block h4 {
    font-size: 20px;
  }
  .about-page .text-block p {
    font-size: 20px;
    line-height: 28px;
  }
  .about-page .quote-block p {
    font-size: 30px;
    line-height: 40px;
  }
}
@media(max-width: 500px) {
  .about-page {
    gap: 20px;
  }
  .about-page .quote-block {
    padding-left: 10px;
  }
  .about-page .head {
    font-size: 24px;
    line-height: 24px;
  }
  .about-page .text-block h4 {
    font-size: 18px;
  }
  .about-page .text-block p {
    font-size: 18px;
    line-height: 24px;
  }
  .about-page .quote-block p {
    font-size: 20px;
    line-height: 26px;
  }
}

/* career-page */
.career-page {

}
.career-page .breadcrumbs {
  margin-bottom: 20px;
}
.career-page > .head {
  width: 100%;
  margin-bottom: 100px;
  padding: 40px;
  border-radius: 25px;
  border: 1px solid #E9E9E9;
  background-color: #F5F5F5;
}
.career-page .start-block {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  gap: 100px;
}
.career-page .start-block .pic-block {
  width: 50%;
  border-radius: 25px;
}
.career-page .start-block .pic-block img {
  width: 100%;
}
.career-page .start-block .text-block {
  width: 50%;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  gap: 70px;
}
.career-page .start-block .text-block .qoute {
  max-width: 570px;
  padding: 10px 0 10px 40px;
  border-left: 1px solid #1c1c1c;
}
.career-page .start-block .text-block .desc {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.career-page .start-block .text-block .desc ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.career-page .start-block .text-block .desc li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  width: 10px;
  height: 10px;
  background-color: #E30F41;
  border-radius: 50px;
}
.career-page .advantages {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 100px;
}
.career-page .advantages-list {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
}
.career-page .advantages-item {
  width: 25%;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 25px;
  border: 1px solid #e9e9e9;
  border-radius: 25px;
  background-color: #f5f5f5;
}
.career-page .advantages-item .pick-block {
  width: 100%
}
.career-page .advantages-item .pick-block img {
  width: 60px;
  height: 60px;
}
.career-page .send-resume {
  width: 100%;
  min-height: 220px;
  display: flex;
  flex-direction: row;
}
.career-page .send-resume .send-resume__title {
  width: 50%;
  padding: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  background: url("/local/templates/keystone/css/../image/background.jpg") repeat center center;
}
.career-page .send-resume .send-resume__title .title {
  
}
.career-page .send-resume .mail-block {
  width: 50%;
  padding: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  background-color: #1C1C1C;
}
.career-page .send-resume .mail-block .mail {
  margin-left: 70px;
  position: relative;
}
.career-page .send-resume .mail-block .mail::before {
  position: absolute;
  left: -70px;
  top: 50%;
  transform: translateY(-50%);
  font-family: FontAwesome;
  content: "\f0e0";
  font-size: 50px;
  color: #FFFFFF;
}

.career-page .head {
  font-size: 58px;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: 0%;
}
.career-page .start-block .text-block .qoute p {
  font-size: 40px;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: 0%;
}
.career-page .start-block .text-block .desc p,
.career-page .start-block .text-block .desc li {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0%;
  color: #333333;
} 
.career-page .advantages-item .head {
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0%;
}
.career-page .advantages-item .desc {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0%;
  color: #333333;
}
.career-page .send-resume .send-resume__title .title p {
  font-family: Playfair;
  font-size: 48px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #BC1F44;
}
.career-page .send-resume .mail-block .mail a {
  font-size: 24px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0%;
  color: #ffffff;
}
@media(max-width: 1900px) {
  .career-page .advantages-item .head {
    font-size: 20px;
    line-height: 20px;
  }
  .career-page .advantages-item .desc {
    font-size: 20px;
    line-height: 28px;
  }
}
@media(max-width: 1500px) {
  .career-page .send-resume .send-resume__title .title p {
    font-size: 40px;
  }
  .career-page .advantages-item .head {
    font-size: 18px;
    line-height: 18px;
  }
  .career-page .advantages-item .desc {
    font-size: 18px;
    line-height: 24px;
  }
}
@media(max-width: 1300px) {
  .career-page > .head {
    margin-bottom: 60px;
  }
  .career-page .start-block {
    gap: 60px;
  }
  .career-page .start-block .text-block {
    gap: 40px;
  }
  .career-page .start-block .text-block .qoute p {
    max-width: 420px;
  }
  .career-page .advantages-list {
    width: 680px;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .career-page .advantages-item {
    width: 100%;
  }
  .career-page .head {
    font-size: 50px;
    line-height: 52px;
  }
  .career-page .start-block .text-block .qoute p {
    font-size: 30px;
    line-height: 50px;
  }
  .career-page .start-block .text-block .desc p, 
  .career-page .start-block .text-block .desc li {
    font-size: 22px;
    line-height: 30px;
  }
  .career-page .send-resume .send-resume__title .title p {
    font-size: 36px;
  }
}
@media(max-width: 1100px) {
  .career-page > .head {
    margin-bottom: 50px;
  }
  .career-page .start-block {
    gap: 50px;
  }
  .career-page .start-block .text-block {
    gap: 30px;
  }
  .career-page .start-block .text-block .qoute {
    padding: 10px 0 10px 30px;
  }
  .career-page .start-block .text-block .qoute p {
    max-width: 420px;
  }
  .career-page .head {
    font-size: 40px;
    line-height: 42px;
  }
  .career-page .start-block .text-block .qoute p {
    font-size: 26px;
    line-height: 40px;
  }
  .career-page .start-block .text-block .desc p, 
  .career-page .start-block .text-block .desc li {
    font-size: 20px;
    line-height: 26px;
  }
  .career-page .advantages-item .head {
    font-size: 20px;
    line-height: 26px;
  }
  .career-page .advantages-item .desc {
    font-size: 18px;
    line-height: 26px;
  }
  .career-page .send-resume .send-resume__title .title p {
    font-size: 28px;
  }
}
@media(max-width: 900px) {
  .career-page > .head {
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
    border-radius: 0;
    border: 0;
    background-color: transparent;
  }
  .career-page .start-block {
    flex-direction: column;
    gap: 20px;
  }
  .career-page .start-block .text-block,
  .career-page .start-block .pic-block {
    width: 100%;
  }
  .career-page .start-block .text-block {
    gap: 20px;
    padding: 0;
  }
  .career-page .start-block .text-block .qoute {
    padding: 0 0 0 20px;
  }
  .career-page .start-block .text-block .qoute p {
    max-width: 100%;
  }
  .career-page .send-resume {
    min-height: 140px;
  }
  .career-page .start-block .text-block .desc {
    gap: 20px;
  }
  .career-page .send-resume .mail-block .mail {
    margin-left: 60px;
  }
  .career-page .send-resume .mail-block .mail::before {
    left: -60px;
    font-size: 40px;
  }
  .career-page .head {
    font-size: 30px;
    line-height: 42px;
  }
  .career-page .start-block .text-block .qoute p {
    font-size: 26px;
    line-height: 38px;
  }
  .career-page .send-resume .send-resume__title .title p {
    font-size: 24px;
  }
  .career-page .send-resume .mail-block .mail a {
    font-size: 22px;
  }
}
@media(max-width: 700px) {
  .career-page .start-block .text-block .qoute {
    padding: 0 0 0 10px;
  }
  .career-page .send-resume {
    flex-direction: column;
    min-height: 440px;
  }
  .career-page .send-resume .send-resume__title {
    width: 100%;
    height: 220px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 0;
  }
  .career-page .send-resume .mail-block {
    width: 100%;
    height: 220px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 25px;
  }
  .career-page .advantages-list {
    width: 300px;
    grid-template-columns: 1fr;
  }
  .career-page .head {
    font-size: 28px;
    line-height: 28px;
  }
  .career-page .start-block .text-block .qoute p {
    line-height: 28px;
  }
}
@media(max-width: 500px) {
  .career-page .start-block .text-block .desc li::before {
    top: 12px;
    width: 8px;
    height: 8px;
  }
  .career-page > .head {
    font-size: 24px;
    line-height: 24px;
  }
  .career-page .start-block .text-block .qoute p {
    font-size: 20px;
    line-height: 26px;
  }
  .career-page .start-block .text-block .desc p,
  .career-page .start-block .text-block .desc li {
    font-size: 18px;
    line-height: 24px;
  } 
  .career-page .advantages-item .head {
    font-size: 20px;
    line-height: 24px;
  }
  .career-page .advantages-item .desc {
    font-size: 18px;
    line-height: 24px;
  }
  .career-page .send-resume .send-resume__title .title p {
    font-size: 20px;
    line-height: 26px;
  }
  .career-page .send-resume .mail-block .mail a {
    font-size: 20px;
  }
}


/* document-page */
.document-page h2,
.document-page h2 strong,
.document-page h2 span  {
  max-width: 1000px;
  font-size: 58px;
  font-weight: 600;
  line-height: 60px;
  margin-bottom: 60px;
}
@media(max-width: 1100px) {
  .document-page h2,
  .document-page h2 strong,
  .document-page h2 span {
    font-size: 50px;
    line-height: 100%;
    margin-bottom: 50px;
  }
}
@media(max-width: 950px) {
  .document-page h2,
  .document-page h2 strong,
  .document-page h2 span {
    font-size: 40px;
    margin-bottom: 40px;
  }
}
@media(max-width: 700px) {
  .document-page h2,
  .document-page h2 strong,
  .document-page h2 span {
    font-size: 30px;
    margin-bottom: 30px;
  }
}
@media(max-width: 500px) {
  .document-page h2,
  .document-page h2 strong,
  .document-page h2 span {
    font-size: 24px;
    margin-bottom: 20px;
  }
}

/* background blog-page */
html:has(.blog-page),
body:has(.blog-page)
{
  background: transparent;
}

/* blog-page */
.blog-page {
  max-width: 1620px;
  margin: 0 150px;
  display: flex;
  flex-direction: column;
}
.blog-page > .mobile {
  display: none;
}
.blog-page div {
  /*width: fit-content;*/
}
/*.blog-page > div:last-of-type:not(.content-detail),*/
.blog-page .mobile > div 
{
  width: 100%;
}
.blog-page .head {
  margin-bottom: 10px;
  font-size: 54px;
  font-weight: 600;
  line-height: 54px;
  letter-spacing: 0%;
}
.blog-page .category-list {
  margin-bottom: 60px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.blog-page .category-list .category-item {
  width: fit-content;
  padding: 10px 30px;
  border: solid 1px #e9e9e9;
  background-color: #f5f5f5;
  color: #1C1C1C;
  border-radius: 25px;
  white-space: nowrap;
}
.blog-page .category-list .category-item:hover,
.blog-page .category-list .category-item.active
{
  border: solid 1px #e30f41;
  background-color: #e30f41;
  color: #ffffff;
}
.blog-page .category-list .category-item:hover {
  transition: background-color 0.5s ease, border-color 0.5s ease, color 0.5s ease;
}
.blog-page .blog-list-desktop {
  width: fit-content;
}
.blog-page .blog-list-desktop .blog-list {
  width: fit-content;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.blog-page .blog-list-desktop .articles-item {
  width: 370px;
  height: 455px;
  display: flex;
  flex-direction: column;
  border-radius: 25px;
  background-color: #1C1C1C;
  overflow: hidden;
}
.blog-page .blog-list-desktop .articles-item a,
.blog-page .blog-list-desktop .articles-item p,
.blog-page .blog-list-desktop .articles-item .title
{
  color: #FFFFFF;
  line-height: 100%;
  letter-spacing: 0%;
}
.blog-page .blog-list-desktop .picblock,
.blog-page .blog-list-desktop .picblock img
{
  width: 370px;
  height: 224px;
}
.blog-page .blog-list-desktop .articles-item__content {
  height: 100%;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-content: space-between;
  gap: 13px;
}
.blog-page .blog-list-desktop .articles-item__body {
  display: flex;
  flex-direction: column;
  gap: inherit;
} 
.blog-page .blog-list-desktop .articles-item__body .articles-item__categories {
  display: flex;
  flex-direction: row;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
} 
.blog-page .blog-list-desktop .articles-item__body .articles-item__categories .categories-item {
  width: fit-content;
  padding: 5px 15px;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
  background-color: #E30F41;
  border-radius: 25px;
}
.blog-page .blog-list-desktop .articles-item__body .title__articles {
  font-size: 22px;
  font-weight: 600;
overflow: hidden;
}
.blog-page .blog-list-desktop .articles-item__body .desc__articles {
  height: 48px;
  font-size: 16px;
  font-weight: 400;
overflow: hidden;
}
.blog-page .blog-list-desktop .articles-item__bottom{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;  
  align-items: end;
}
.blog-page .blog-list-desktop .articles-item__bottom .link_upper {
  margin-top: 0px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: underline;
}
.blog-page .blog-list-desktop .articles-item__bottom .desc_date {
  margin-top: 5px;
  font-size: 16px;
  font-weight: 400;
  color: #8b8b8b;
}
@media(min-width: 1920px) {
  .blog-page .blog-list-desktop .blog-list {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}
@media(max-width: 1919px) {
  .blog-page {
    width: fit-content;
    margin: 0 auto;
  }
}
@media(max-width: 1700px) {
  .blog-page .blog-list-desktop .blog-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }
}
@media(max-width: 1300px) {
  .blog-page .blog-list-desktop .blog-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
  }
}
@media(max-width: 950px) {
  .blog-page div.category-list {
    width: 100%;
  }
  .blog-page .category-list .category-item {
    padding: 10px 25px;
  }
  .blog-page .blog-list-desktop .blog-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
/* adaptive */
@media(max-width: 780px) {
  .blog-page > div:has(.blog-list-desktop):not(.mobile),
  .blog-page > .blog-list-desktop {
    display: none;
  }
  .blog-page > .mobile {
    display: flex;
  }
  .blog-page
  {
    width: 100%;
    padding: 5%;
  }
  .blog-page .blog-list-desktop {
    margin: auto;
  }
  .blog-page .category-list .category-item
  {
    padding: 10px 30px;
  }
  .blog-page .blog-list-desktop .blog-list 
  {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media(max-width: 600px) {
  .blog-page.mobile,
  .blog-page
  {
    width: 100%;
    padding: 10px;
  }
}
@media(max-width: 400px) {
  .blog-page .blog-list-desktop .articles-item {
    width: 360px;
    height: 460px;
  }
  .blog-page .blog-list-desktop .picblock,
  .blog-page .blog-list-desktop .picblock img
  {
    width: 360px;
  }
  .blog-page .blog-list-desktop .articles-item__content
  {
    padding: 20px 10px;
    gap: 10px;
  }
  .blog-page .blog-list-desktop .articles-item__body .title__articles
  {
    font-size: 20px;
    line-height: 22px;
  }
  .blog-page .blog-list-desktop .articles-item__body .desc__articles
  {
    height: 80px;
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
  }
}
@media(max-width: 380px) {
  .blog-page .blog-list-desktop .articles-item
  {
    width: 340px;
    height: 490px;
  }
  .blog-page .blog-list-desktop .picblock,
  .blog-page .blog-list-desktop .picblock img
  {
    width: 340px;
  }
}
@media(max-width: 360px) {
  .blog-page .blog-list-desktop .articles-item
  {
    width: 320px;
    height: 490px;
  }
  .blog-page .blog-list-desktop .picblock,
  .blog-page .blog-list-desktop .picblock img
  {
    width: 320px;
  }
}
@media(max-width: 340px) {
  .blog-page .blog-list-desktop .articles-item
  {
    width: 300px;
    height: 490px;
  }
  .blog-page .blog-list-desktop .picblock,
  .blog-page .blog-list-desktop .picblock img
  {
    width: 300px;
  }
}

/* blog-page pagination */
div.pagination-blog {
  width: 100%;
  margin-top: 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.pagination-blog .pagination-blog_mobile 
{
  display: none;
}
.pagination-blog .pagination-blog__links {
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.pagination-blog .pagination-blog__links .btn__pagination_link,
.pagination-blog .pagination-blog__links .btn__pagination
{
  padding: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 40%;
  background-color: transparent;
}
.pagination-blog .pagination-blog__links .btn__pagination_link {
  color: #868686;
}
.pagination-blog .pagination-blog__links .btn__pagination {
  color: #e30f41;
}
/* adaptive */
@media(max-width: 500px) {
  .pagination-blog .pagination-blog_mobile {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
  }
  .pagination-blog .pagination-blog_mobile .btn.btn-pagination
  {
    padding: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0%;
    text-decoration: underline;
    border: 0;
    background-color: transparent;
  }
}

/* blog-detail */
.blog-page .content-detail {
  display: flex;
  flex-direction: column;
}
.blog-page .content-detail .content-detail__head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 20px;
  gap: 10px;
}
.blog-page .content-detail .content-detail__head .picblock_mobile {
  display: none;
}
.blog-page .content-detail .content-detail__head .first-col {
  max-width: 50%;
  width: fit-content;
}
.blog-page .content-detail .content-detail__head .head__content {
  padding: 50px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border: solid 1px #E9E9E9;
  border-radius: 25px;
  background-color: #F5F5F5;
}
.blog-page .content-detail .content-detail__head .head__content .head__name {
  font-size: 56px;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: 0%;
  color: #1C1C1C;
}
.blog-page .content-detail .content-detail__head .date-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
}
.blog-page .content-detail .content-detail__head .date-item .desc__date {
  max-width: fit-content;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  color: #929292;
}
.blog-page .content-detail .content-detail__head .content-blocks {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
}
.blog-page .content-detail .content-detail__head .content-blocks .articles-item__categories {
min-width:fit-content;
  display: flex;
  flex-direction: row;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.blog-page .content-detail .content-detail__head .content-blocks .articles-item__categories .categories-item {
  width: fit-content;
  padding: 7px 15px;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
  color: #FFFFFF;
  background-color: #E30F41;
  border-radius: 25px;
}
.blog-page .content-detail .content-detail__head .content-blocks .articles-item__categories .categories-item:not(:first-child) {
  /*display: none;*/
}
.blog-page .content-detail .content-detail__head .content-blocks .content-item {
min-width:fit-content;
  width: fit-content;
  padding: 5px 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  font-size: 16px;
  font-weight: 400;
line-height: 100%;
  white-space: nowrap;
  color: #1C1C1C;
  border: solid 1px #E9E9E9;
  border-radius: 25px;
}
.blog-page .content-detail .content-detail__head .content-blocks .content-item svg {
  width: 20px;
  height: 20px;
}
.blog-page .content-detail .content-detail__head .content-blocks .content-item svg g rect {
  fill: #E30F41;
}
.blog-page .content-detail .content-detail__head .content-blocks .content-item .desc {
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0%;
}
.blog-page .content-detail .content-detail__head .content-detail__preview {
  margin: 0 0 20px 50px;
}
.blog-page .content-detail .content-detail__head .content-detail__preview .desc {
  max-width: 670px;
  margin: 35px 0 20px 0;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0%;
  color: #333333;
}
.blog-page .content-detail .content-detail__head .content-detail__preview .heads-block h3 {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0%;
  color: #1C1C1C;
}
.blog-page .content-detail .content-detail__head .content-detail__preview .heads-block h3 {
  margin-bottom: 10px;
}
.blog-page .content-detail .content-detail__head .content-detail__preview .heads-block ol {
    list-style-type: none;
    padding-left: 0;
    counter-reset: my-counter;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.blog-page .content-detail .content-detail__head .content-detail__preview .heads-block li {
    counter-increment: my-counter;
    position: relative;
    /*padding-left: 19px;*/
	padding-left: 30px;
}
.blog-page .content-detail .content-detail__head .content-detail__preview .heads-block li:nth-of-type(n + 10) {
    padding-left: 30px;
}
.blog-page .content-detail .content-detail__head .content-detail__preview .heads-block li::before {
    content: counter(my-counter) ".";
    position: absolute;
    top: 5px;
    left: 0;
    color: var(--main-color);
    font-weight: bold;
    background-color: transparent;
}
.blog-page .content-detail .content-detail__head .content-detail__preview .heads-block li a {
  position: relative;
  left: 10px;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0%;
}
.blog-page .content-detail .content-detail__head .second-col {
  max-width: 50%;
  width: fit-content;
}
.blog-page .content-detail .content-detail__head .picblock {
  border-radius: 25px;
}
.blog-page .content-detail .content-detail__head .picblock img {
  width: 760px;
  height: 640px;
  border-radius: inherit;
}
.blog-page .content-detail .content-detail__body {
  width: calc(100% - 50px);
  margin-left: 50px;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.blog-page .content-detail .content-detail__body h2,
.blog-page .content-detail .content-detail__body h3,
.blog-page .content-detail .content-detail__body h4,
.blog-page .content-detail .content-detail__body p,
.blog-page .content-detail .content-detail__body ul
{
  text-align: justify;
  max-width: 70%;
}
.blog-page .content-detail .content-detail__body ul > li
{
	margin-top: 10px;
}
.blog-page .content-detail .content-detail__body ul li::before
{
	top: 10px;
  	transform: unset;
}
.blog-page .content-detail .content-detail__body h4:nth-child(1),
.blog-page .content-detail .content-detail__body p:nth-child(2)
{
  /*max-width: 670px;*/
}
.blog-page .content-detail .content-detail__body h2,
.blog-page .content-detail .content-detail__body h3,
.blog-page .content-detail .content-detail__body h4
{
  margin: 60px 0 10px 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0%;
}
.blog-page .content-detail .content-detail__body h2:nth-child(1)
.blog-page .content-detail .content-detail__body h3:nth-child(1),
.blog-page .content-detail .content-detail__body h4:nth-child(1) {
  margin: 10px 0 10px 0;
}
.blog-page .content-detail .content-detail__body p {
  margin: 10px 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0%;
}
.blog-page .content-detail .content-detail__body img {
  margin: 40px 0;
  width: 100%;
}
/* adaptive */
@media(max-width: 1800px) {
  .blog-page .content-detail .content-detail__head .picblock img {
    width: 700px;
    height: auto;
    border-radius: inherit;
  }
.blog-page:has(.content-detail) .breadcrumbs {
  width: 95%;
margin: 0 auto 70px auto;
	}
.blog-page .content-detail {
  width: 95%;
margin: 0 auto;
}
} 
@media(max-width: 1600px) {
  .blog-page .content-detail .content-detail__head .picblock img {
    width: 550px;
  }
.blog-page .content-detail .content-detail__head .first-col {
    max-width: 53%;
}
.blog-page .content-detail .content-detail__head .second-col {
    max-width: 45%;
}
} 
@media(max-width: 1400px) {
  .blog-page .content-detail .content-detail__head .picblock img {
    width: 500px;
  }
.blog-page .content-detail .content-detail__head .first-col {
    max-width: 49%;
width: fit-content;
}
.blog-page .content-detail .content-detail__head .second-col {
    max-width: 49%;
width: fit-content;
}
.blog-page .content-detail .content-detail__body h2, .blog-page .content-detail .content-detail__body h3, .blog-page .content-detail .content-detail__body h4, .blog-page .content-detail .content-detail__body p {
    max-width: 80%;
}
} 
@media(max-width: 1150px) {
  .blog-page .content-detail .content-detail__head .picblock img {
    width: 450px;
  }
.blog-page .content-detail .content-detail__head .first-col {
    max-width: 53%;
}
.blog-page .content-detail .content-detail__head .second-col {
    max-width: 45%;
}
.blog-page .content-detail .content-detail__head .content-blocks {
    flex-wrap: wrap;
}
.blog-page .content-detail .content-detail__head .head__content .head__name {
    font-size: 40px;
    line-height: 100%;
}
} 
@media(max-width: 1050px) {
  .blog-page .content-detail .content-detail__head .picblock img {
    width: 400px;
  }
.blog-page .content-detail .content-detail__head .first-col {
    max-width: 53%;
}
.blog-page .content-detail .content-detail__head .second-col {
    max-width: 45%;
}
.blog-page .content-detail .content-detail__head .head__content {
    padding: 20px;
}
.blog-page .content-detail .content-detail__body h2, .blog-page .content-detail .content-detail__body h3, .blog-page .content-detail .content-detail__body h4, .blog-page .content-detail .content-detail__body p {
    max-width: 90%;
}
}

@media(max-width: 950px) {
  .blog-page .content-detail .content-detail__head .picblock img {
    width: 350px;
  }
.blog-page .content-detail .content-detail__head .first-col {
    max-width: fit-content;
}
.blog-page .content-detail .content-detail__head .second-col {
    max-width: fit-content;
}
.blog-page .content-detail .content-detail__head .head__content .head__name {
    font-size: 36px;
}
.blog-page .content-detail .content-detail__head .content-detail__preview .heads-block li {
    font-size: 18px;
    line-height: 100%;
}
.blog-page .content-detail .content-detail__head .content-detail__preview .heads-block li a {
    font-size: 18px;
    line-height: 100%;
}
.blog-page .content-detail .content-detail__head .content-detail__preview .heads-block li::before {
        font-size: 18px;
        top: 0px;
        width: 0;
        height: 0;
    }
.blog-page .content-detail .content-detail__body h2, .blog-page .content-detail .content-detail__body h3, .blog-page .content-detail .content-detail__body h4, .blog-page .content-detail .content-detail__body p {
    max-width: 100%;
}
}
@media(max-width: 800px) {
  .blog-page .content-detail .content-detail__head .picblock img {
    width: 300px;
  }
.blog-page .content-detail .content-detail__head .head__content .head__name {
    font-size: 30px;
}
}
@media(max-width: 700px) {
.blog-page:has(.content-detail) .breadcrumbs {
margin: 0 auto 30px auto;
flex-wrap: wrap;
	}
.blog-page .content-detail .content-detail__head .head__content {
    padding: 30px;
    border: 0;
    border-radius: 0;
    background-color: transparent;
}
.blog-page .content-detail .content-detail__head .picblock_mobile {
margin-top: 20px;
  display: flex;
justify-content: center;
}
.blog-page .content-detail .content-detail__head .picblock_mobile img {
width: 400px;
}
.blog-page .content-detail .content-detail__head .second-col {
        display: none;
    }
.blog-page .content-detail .content-detail__head .content-detail__preview {
    margin: 0 0 20px 0;
}
.blog-page .content-detail .content-detail__body {
 width: 100%;
    margin-left: 0;
}
.blog-page .content-detail .content-detail__body h2, .blog-page .content-detail .content-detail__body h3, .blog-page .content-detail .content-detail__body h4, .blog-page .content-detail .content-detail__body p {
    font-size: 18px;
    line-height: 24px;
}
.blog-page .content-detail .content-detail__body img {
height: 200px;
    object-fit: cover;
    border-radius: 25px;;
}
}
@media(max-width: 500px) {
.blog-page .content-detail .content-detail__head .head__content {
    padding: 0px;
}
    .blog-page .content-detail .content-detail__head .head__content .head__name {
        font-size: 24px;
    }
.blog-page .content-detail .content-detail__head .content-blocks .content-item .desc {
    font-size: 16px;
}
.blog-page .content-detail .content-detail__head .picblock_mobile img {
width: 100%;
}
.blog-page .content-detail .content-detail__head .second-col {
        display: none;
    }
}

/* order-service */
.blog-page .order-service {
  width: 100%;
  margin: 40px 0;
  padding: 30px 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-radius: 100px;
  background-color: #1C1C1C;
}
.blog-page .order-service .order-service__title {
  width: 55%;
  margin-top: -10px;
  margin-right: 20px;
}
.blog-page .order-service .order-service__title .title__order-service {
  max-width: 100%;
  width: 100%;
  margin: 0;
  font-size: 58px;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: 0%;
  color: #ffffff;
  white-space: nowrap;
  font-family: "Playfair", serif;
}
.blog-page .order-service .order-service__arrow {
  width: 25%;
  position: relative;
  display: flex;
}
.blog-page .order-service .order-service__arrow img {
  width: 80%;
  margin: 40px 10%;
}
.blog-page .order-service .order-service__btn {
  width: fit-content;
}
.blog-page .order-service .order-service__btn .btn__order-service {
  padding: 30px 76px;
  background-color: #E30F41;
  border-radius: 50px;
}
.blog-page .order-service .order-service__btn .btn__order-service .text__btn {
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0%;
  color: #ffffff;
}
/* adaptive */
@media(max-width: 1750px) {
  .blog-page .order-service .order-service__arrow {
    width: fit-content;
  }
  .blog-page .order-service .order-service__arrow img {
    max-width: 250px;
    width: 100%;
  }
  .blog-page .order-service .order-service__title {
    width: 50%;
  }
  .blog-page .order-service .order-service__title .title__order-service {
    font-size: 48px;
    line-height: 100%;
  }
  .blog-page .order-service .order-service__btn {
    width: auto;
  }
} 
@media(max-width: 1450px) {
  .blog-page .order-service .order-service__arrow img {
    max-width: 200px;
  }
  .blog-page .order-service .order-service__title {
    width: 50%;
  }
  .blog-page .order-service .order-service__title .title__order-service {
    font-size: 40px;
  }
} 
@media(max-width: 1300px) {
  .blog-page .order-service .order-service__arrow img {
    max-width: 150px;
  }
  .blog-page .order-service .order-service__title .title__order-service {
    font-size: 36px;
  }
  .blog-page .order-service .order-service__btn {
    width: auto;
  }
}
@media(max-width: 1150px) {
  .blog-page .order-service .order-service__arrow img {
    display: none;
  }
  .blog-page .order-service .order-service__title {
    width: auto;
    margin: 0;
  }
  .blog-page .order-service .order-service__btn {
    width: fit-content;
  }
}
@media(max-width: 1050px) {
  .blog-page .order-service .order-service__title .title__order-service {
    font-size: 30px;
  }
  .blog-page .order-service .order-service__btn .btn__order-service {
    padding: 20px 55px;
  }
}
@media(max-width: 920px) {
.blog-page .order-service {
    padding: 65px 50px;
    flex-direction: column;
	gap: 20px;
    border-radius: 50px;
	background: transparent url('/upload/back_order_service.png') no-repeat center center;
    background-size: cover;
}
  .blog-page .order-service .order-service__title .title__order-service {
    font-size: 36px;
  }
}
@media(max-width: 800px) {
.blog-page .order-service {
    border-radius: 25px;
}
  .blog-page .order-service .order-service__title .title__order-service {
    font-size: 30px;
  }
}
@media(max-width: 700px) {
.blog-page .order-service {
  width: 100%;
  height: 250px;
  margin: 0px auto;
}
  .blog-page .order-service .order-service__title .title__order-service {
text-align: center;
    font-size: 24px;
white-space: wrap;
  }
.blog-page .order-service .order-service__btn .btn__order-service .text__btn {
    font-size: 18px;
    line-height: 18px;
}
}

/* faq */
.container:has(#faq) {
margin-top: 100px;
  background: url("/local/templates/keystone/css/../image/background.jpg") repeat center center;
}
#faq {
  width: 100%;
  height: fit-content;
  padding: 100px 0;
margin: 0;
}
#faq .head-block {
  margin-bottom: 50px;
}
#faq .head-block .head {
  font-size: 54px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0%;
}
#faq .faq_list.container {
  padding: 0;
}
#faq .faq_list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#faq .faq_list .faq-list_container {
  display: flex;
  flex-direction: column;
  gap: inherit;
}
#faq .faq_list .faq_item {
  padding: 20px 28px;
  background-color: #3D3D3D;
  border-radius: 25px;
  transition: 0.2s ease;
  cursor: pointer;
}
#faq .faq_list .faq_item_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#faq .faq_list .faq_item_head .head_faq {
  width: 90%;
  font-size: 32px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  font-family: "Rubik", sans-serif;
}
#faq .faq_list .faq_item_head .btn_faq {
  padding: 0px;
  width: 52px;
  height: 52px;
  background-color: #BC1F44;
  border-radius: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#faq .faq_list .faq_item  .faq_item_bottom {
  visibility: hidden;
  height: 0px;
  width: 80%;
}
#faq .faq_list .faq_item.active  .faq_item_bottom {
  width: 100%; 
  visibility: visible;
  height: fit-content;
  margin-top: 20px;
  text-align: justify;
}
#faq .faq_list .faq_item.active .faq_item_bottom .desc,
#faq .faq_list .faq_item.active .faq_item_bottom .desc p {
  font-size: 24px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
}
/* adaptive */
@media(max-width: 900px) {
  #faq .faq_list .faq_item_head .head_faq {
    font-size: 28px;
  }
  #faq .faq_list .faq_item.active .faq_item_bottom .desc {
    font-size: 20px;
  }
}
@media(max-width: 600px) {
  #faq .head-block .head {
    font-size: 28px;
  }
  #faq .faq_list .faq_item_head .head_faq {
    font-size: 20px;
  }
  #faq .faq_list .faq_item.active .faq_item_bottom .desc {
    font-size: 18px;
  }
}
@media(max-width: 400px) {
  #faq .faq_list .faq_item {
    padding: 10px 14px;
    border-radius: 16px;
  }
  #faq .faq_list .faq_item_head .btn_faq {
    width: 42px;
    height: 42px;
    border-radius: 100px;
  }
  #faq .head-block .head {
    font-size: 24px;
  }
  #faq .faq_list .faq_item_head .head_faq {
    font-size: 16px;
  }
  #faq .faq_list .faq_item.active .faq_item_bottom .desc {
    font-size: 16px;
  }
}

/* read more */
.read-more {
  width: 100%;
  height: fit-content;
  padding: 50px 0;
}
.read-more .head-block {
  margin: 20px 0 40px 0;
  font-size: 58px;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: 0%;
}
.read-more .blog-list-desktop {
  width: fit-content;
}
.read-more .blog-list-desktop .blog-list {
  width: fit-content;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.read-more .blog-list-desktop .articles-item {
  width: 370px;
  height: 455px;
  display: flex;
  flex-direction: column;
  border-radius: 25px;
  background-color: #1C1C1C;
  overflow: hidden;
}
.read-more .blog-list-desktop .articles-item a,
.read-more .blog-list-desktop .articles-item p,
.read-more .blog-list-desktop .articles-item .title
{
  color: #FFFFFF;
  line-height: 100%;
  letter-spacing: 0%;
}
.read-more .blog-list-desktop .picblock,
.read-more .blog-list-desktop .picblock img
{
  width: 370px;
  height: 224px;
}
.read-more .blog-list-desktop .articles-item__content {
  height: 100%;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-content: space-between;
  gap: 13px;
}
.read-more .blog-list-desktop .articles-item__body {
  display: flex;
  flex-direction: column;
  gap: inherit;
} 
.read-more .blog-list-desktop .articles-item__body .articles-item__categories {
  display: flex;
  flex-direction: row;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
} 
.read-more .blog-list-desktop .articles-item__body .articles-item__categories .categories-item {
  width: fit-content;
  padding: 5px 15px;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
  background-color: #E30F41;
  border-radius: 25px;
}
.read-more .blog-list-desktop .articles-item__body .title__articles {
  max-height: 48px;
  font-size: 23px;
  font-weight: 600;
}
.read-more .blog-list-desktop .articles-item__body .desc__articles {
  max-height: 48px;
  font-size: 16px;
  font-weight: 400;
}
.read-more .blog-list-desktop .articles-item__bottom {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;  
  align-items: end;
}
.read-more .blog-list-desktop .articles-item__bottom .link_upper {
  margin-top: 0px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: underline;
}
.read-more .blog-list-desktop .articles-item__bottom .desc_date {
  margin-top: 5px;
  font-size: 16px;
  font-weight: 400;
  color: #8b8b8b;
}
.read-more .container__btn {
  padding: 30px 0;
  margin: 30px 0 60px 0;
  width: fit-content;
  height: fit-content;
}
.read-more .container__btn .btn__all-articles {
  padding: 30px 60px;
  border-radius: 50px;
}
/* adaptive */
@media(max-width: 1859px) {
  .read-more .blog-list-desktop .blog-list {
    gap: 10px;
  }
  .read-more .blog-list-desktop .articles-item {
    width: 100%;
    height: 455px;
  }
  .read-more .blog-list-desktop .picblock,
  .read-more .blog-list-desktop .picblock img
  {
    width: 100%;
  }
  .read-more .blog-list-desktop .articles-item__body .title__articles {
    max-width: 100%;
    overflow: hidden;
  }
  .read-more .blog-list-desktop .articles-item__body .desc__articles {
    max-width: 100%;
    overflow: hidden;
  }
}
@media(max-width: 1500px) {
  .read-more .blog-list-desktop .articles-item {
    height: 500px;
  }
  .read-more .blog-list-desktop .articles-item__body .title__articles {
    max-height: 72px;
  }
  .read-more .blog-list-desktop .articles-item__body .desc__articles {
    max-height: 64px;
  }
}
@media(max-width: 1050px) {
  .read-more .blog-list-desktop .blog-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
  .read-more .blog-list-desktop .articles-item {
    height: 455px;
  }
  .read-more .blog-list-desktop .articles-item__body .title__articles {
    max-height: 48px;
  }
  .read-more .blog-list-desktop .articles-item__body .desc__articles {
    max-height: 48px;
  }
}
@media(max-width: 900px) {
  .read-more .blog-list-desktop .blog-list {
    gap: 20px;
  }
}
@media(max-width: 600px) {
  .read-more .head-block .head {
    margin: 20px 0 0 0;
    font-size: 32px;
    line-height: 24px;
  }
  .read-more .blog-list-desktop {
    margin: 0 auto;
  }
  .read-more .blog-list-desktop .blog-list {
    grid-template-columns: repeat(1, 1fr);
  }
  .read-more .blog-list-desktop .articles-item {
    max-width: 370px;
  }
  .read-more .blog-list-desktop .articles-item__body .title__articles {
    max-height: 40px;
    font-size: 20px;
    line-height: 22px;
  }
  .read-more .blog-list-desktop .articles-item__body .desc__articles {
    max-height: 40px;
    font-size: 18px;
    line-height: 20px;
  }
  .read-more .container__btn {
    display: none;
  }
}

/* share-block */
#share-block {
  width: 100%;
  display: flex;
  flex-direction: row;
}
#share-block .share__title {
  width: 50%;
  padding: 30px;
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  background: url("/local/templates/keystone/css/../image/background.jpg") repeat center center;
}
#share-block .share__title p {
  padding: 30px;
  font-size: 28px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  color: #BC1F44;
}
#share-block .share__title img {
  width: 326px;
  height: 150px;
  margin: 0 0 0 20px;
}
#share-block .share-list {
  width: 50%;
  padding: 30px;
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  background-color: #1C1C1C;
}
#share-block .share-list .share-list__title {
  
}
#share-block .share-list .share-list__title p {
  padding: 30px;
  font-size: 24px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
}
#share-block .share-list .share-list__items {
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  gap: 3px;
  list-style: none;
}
#share-block .share-list .share-list__items .share-item {
  min-width: 64px;
  width: 64px;
  min-height: 64px;
  height: 64px;
  padding: 0;
}
#share-block .share-list .share-list__items .share-item::before {
  display: none;
}
#share-block .share-list .share-list__items .share-item img {
  width: 40px;
  height: 40px;
}
/* adaptive */
@media(max-width: 1350px) {
  #share-block .share__title {
    padding: 10px;
  }
  #share-block .share-list {
    padding: 10px;
  }
}
@media(max-width: 1200px) {
  #share-block {
    max-width: 600px;
    margin: 0 auto;
    flex-direction: column;
  }
  #share-block .share__title {
    width: 100%;
    height: 200px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 0;
  }
  #share-block .share-list {
    width: 100%;
    height: 200px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
  }
}
@media(max-width: 700px) {
  #share-block {
    max-width: 400px;
    flex-direction: column;
  }
  #share-block .share__title {
    height: 300px;
    flex-direction: column;
    align-items: start;
  }
  #share-block .share-list {
    height: 220px;
    flex-direction: column;
  }
}
@media(max-width: 500px) {
  .blog-page .content-detail .content-detail__body h2, .blog-page .content-detail .content-detail__body h3, .blog-page .content-detail .content-detail__body h4{
    margin: 10px 0px
  }
  .blog-page .content-detail{
    margin-left: 0px;
    margin-right: 0px;
  }
  #share-block .share__title {
    height: 240px;
  }
  #share-block .share__title p {
    font-size: 20px;
  }
  #share-block .share__title img {
    width: 246px;
    margin: 0 auto;
  }
  #share-block .share-list {
    height: 200px;
    flex-direction: column;
  }
  #share-block .share-list .share-list__title p {
    font-size: 20px;
text-align: center;
  }
  #share-block .share-list .share-list__items {
    gap: 10px;
  }
  #share-block .share-list .share-list__items .share-item {
    min-width: 44px;
    width: 44px;
    min-height: 44px;
    height: 44px;
  }
  #share-block .share-list .share-list__items .share-item img {
    width: 26px;
    height: 26px;
  }
}


/* font-famalies services-pages */
.services-page .service-sections-item__head .service-sections-item__btn-container .btn__service-sections-item, 
.services-page .service-sections-item__body .services-list .services-item .title__services-item h3,
.services-page .bottom__text p,
.service-section-page .services-list .services-item .title
{
  font-family: "Rubik", serif;
}
.services-page
{
  font-family: "Inter", serif;
}
.services-page .service-sections-item__head .title__service-sections-item h2,
.service-detail-page .head-block .head,
.quote
{
  font-family: "Playfair Display", serif;
}

/* background services-page */
html:has(.services-page),
body:has(.services-page)
{
  background: transparent;
}

/* services-page */
.services-page {
	width: 85%;
	margin: 0 auto;
}
.services-page h1,
.services-page h2,
.services-page h3,
.services-page h4,
.services-page h5,
.services-page h6 
{
  margin: 0;
  padding: 0;
}
.services-page .service-sections-list {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.services-page .service-sections-item {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.services-page .service-sections-item__head {
  padding: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #E9E9E9;
  border-radius: 25px;
  background-color: #F5F5F5;
}
.services-page .service-sections-item__head .title__service-sections-item {
  min-width: fit-content;
}
.services-page .service-sections-item__head .title__service-sections-item h2 {
  font-size: 58px;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: 0%;
  color: #1C1C1C;
}
.services-page .service-sections-item__btn-container .btn__service-sections-item {
  padding: 30px 65px;
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  border-radius: 50px;
  background-color: #E30F41;
}
.services-page .service-sections-item__head .service-sections-item__btn-container {
  height: 75px;
  margin-top: -30px;
}
.services-page .service-sections-item__head .service-sections-item__btn-container.service-sections-item__btn-container_bottom {
  display: block;
}
.services-page .service-sections-item__body {
  display: flex;
  flex-direction: row;
  gap: 60px;
}
.services-page .service-sections-item__body .service-sections-item__card {
  max-width: 36%;
  width: 100%;
  height: 450px;
}
.services-page .service-sections-item__body .services-list {
  max-width: 60%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-items: start;
  gap: 10px;
}
.services-page .service-sections-item__body .services-list .services-item {
  width: fit-content;
  max-height: 80px;
  height: 80px;
  padding: 5px 30px;
  display: flex;
  align-items: center;
  border: 1px solid #E9E9E9;
  border-radius: 50px;
  background-color: #F5F5F5;
}
.services-page .service-sections-item__body .services-list .services-item .title__services-item {
  min-width: fit-content;
  height: fit-content;
  padding-left: 30px;
}
.services-page .service-sections-item__body .services-list .services-item .title__services-item h3 {
  position: relative;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0%;
  color: #1C1C1C;
}
.services-page .service-sections-item__body .services-list .services-item .title__services-item h3:before {
  width: 20px;
  height: 20px;
  margin-left: -30px;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 20px;
  background-color: #E30F41;
  content: "";
}
.services-page .service-sections-item__body .services-list .services-item:hover {
  background-color: #E30F41;
  border: 1px solid #E30F41;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.services-page .service-sections-item__body .services-list .services-item:hover h3 {
  color: #FFFFFF;
}
.services-page .service-sections-item__body .services-list .services-item:hover h3:before {
  background-color: #FFFFFF;
}
.services-page .service-sections-item__btn-container_bottom {
  display: none;
}
.services-page .bottom-text__container {
  width: 100%;
  margin: 100px 0;
  padding: 0;
}
.services-page .bottom-text__container p {
  width: 56%;
  padding: 0 40px;
  border-left: 1px solid #1C1C1C;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0%;
  color: #333333;
}


/* services animation */
.service-sections-item__card {
	/*width: 300px;
	height: 380px;*/
	perspective: 1000px;
	border-radius: 25px;
}
.service-sections-item__card .card {
	position: relative;
	width: 100%;
	height: 100%;
	transition: transform 1.2s;
	transform-style: preserve-3d;
	cursor: pointer;
}
@media(min-width: 901px) {
	.service-sections-item__card:hover .card,
	.service-sections-item__card.card-hover .card {
		transform: rotateY(180deg);
	}
	.service-sections-item__card.card-hover:hover .card {
		transform: rotateY(0deg);
	}
}
@media(max-width: 900px) {
	.service-sections-item__card.card-active .card {
		transform: rotateY(180deg);
	}
}
.service-sections-item__card .card__front, 
.service-sections-item__card .card__back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	border-radius: 25px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
	overflow: hidden;
}
.service-sections-item__card .card__front {
	background-color: #fff;
}
.service-sections-item__card .picblock {
	width: 100%;
	height: 100%;
}
.service-sections-item__card .picblock img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s;
}
.service-sections-item__card:hover .picblock img {
	transform: scale(1.05);
}
.service-sections-item__card .card__back {
	background: white;
    color: #1C1C1C;
	transform: rotateY(180deg);
	display: flex;
	flex-direction: column;
	padding: 15px;
	box-sizing: border-box;
}
.service-sections-item__card .text-block {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}
.service-sections-item__card .text {
	margin: 0;
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0%;
}
@media(max-width: 900px) {
	.service-sections-list .service-sections-item:first-child .service-sections-item__card .flip-indicator {
		position: absolute;
		top: 10px;
		left: 50%;
		transform: translateX(-50%);
		width: 100px;
		height: 100px;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden; /* Скрыть переполнение */
		background-image: url(https://keystone.webjox.ru/includes/services/hand-clicking.png);
		background-size: cover; /* Четкое изображение */
		background-position: center; /* Центрирование изображения */
	}
	.service-sections-list .service-sections-item:first-child .service-sections-item__card .flip-indicator::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: radial-gradient(circle, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.5) 100%);
		z-index: 1; /* Псевдоэлемент выше изображения */
		filter: blur(5px); /* Эффект размытия */
		pointer-events: none; /* Позволяет взаимодействовать с элементом под псевдоэлементом */
		border-radius: 50px;
	}
}


/* adaptive */
@media(max-width: 1600px) {
  .services-page .service-sections-item__head .title__service-sections-item h2 {
    font-size: 54px;
    line-height: 100%;
  }
  .services-page .service-sections-item__head .service-sections-item__btn-container {
    height: 60px;
    margin-top: -40px;
  }
  .services-page .service-sections-item__head .service-sections-item__btn-container .btn__service-sections-item {
    padding: 25px 60px;
  }
  .services-page .service-sections-item__body {
    gap: 50px;
  }
  .services-page .service-sections-item__body .services-list .services-item {
    height: 70px;
  }
  .services-page .service-sections-item__body .services-list .services-item .title__services-item h3 {
    font-size: 22px;
    line-height: 100%;
  }
  .services-page .service-sections-item__body .services-list .services-item .title__services-item h3:before {
    width: 18px;
    height: 18px;
  }
  .services-page .bottom-text__container p {
    width: 60%;
    font-size: 20px;
    line-height: 24px;
  }
}
@media(max-width: 1400px) {
  .services-page .service-sections-item__head .title__service-sections-item h2 {
    font-size: 42px;
  }
  .services-page .service-sections-item__head .service-sections-item__btn-container {
    height: 50px;
    margin-top: -10px;
  }
  .services-page .service-sections-item__head .service-sections-item__btn-container .btn__service-sections-item {
    margin-left: -180px;
    padding: 20px 40px;
    position: absolute;
  }
  .services-page .service-sections-item__body .services-list .services-item {
    height: 60px;
    padding: 5px 20px;
  }
  .service-sections-item__card .text p {
	font-size: 18px;
    line-height: 22px;
  }
  .services-page .service-sections-item__body .services-list .services-item .title__services-item h3 {
    font-size: 18px;
  }
  .services-page .service-sections-item__body .services-list .services-item .title__services-item h3:before {
    width: 16px;
    height: 16px;
  }
  .services-page .bottom-text__container p {
    width: 70%;
  }
}
@media(max-width: 1150px) {
  .services-page .service-sections-item__head .title__service-sections-item h2 {
    font-size: 36px;
  }
  .services-page .service-sections-item__head .service-sections-item__btn-container {
    height: 40px;
  }
  .services-page .service-sections-item__head .service-sections-item__btn-container .btn__service-sections-item {
    margin-left: -150px;
    padding: 15px 35px;
    font-size: 16px;
  }
  .services-page .service-sections-item__body {
    gap: 30px;
  }
  .service-sections-item__card .text p {
	font-size: 16px;
    line-height: 20px;
  }
  .services-page .service-sections-item__body .services-list .services-item .title__services-item h3 {
    font-size: 16px;
  }
  .services-page .bottom-text__container p {
    width: 80%;
    font-size: 18px;
    line-height: 22px;
  }
}
@media(max-width: 1050px) {
  .services-page .service-sections-item__head {
    padding: 20px 30px;
  }
  .services-page .service-sections-item__head .title__service-sections-item h2 {
    font-size: 32px;
  }
  .services-page .service-sections-item__head .service-sections-item__btn-container {
    height: 30px;
    margin-top: -15px;
  }
  .services-page .service-sections-item__head .service-sections-item__btn-container .btn__service-sections-item {
    margin-left: -140px;
  }
  .services-page .service-sections-item__body {
    gap: 20px;
  }
  .services-page .service-sections-item__body .services-list .services-item {
    height: 60px;
    padding: 5px 20px;
  }
  .services-page .service-sections-item__body .services-list .services-item .title__services-item h3:before {
    width: 16px;
    height: 16px;
  }
  .services-page .bottom-text__container p {
    width: 90%;
  }
}
@media(max-width: 900px) {
  .services-page .service-sections-item__head {
    padding: 20px 0;
    border: none;
    border-radius: 0;
    background-color: transparent;
  }   
  .services-page .service-sections-item__head .service-sections-item__btn-container.service-sections-item__btn-container_top {
    display: none;
  }
  .services-page .service-sections-item__body {
    flex-direction: column;
  }
  .services-page .service-sections-item__body .service-sections-item__card {
    max-width: 100%;
  }
  .services-page .service-sections-item__body .services-list {
    max-width: 100%;
  }
  .services-page .service-sections-item__body .services-list .services-item {
    min-height: 80px;
    height: fit-content;
    padding: 10px 30px;
  }
  .service-sections-item__card .text p {
	font-size: 18px;
    line-height: 22px;
  }
  .services-page .service-sections-item__body .services-list .services-item .title__services-item h3 {
    font-size: 18px;
    line-height: 20px;
  }
  .services-page .service-sections-item__body .services-list .services-item .title__services-item h3:before {
    width: 13px;
    height: 13px;
  }
  .services-page .service-sections-item__btn-container_bottom {
    width: fit-content;
    margin-top: 40px;
    margin-bottom: 20px;
    display: block;
  }
  .services-page .service-sections-item__btn-container_bottom .btn__service-sections-item {
    padding: 20px 40px;
  }
  .services-page .bottom-text__container p {
    width: 100%;
    padding: 0;
    border-left: none;
    font-weight: 300;
  }
}
@media(max-width: 500px) {
  .services-page {
    width: 95%;
  }
  .services-page .service-sections-item__head .title__service-sections-item h2 {
    font-size: 24px;
  }
  .services-page .service-sections-item__body .services-list .services-item .title__services-item {
    padding-left: 10px;
    font-size: 16px;
    line-height: 18px;
  }
  .service-sections-item__card .text p {
	font-size: 16px;
    line-height: 20px;
  }
  .services-page .service-sections-item__body .services-list .services-item .title__services-item h3 {
    font-size: 16px;
    line-height: 18px;
  }
  .services-page .service-sections-item__body .services-list .services-item .title__services-item h3:before {
    width: 10px;
    height: 10px;
    margin-left: -20px;
  }
  .services-page .service-sections-item__body .services-list .services-item {
    max-height: fit-content;
  }
}

/* feedback fix margin */
.feedback__service-page .feedback {
  margin: 0;
}

/* service-section-page */
.service-section-page {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.service-section-page .head-block {
  padding: 30px;
  border: 1px solid #E9E9E9;
  border-radius: 25px;
  background-color: #F5F5F5;
}
.service-section-page .head-block .head {
  font-size: 58px;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: 0%;
  color: #1C1C1C;
}
.service-section-page .content-block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 60px;
}
.service-section-page .content-block .desc-block {
  max-width: 50%;
  width: 100%;
  padding-left: 30px;
}
.service-section-page .content-block .desc-block h2,
.service-section-page .content-block .desc-block h3,
.service-section-page .content-block .desc-block h4 
{
  margin: 10px 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0%;
}
.service-section-page .content-block .desc-block p {
  margin: 10px 0 30px 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0%;
}
.service-section-page .content-block .picblock {
  max-width: 50%;
  width: 100%;
  height: fit-content;
}
.service-section-page .content-block .picblock img {
  width: 100%;
  height: auto;
  border-radius: 25px;
}
.service-section-page .services-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}
.service-section-page .services-list .services-item {
  width: fit-content;
  max-height: 80px;
  height: 80px;
  padding: 5px 30px;
  display: flex;
  align-items: center;
  border: 1px solid #E9E9E9;
  border-radius: 50px;
  background-color: #F5F5F5;
}
.service-section-page .services-list .services-item .title {
  min-width: fit-content;
  height: fit-content;
  padding-left: 30px;

  position: relative;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0%;
  color: #1C1C1C;
}
.service-section-page .services-list .services-item .title:before {
  width: 20px;
  height: 20px;
  margin-left: -30px;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 20px;
  background-color: #E30F41;
  content: "";
}
.service-section-page .services-list .services-item:hover {
  background-color: #E30F41;
  border: 1px solid #E30F41;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.service-section-page .services-list .services-item:hover .title {
  color: #FFFFFF;
}
.service-section-page .services-list .services-item:hover .title:before {
  background-color: #FFFFFF;
}
/* adaptive */
@media(max-width: 1100px) {
  .service-section-page .head-block .head {
    font-size: 42px;
    line-height: 100%;
  }
  .service-section-page .content-block {
    gap: 40px;
  }
  .service-section-page .content-block .desc-block h2,
  .service-section-page .content-block .desc-block h3,
  .service-section-page .content-block .desc-block h4 
  {
    font-size: 20px;
    line-height: 100%;
  }
  .service-section-page .content-block .desc-block p {
    font-size: 16px;
    line-height: 24px;
  }
  .service-section-page .services-list .services-item .title {
    font-size: 20px;
    line-height: 100%;
  }
}
@media(max-width: 900px) {
  .service-section-page .head-block .head {
    font-size: 36px;
  }
  .service-section-page .content-block {
    gap: 20px;
  }
  .service-section-page .content-block .desc-block h2,
  .service-section-page .content-block .desc-block h3,
  .service-section-page .content-block .desc-block h4 
  {
    font-size: 18px;
  }
  .service-section-page .content-block .desc-block p {
    font-size: 16px;
    line-height: 24px;
  }
  .service-section-page .services-list .services-item .title {
    font-size: 18px;
  }
}
@media(max-width: 700px) {
  .service-section-page .head-block {
    padding: 0;
    border: none;
    background-color: transparent;
  }
  .service-section-page .head-block .head {
    font-size: 24px;
  }
  .service-section-page .content-block {
    flex-direction: column-reverse;
    gap: 20px;
  }
  .service-section-page .content-block .desc-block {
    max-width: 100%;
    padding-left: 0;
  }
  .service-section-page .content-block .picblock {
    max-width: 100%;
  }
  .service-section-page .content-block .desc-block h2,
  .service-section-page .content-block .desc-block h3,
  .service-section-page .content-block .desc-block h4 
  {
    font-size: 20px;
  }
  .service-section-page .content-block .desc-block p {
    font-size: 18px;
  }
  .service-section-page .services-list .services-item {
    height: fit-content;
    padding: 10px 30px;
  }
  .service-section-page .services-list .services-item .title {
    padding-left: 10px;
    font-size: 16px;
  }
  .service-section-page .services-list .services-item .title::before {
    width: 10px;
    height: 10px;
    margin-left: -20px;
  }
}

/* faq */
.service__faq {
  width: 100%;
  min-height: fit-content;
}
.service__faq .container {
  width: 100%;
  min-height: fit-content;
  padding-top: 100px;
  padding-bottom: 100px;
  background: url("/local/templates/keystone/css/../image/background.jpg") repeat center center;
}
.service__faq .head-block {
  padding: 0;
  border: none;
  background: transparent;
}
.service__faq .head-block__faq {
  margin-bottom: 50px;
}
.service__faq .head-block__faq .head {
  font-size: 54px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0%;
}
.service__faq .faq-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.service__faq .faq-list .faq-item {
  padding: 20px 28px;
  background-color: #3D3D3D;
  border-radius: 25px;
  transition: 0.2s ease;
  cursor: pointer;
}
.service__faq .faq-list .faq-item .head-block__faq-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.service__faq .faq-list .faq-item .head-block__faq-item .head {
  width: 90%;
  font-size: 32px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  font-family: "Rubik", sans-serif;
}
.service__faq .faq-list .faq-item .head-block__faq-item .btn__faq-item {
  padding: 0px;
  width: 52px;
  height: 52px;
  background-color: #BC1F44;
  border-radius: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.service__faq .faq-list .faq-item .desc-block {
  visibility: hidden;
  height: 0px;
  width: 80%;
}
.service__faq .faq-list .faq-item.active .head-block__faq-item .btn__faq-item {
  transform: rotate(180deg);
}
.service__faq .faq-list .faq-item.active .desc-block {
  width: 100%; 
  visibility: visible;
  height: fit-content;
  margin-top: 20px;
  text-align: justify;
}
.service__faq .faq-list .faq-item.active .desc-block .desc {
  font-size: 24px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
}

/* adaptive */
@media(max-width: 900px) {
 .service__faq .container {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .service__faq .faq-list .faq-item .head-block__faq-item .btn__faq-item {
    width: 40px;
    height: 40px;
  }
  .service__faq .faq-list .faq-item .head-block__faq-item .head {
    font-size: 28px;
  }
  .service__faq .faq-list .faq-item.active .desc-block .desc {
    font-size: 20px;
  }
}
@media(max-width: 600px) {
  .service__faq .head-block__faq {
    margin-bottom: 20px;
  }
  .service__faq .head-block__faq .head {
    font-size: 28px;
  }
  .service__faq .faq-list .faq-item .head-block__faq-item .head {
    font-size: 18px;
  }
  .service__faq .faq-list .faq-item.active .desc-block .desc {
    font-size: 18px;
  }
}
@media(max-width: 400px) {
  .service__faq .faq-list .faq-item {
    padding: 10px 14px;
    border-radius: 16px;
  }
  .service__faq .faq-list .head-block__faq-item .btn__faq-item {
    width: 42px;
    height: 42px;
    border-radius: 100px;
  }
  .service__faq .head-block__faq .head {
    font-size: 24px;
  }
  .service__faq .faq-list .head-block__faq-item .head {
    font-size: 16px;
  }
  .service__faq .faq-list .faq-item.active .desc-block .desc {
    font-size: 16px;
  }
}

/* service-detail-page */
.service-detail-page {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.service-detail-page h1,
.service-detail-page h2,
.service-detail-page h3,
.service-detail-page h4 {
  line-height: 100%;
}
.service-detail-page h1:not(.head):not(.title) {

}
.service-detail-page h2:not(.head):not(.title) {
  margin: 40px 0 20px 0;
  font-size: 40px;
  font-weight: 700;
}
.service-detail-page h3:not(.head):not(.title) {
  margin: 30px 0 10px 0;
}
.service-detail-page h4:not(.head):not(.title) {

}
.service-detail-page .head-block {
  padding: 30px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: end;
}
.service-detail-page .service-detail-page__head-block {
  padding: 0 30px;
  border: 1px solid #E9E9E9;
  border-radius: 25px;
  background-color: #F5F5F5;
}
.service-detail-page .service-detail-page__head-block .head {
  padding: 30px 0;
  font-size: 58px;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: 0%;
  color: #1C1C1C;
}
.service-detail-page .service-detail-page__head-block .price {
  padding-bottom: 10px;
  height: fit-content;
  font-size: 40px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  color: #1C1C1C;
  text-wrap: nowrap;
}
.service-detail-page .content-block {
  margin-top: 60px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 60px;
}
.service-detail-page .content-block .block {
  display: flex;
  flex-direction: row;
  gap: inherit;
}
.service-detail-page .content-block .desc-block {
  max-width: 45%;
  width: 100%;
  padding-left: 30px;
}
.service-detail-page .content-block .desc-block .desc {
  padding-left: 30px;
}
.service-detail-page .content-block .desc-block h2,
.service-detail-page .content-block .desc-block h3,
.service-detail-page .content-block .desc-block h4 
{
  margin: 10px 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0%;
}
.service-detail-page h2 + ul,
.service-detail-page h3 + ul,
.service-detail-page h4 + ul,
.service-detail-page h2 + ol,
.service-detail-page h3 + ol,
.service-detail-page h4 + ol
{
  margin: 30px 0;
}
.service-detail-page li {
    margin: 10px 0;
}
.service-detail-page .service-body table {
  margin: 30px 0;
  overflow-x: auto;
  display: block;
}
.service-detail-page .service-body table td {
    padding: 10px;
}
.service-detail-page .service-body table p,
.service-detail-page .service-body .desc-block .desc table p {
    margin: 0;
}
.service-detail-page .content-block .desc-block p {
  margin: 10px 0 50px 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0%;
  color: #333333;
}
.service-detail-page .content-block .service-page__call-form {
  /*margin-top: 30px;*/
}
.service-detail-page .content-block .service-page__call-form.bottom {
  display: none;
}
.service-detail-page .content-block .service-page__call-form .call {
  width: 100%;
  height: fit-content;
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  border-radius: 37px;
  background-color: #BC1F44;
}
.service-detail-page .call .head {
  max-width: 450px;
  font-size: 28px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #ffffff;
}
.service-detail-page .call .footer__success {
  color: #10d510;
}
.service-detail-page .call .input-block {
  display: flex;
  flex-direction: column;
  gap: inherit;
}
.service-detail-page .call label {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0%;
  color: #ffffff;
}
.service-detail-page .call input {
  width: 100%;
  padding: 10px;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0%;
  color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 10px;
  background-color: transparent;
}
.service-detail-page .call input::placeholder {
    color: #ffffff;
    opacity: 0.5;
}
.service-detail-page .call label.consent {
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: 0%;
  color: #ffffff;
}
.service-detail-page .call input.btn__submit {
  padding: 20px;
  font-size: 24px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0%;
  color: #1c1c1c;
  background-color: #ffffff;
}
.service-detail-page .content-block .picblock {
  max-width: 50%;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column-reverse;
  gap: 30px;
}
.service-detail-page .content-block .picblock img {
  width: 100%;
  height: auto;
  border-radius: 25px;
}
.service-detail-page .service-body {
  padding-top: 50px;
  display: flex;
  flex-direction: column;
}
.service-body .why-we-block {
  padding-top: 120px;
  background-color: #1C1C1C;
}
.why-we-block .head {
  margin-bottom: 50px;
  font-size: 54px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0%;
  color: #ffffff;
}
.why-we-block .why-we-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.why-we-block .why-we-item {
  max-width: 80%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 30px;
}
.why-we-block .why-we-item img {
  max-width: 30px;
  width: fit-content;
  max-height: 30px;
  height: fit-content;
}
.why-we-block .why-we-item .desc {
  max-width: 95%;
  width: 100%;
  font-size: 25px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  color: #ffffff;
}
.service-body .statistics-block {
  padding: 30px 0;
  background-color: #1c1c1c;
}
.statistics-block .statistics-list {
  padding: 30px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 50px;
}
.statistics-block .statistics-list > br {
  display: none;
}
.statistics-block .statistics-item {
  max-width: min(30%, 411px);
  width: 100%;
}
.statistics-block .statistics-item .value {
  font-size: 96px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0%;
  color: #D31B46;
}
.statistics-block .statistics-item .desc {
  font-size: 24px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  color: #ffffff;
}
.service-body .services-list-block {
  padding-top: 50px;
  padding-bottom: 100px; 
}
.service-body .container .head-block {
  border: 0;
  border-radius: 0;
  background-color: transparent;
}
.service-body .steps-work-block {
  margin-bottom: 50px;
  padding: 20px;
  background-color: #1c1c1c;
} 
.steps-work-block .head {
  margin: 0;
  padding: 50px 0 0 100px;
  font-size: 54px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0%;
  color: #ffffff;
}
.steps-work-block .steps-list {
  padding: 50px;
  display: flex;
  flex-direction: row;
  justify-items: center;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 90px;
}
.steps-list .steps-item {
  max-width: 445px;
  width: 100%;
  padding: 30px 40px 50px 20px;
  display: grid;
  align-items: center;
  justify-content: start;
  row-gap: 0px;
  column-gap: 20px;
  position: relative;
  border-radius: 37px;
  background-color: #BC1F44;
}
.steps-list .steps-item:not(:last-child):after {
  max-width: 30px;
  width: 100%;
  max-height: 30px;
  height: 100%;
  margin-right: -65px;
  padding: 5px;
  right:0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  content: ">";
  border: 3px solid #BC1F44;
  border-radius: 50%;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 95%;
  letter-spacing: 0%;
  color: #BC1F44;
}
.steps-list .steps-item .pic-block {
  grid-row: 1;
  grid-column: 1;
  width: 60px;
  min-width: 60px;
  height: 60px;
  min-height: 60px;
  padding: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
  border-radius: 50%;
  background-color: #ffffff;
}
.steps-list .steps-item .pic-block img {
width: 25px;
}
.steps-list .steps-item .head {
  grid-row: 1;
  grid-column: 2;
  padding: 10px 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0%;
  color: #ffffff;
}
.steps-list .steps-item .desc {
  grid-row: 2;
  grid-column: 2;
  height: 100%;
  vertical-align: top;
  text-align: left;
  font-size: 22px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  color: #ffffff;
}
.service-detail-page .service-body .quote-block {
  width: 100%;
  height: fit-content;
}
.service-detail-page .service-body .quote-block .quote {
  max-width: 60%;
  padding-left: 30px;
  border-left: 1px solid #1C1C1C;
  font-size: 40px;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: 0%;
}
.service-detail-page .service-body .desc-block {
  padding: 50px 0;
}
.service-detail-page .service-body .desc-block .desc {
  display: flex;
  flex-direction: column;
}
.service-detail-page .service-body .desc-block .desc .column-1,
.service-detail-page .service-body .desc-block .desc .column-2
{
  width: 50%;
}
.service-detail-page .service-body .desc-block .desc h4 {
  margin: 10px 0 20px 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 0%;
}
.service-detail-page .service-body .desc-block .desc p {
  margin: 10px 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0%;
  color: #333333;
}
.service-body .request {
  margin: 0 auto 20px auto;
  width: 1064px;
  padding: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
  border-radius: 50px;
  background-color: #1c1c1c;
}
.service-body .request .text-block {
  width: 60%;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 30px;
}
.service-body .request .text-block .desc {
  width: 100%;
}
.service-body .request .text-block .desc h4,
.service-body .request .text-block .desc p,
.service-body .request .text-block .desc li {
  color: #ffffff;
}
.service-body .request .text-block .desc h2 {
  margin: 0 0 20px 0;
}
.service-body .request .text-block .btn-container {
  display: flex;
  justify-content: center;
}
.service-body .request .text-block .btn-container .btn {

}
.service-body .request .text-block .social-block {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.service-body .request .text-block .social-block .head {
  font-size: 24px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  color: #ffffff;
}
.service-body .request .text-block .social-block .social-list {
  width: 40%;
  display: flex;
  flex-direction: row;
  justify-content: start;
  gap: 30px;
}
.service-body .request .text-block .social-block .social-list .social-item {
  min-width: 30px;
  min-height: 30px;
  border-radius: 50%;
}
.service-body .request .text-block .social-block .social-list .social-item img {
  width: 50px;
  height: 50px;
}
.service-body .request .pic-block {
  width: 40%;
  height: 350px;
  margin: auto;
  padding: 10px 0;
}
.service-body .request .pic-block img {
  width: 100%;
  height: 100%;
  border-radius: 25px;
}
.service-body .reviews {
  padding-top: 50px;
  padding-bottom: 50px;
}
.service-body .reviews .head {
  font-size: 46px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0%;
}
.service-body .reviews .reviews-list {
  
}
.service-body .reviews-list .reviews-item {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border: 1px solid #E9E9E9;
  border-radius: 25px;
  background-color: #F5F5F5;
}
.service-body .reviews-item .author {
  font-size: 24px;
  font-weight: 500;
  line-height: 38px;
  letter-spacing: 0%;
}
.service-body .reviews-item .date {
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  color: #8B8B8B;
}
.service-body .reviews-item .rating {
  margin-right: 20px;
  position: relative;
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
  letter-spacing: 0%;
}
.service-body .reviews-item .rating::after {
  margin-left: 3px;
  position: absolute;
  font-family: FontAwesome;
  content: "\f005";
  font-size: 17px;
  font-weight: 600;
  color: #F6CA17;
}
.service-body .reviews-item .desc {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0%;
  color: #333333;
}
.service-body .reviews-item .btn {
  padding: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0%;
  text-decoration: underline;
  color: #1C1C1C;
  background-color: transparent;
}
.service-body .certificates-block {

}
.certificates-block .head {
  padding: 40px 0;
  font-size: 46px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0%;
}
.certificates-block .certificates-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
.certificates-block .certificates-item {
  height: 400px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #BC1F44;
  border-radius: 25px;
  background-color: transparent;
}
.certificates-block .certificates-item .head__item {
  font-size: 30px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  color: #BC1F44;
}
.certificates-block .certificates-item .type {
  font-size: 24px;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: 0%;
  color: #BC1F44;
}
.service-body .partners-block .head {
  margin-top: 50px;
}
.service-body .read-more .head-block {
  height: fit-content;
  padding: 20px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: end;
  border: 0;
  border-radius: 0;
  background-color: transparent;
}
.service-body .read-more .container__btn {
  padding: 0;
  margin: 0;
  width: fit-content;
  height: fit-content;
}
.service-body .read-more .container__btn .btn__all-articles {
  padding: 17px 34px;
}
/* adaptive */
@media(max-width: 1600px) {
  .service-detail-page .service-body .quote-block .quote {
    max-width: 70%;
  }
}
@media(max-width: 1400px) {
  .service-detail-page .call label {
    margin-top: 0;
  }
  .service-detail-page .content-block .service-page__call-form .call {
    padding: 30px;
  }
  .service-detail-page .call .head {
    max-width: 350px;
    font-size: 24px;
  }
  .service-detail-page .call input.btn__submit {
    padding: 15px;
    font-size: 22px;
  }
  .service-detail-page .content-block .desc-block {
    display: none;
  }
  .service-detail-page .content-block .picblock {
    max-width: 100%; 
  }
  .service-detail-page .content-block .picblock img {
    width: 100%;
    max-width: fit-content;
    max-height: 500px;
    margin: auto;
  }
}
@media(max-width: 1300px) {
  .service-detail-page .service-body .quote-block .quote {
    max-width: 80%;
  }
}
@media(max-width: 1200px) {
  .service-detail-page .content-block {
    flex-direction: column;
    gap: 30px;
  }
  .service-detail-page .content-block .block {
    display: flex;
    flex-direction: row;
    gap: 30px;
  }
  .service-detail-page .content-block .service-page__call-form.top {
    display: none;
  }
  .service-detail-page .content-block .service-page__call-form.bottom {
    display: flex;
  }
  .steps-work-block .steps-list {
    padding-left: 0;
  }
.service-body .request {
  width: 100%;
}
}
@media(max-width: 1100px) {
  .service-detail-page .head-block .head,
  .service-detail-page .service-body .head:not(.steps-list .steps-item .head, .service-body .request .text-block .social-block .head, .service-detail-page .service-body .head) {
    font-size: 42px;
    line-height: 100%;
  }
  .service-detail-page .head-block .price {
    font-size: 36px;
    line-height: 100%;
	}
  .service-detail-page .content-block {
    gap: 40px;
  }
  .service-detail-page .content-block .desc-block h2,
  .service-detail-page .content-block .desc-block h3,
  .service-detail-page .content-block .desc-block h4 
  {
    font-size: 20px;
    line-height: 100%;
  }
  .service-detail-page .content-block .desc-block p {
    font-size: 16px;
    line-height: 24px;
  }
  .service-detail-page .service-body .quote-block .quote {
    max-width: 90%;
    font-size: 36px;
    line-height: 52px;
  }
  .service-detail-page .service-body .desc-block .desc {
    /*gap: 80px;*/
  }
  .service-detail-page .service-body .desc-block .desc h4 
  {
    font-size: 20px;line-height: 100%;
    line-height: 100%;
  }
  .service-detail-page .service-body .desc-block .desc p,
  .service-detail-page .service-body .desc-block .desc li {
    font-size: 16px;
    line-height: 24px;
  }
  .why-we-block .why-we-item .desc {
    font-size: 20px;
  }
  .steps-list .steps-item {
    max-width: 400px;
    padding: 20px 30px 40px 20px;
    column-gap: 15px;
  }
  .steps-list .steps-item .pic-block {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    padding: 10px;
  }
  .steps-work-block .steps-list {
    gap: 60px;
  }
  .steps-list .steps-item:not(:last-child)::after {
    margin-right: -52px;
  }
}
@media(max-width: 1000px) {
.steps-work-block .steps-list {
  flex-direction: column;
  gap: 90px;
}
  .steps-list .steps-item:not(:last-child)::after {
    left: 50%;
    top: 100%;
    transform: translate(-50%, 0) rotate(90deg);
    margin-top: 20px;
  }
  .steps-work-block > .head {
    padding: 50px 0;
    color: #ffffff;
    text-align: center;
  }
.service-body .request .text-block .social-block .social-list {
    width: auto;
}
}
@media(max-width: 900px) {
  .service-detail-page .head-block .head,
  .service-detail-page .head-block .price,
  .service-detail-page .service-body .head {
    font-size: 36px;
  }
  .service-detail-page .head-block .price {
    font-size: 30px;
  }
  .service-detail-page .content-block {
    gap: 20px;
  }
  .service-detail-page .content-block .desc-block h2,
  .service-detail-page .content-block .desc-block h3,
  .service-detail-page .content-block .desc-block h4 
  {
    font-size: 18px;
  }
  .service-detail-page .content-block .desc-block p {
    margin: 0 0 20px 0;
  }
  .service-detail-page .service-body .quote-block .quote {
    font-size: 30px;
    line-height: 40px;
  }
  .service-detail-page .service-body .desc-block .desc {
    flex-direction: column;
    gap: 0;
  }
  .service-detail-page .service-body .desc-block .desc .column-1, 
  .service-detail-page .service-body .desc-block .desc .column-2 
  {
    width: 100%;
  }
  .service-detail-page .service-body .desc-block .desc h4 
  {
    font-size: 18px;
  }
  .service-detail-page .service-body .desc-block .desc p {
    margin: 0 0 20px 0;
  }
  .why-we-block .why-we-item {
    max-width: 100%;
  }
  .statistics-block .statistics-item {
    max-width: 300px;
  }
  .steps-list .steps-item .head {
    font-size: 28px;
  }
  .steps-work-block .steps-list {
    padding: 0;
    padding-bottom: 50px;
    gap: 90px;
  }
	.service-body .request .text-block .desc,
.service-body .request .text-block .desc p {
		font-size: 20px;
	}
.service-body .request {
    margin: 0 auto;
    width: 80%;
    flex-direction: column-reverse;
}
.service-body .request .text-block,
.service-body .request .pic-block {
    width: 100%;
}
.service-body .request .pic-block img,
.service-body .request .pic-block {
    width: fit-content;
}
.service-body .request {
	align-items: center;
	}
}
@media(max-width: 700px) {
  .service-detail-page .head-block {
    padding: 0;
    border: none;
    background-color: transparent;
  }
  .service-detail-page .service-detail-page__head-block .head {
    padding: 0;
  }
  .service-detail-page .head-block .head,
  .service-detail-page .head-block .price {
    font-size: 24px;
  }
  .service-detail-page .service-body .head__service {
font-size: 18px;
	}
  .service-detail-page .content-block {
    flex-direction: column;
    gap: 20px;
  }
  .service-detail-page .content-block .block {
    flex-direction: column-reverse;
  }
  .service-detail-page .content-block .desc-block {
    max-width: 100%;
    padding-left: 0;
  }
  .service-detail-page .content-block .picblock {
    max-width: 100%;
  }
  .service-detail-page .content-block .desc-block h2,
  .service-detail-page .content-block .desc-block h3,
  .service-detail-page .content-block .desc-block h4 
  {
    font-size: 20px;
  }
  .service-detail-page .content-block .desc-block p {
    font-size: 18px;
  }
  .service-detail-page .service-body {
    padding: 0;
  }
  .service-detail-page .service-body .why-we-block {
    padding-top: 20px;
  }
  .statistics-block .statistics-list {
    padding: 0;
  }
  .read-more {
    padding: 0;
  }
  .read-more .head-block {
    margin: 20px 0;
  }
  .read-more .head-block .head {
    margin: 0;
  }
  .services-page {
    margin-bottom: 20px;
  }
  .service-body .services-list-block {
    padding-bottom: 20px;
  }
  .service-detail-page h3:not(.head):not(.title) {
    margin: 30px 0 10px 0;
  }
  .service-detail-page .service-body .desc-block {
    padding: 30px 0;
  }
  .service-detail-page h3:not(.head):not(.title) {
    margin: 10px 0;
  }
  .steps-work-block > .head {
    padding: 20px 0 50px 0;
  }
  .service-body .steps-work-block {
    margin-bottom: 0;
  }
  .service-detail-page .service-body .quote-block .quote {
    padding-left: 10px;
    font-size: 20px;
    line-height: 26px;
  }
  .service-detail-page .service-body .desc-block .desc h4 
  {
    font-size: 20px;
  }
  .service-detail-page .service-body .desc-block .desc p,
  .service-detail-page .service-body .desc-block .desc li,
  .why-we-block .why-we-item .desc {
    font-size: 18px;
  }
}
@media(max-width: 600px) {
.service-body .request {
	width: 100%;
}
}
@media(max-width: 500px) {
.service-body .request .pic-block img, .service-body .request .pic-block {
	width: 100%;
	height: auto;
}
.steps-list .steps-item .desc {
    font-size: 16px;
}
.steps-list .steps-item .head {
	font-size: 24px;
}
}
@media(max-width: 450px) {
.steps-list .steps-item .pic-block {
    grid-row: 1;
    grid-column: 1;
}
.steps-list .steps-item .head {
    grid-row: 2;
    grid-column: 1;
}
.steps-list .steps-item .desc {
    grid-row: 3;
    grid-column: 1;
}
.service-body .request .text-block .social-block {
    flex-direction: column;
gap: 20px;
}
.service-body .request .text-block .btn-container .btn {
    padding: 15px 30px;
}
.service-body .request .text-block .social-block .head {
    font-size: 20px;
}
.service-body .request .text-block {
    padding: 5px;
}
.service-body .reviews-item .author {
    font-size: 20px;
}
.service-body .reviews-item .desc {
    font-size: 16px;
}
.service-body .reviews-item .btn {
    font-size: 18px;
    font-weight: 500;
}
.statistics-block .statistics-item .value {
    font-size: 80px;
}
.statistics-block .statistics-item .desc {
    font-size: 22px;
}
.why-we-block .why-we-item {
    gap: 10px;
}
.service-detail-page .call input.btn__submit {
	padding: 15px 10px;
	font-size: 20px;
}
.service-detail-page .call input {
    font-size: 16px;
}
.service-detail-page .call label {
    font-size: 16px;
}
.service-detail-page .call label.consent {
    font-size: 12px;
}
.service-detail-page .call .head {
	font-size: 20px;
}
}


/* font-famalies services-pages */
.contacts-page
{
  font-family: "Rubik", serif;
}
.contacts-page
{
  font-family: "Inter", serif;
}
.contacts-page .head 
{
  font-family: "Playfair Display", serif;
}

/* contacts-page */
.contacts-page {

}
.contacts-page .head {
  margin-bottom: 60px;
  font-size: 58px;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: 0%;
  color: #1c1c1c;
}
.contacts-page .contacts-container {
  max-width: 60%;
}
.contacts-page .googleMap {
  width: 760px;
  height: 640px;
}
.contacts-page .googleMap iframe {
  width: 100%;
  height: 100%;
}
.contacts-page .contact__list {
  width: min-content;
  display: grid;
  grid-template-columns: 50% 50% 50%;
  grid-template-rows: auto auto auto;
  gap: 10px;
}
.contacts-page .contact__list .contact__card {
  margin: 0 10px 50px 50px;
  position: relative;
}
.contacts-page .contact__list .contact__card .head {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  color: #1c1c1c;
}
.contacts-page .contact__list .contact__card .desc{
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0%;
  color: #1c1c1c;
}
.contacts-page .contact__list .contact__card .contact__head .desc {
  margin-top: 11px;
}
.contacts-page .contact__list .contact__desc:not(.contacts-page .contact__list .contact__card.address .contact__desc) {
  display: none;
}
.contacts-page .contact__list .contact__card .desc:hover {
  color: #BC1F44;
}
.contacts-page .contact__list .contact__card.address {
  grid-column: 1 / 3;
}
.contacts-page .contact__list .contact__card.phone {
  grid-column: 1;
}
.contacts-page .contact__list .contact__card.wa {
  grid-column: 2;
}
.contacts-page .contact__list .contact__card.tg{
  grid-column: 3;
}
.contacts-page .contact__list .contact__card.mail {
  grid-column: 1 / 3;
}
.contacts-page .contact__list .contact__card a::before {
  position: absolute;
  top: 5px;
  left: -50px;
  font-family: FontAwesome;
  color: #070538;
}
.contacts-page .contact__list .contact__card.address a::before {
  content: "\f3c5";
  font-size: 40px;
  color: #e30f41;
}
.contacts-page .contact__list .contact__card.phone a::before {
  content: "\f095";
  font-size: 35px;
  font-weight: 900;
  color: #e30f41;
}
.contacts-page .contact__list .contact__card.wa a::before {
  padding: 4px 7px;
  width: fit-content;
  height: fit-content;
  border-radius: 24px;
  content: "\f232";
  font-size: 28px;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
  background-color: #10d510;
}
.contacts-page .contact__list .contact__card.tg a::before {
  content: "\f2c6";
  font-size: 34px;
  color: #00b0f2;
}
.contacts-page .contact__list .contact__card.mail a::before {
  content: "\f0e0";
  font-size: 34px;
  color: #e30f41;
}
/* adaptive */
@media(max-width: 1919px) {
  .contacts-page .googleMap {
    width: 700px;
    height: 600px;
  }
}
@media(max-width: 1800px) {
  .contacts-page .googleMap {
    width: 600px;
    height: 500px;
  }
}
@media(max-width: 1700px) {
  .contacts-page .head {
    margin-bottom: 50px;
    font-size: 48px;
    line-height: 50px;
  }
  .contacts-page .googleMap {
    width: 500px;
    height: 400px;
  }
  .contacts-page .contact__list .contact__card {
    margin-bottom: 40px;
  }
  .contacts-page .contact__list .contact__card .head {
    margin-bottom: 18px;
    font-size: 18px;
  }
  .contacts-page .contact__list .contact__card .desc {
    font-size: 22px;
    line-height: 100%;
  }
}
@media(max-width: 1600px) {
  .contacts-page .googleMap {
    width: 500px !important;
  }
}
@media(max-width: 1400px) {
  .contacts-page .contact__list {
    gap: 5px;
  }
  .contacts-page .contact__list .contact__card {
    margin-left: 40px;
  }
  .contacts-page .contact__list .contact__card::before {
    left: -40px;
  }
  .contacts-page .contact__list .contact__card.address::before {
    font-size: 30px;
  }
  .contacts-page .contact__list .contact__card.phone::before {
    font-size: 30px;
  }
  .contacts-page .contact__list .contact__card.wa::before {
    padding: 4px 6px;
    font-size: 24px;
  }
  .contacts-page .contact__list .contact__card.mail::before {
    font-size: 28px;
  }
  .contacts-page .contact__list .contact__card.tg::before {
    font-size: 32px;
  }
  .contacts-page .contact__list .contact__card .desc {
    font-size: 20px;
    line-height: 22px;
  }
  .contacts-page .googleMap {
    width: 450px !important;
  }
}
@media(max-width: 1200px) {
  .contacts-page .head {
    margin-bottom: 40px;
    font-size: 44px;
    line-height: 46px;
  }
  .contacts-page .contact__list .contact__card {
    margin-bottom: 30px;
  }
  .contacts-page .contact__list .contact__card .head {
    margin-bottom: 14px;
  }
  .contacts-page .contact__list .contact__card .desc {
    font-size: 18px;
    line-height: 20px;
  }
}
@media(max-width: 1100px) {
  .contacts-page .contact__list .contact__card.tg {
    grid-column: 1;
  }
.contacts-page .contact__list .contact__card.mail {
  grid-column: 2;
}
}
@media(max-width: 950px) {
  .contacts-page .head {
    margin-bottom: 36px;
    font-size: 40px;
    line-height: 42px;
  }
  .contacts-page .contact__list {
    grid-template-columns: 70% 70%;
    gap: 0;
  }
  .contacts-page .contact__list .contact__card.wa {
    grid-column: 2;
  }
}
@media(max-width: 900px) {
  .contacts-page .head {
    text-align: center;
    margin-bottom: 28px;
    font-size: 32px;
    line-height: 34px;
  }
  .contacts-page .contacts-container {
    max-width: 100%;
  }
  .contacts-page .contact__list {
    width: 100%;
    grid-template-columns: 100%;
  }
  .contacts-page .contact__list .contact__card {
    margin: 40px 0;
  }
  .contacts-page .contact__list .contact__card a::before {
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
  }
  .contacts-page .contact__list .contact__card .desc {
    text-align: center;
  }
  .contacts-page .googleMap {
    width: 100% !important;
    height: 500px;
  }
.contacts-page .contact__list .contact__card.mail {
    grid-column: 1 / 3;
}
  .contacts-page .contact__list .contact__card.wa {
    grid-column: 1;
  }
}
@media(max-width: 700px) {
  .contacts-page .googleMap {
    height: 400px;
  }
}
@media(max-width: 500px) {
  .contacts-page .googleMap {
    height: 300px;
  }
}

/* faq-page */
.faq-page {

}
.faq-page .faq__item {
  background-color: #3d3d3d;
}
.faq__item .desc p + ul,
.faq__item .desc p + ol,
.faq-item .desc p + ul,
.faq-item .desc p + ol {
  margin: 20px 0;
}
.faq__item .desc,
.faq__item .desc p,
.faq__item .desc span,
.faq__item .desc li,
.faq-item .desc,
.faq-item .desc p,
.faq-item .desc span,
.faq-item .desc li {
  color: #FFFFFF;
}
.faq__item .desc ol,
.faq-item .desc ol {
  counter-reset: my-counter;
}
.faq__item .desc ol li,
.faq-item .desc ol li {
  counter-increment: my-counter;
  position: relative;
}
.faq__item .desc li::before,
.faq-item .desc li::before {
  transform: none;
  position: absolute;
  top: 7px;
  left: 0;
}
.faq__item .desc ol li::before,
.faq-item .desc ol li::before {
  content: counter(my-counter) ".";
  top: -1px;
  width: auto;
  height: auto;
  background-color: transparent;
  border-radius: 0;
}


/* team-page */
.team-page {

}
.team-page .head-block {
  margin-bottom: 60px;
  display: flex;
  flex-direction: row;
  gap: 100px;
  justify-content: space-between;
}
.team-page .head-block .text-block {
  width: 50%;
  display: flex;
  flex-direction: column;
}
.team-page .head-block .text-block .head {
  margin-bottom: 30px;
  font-size: 58px;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: 0%;
}
.team-page .head-block .text-block .pic-block {
  width: 100%;
  display: none;
}
.team-page .head-block .text-block .pic-block img {
  width: 100%;
}
.team-page .head-block .text-block .desc {

}
.team-page .head-block .text-block .desc p {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0%;
  color: #333333;
}
.team-page .head-block .pic-block {
  width: 50%;
  border-radius: 25px;
}
.team-page .head-block .pic-block img {
  width: 100%;
}
.team-page .body-block {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.team-page .body-block .pic-block {
  width: 100%;
  border-radius: 25px;
}
.team-page .body-block .pic-block img {
  width: 100%;
}
.team-page/**/ .body-block .partners-block {

}
.partners-block {
  display: flex;
  flex-direction: column;
}
.partners-block .head {
  width: 100%;
  margin-bottom: 30px;
  font-size: 58px;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: 0%;
}
.partners-block__list {
  width: 100%;
  height: fit-content;
  padding: 0 20px 20px 20px;
  display: grid;
  grid-template-columns: repeat(4, auto);
  grid-template-rows: repeat(3, auto);
  gap: 8px;
}
.partners-block__list .list-item {
  padding: 40px 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #E9E9E9;
  border-radius: 8px;
  background-color: #F5F5F5;
}
.partners-block__list .list-item .pic-block {
  max-width: 245px;
  max-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.partners-block__list .list-item .pic-block img {
  width: 100%;
} 
.partners-block__list .list-item[data-company="Samsung"] .pic-block img {
  width: 245px;
  height: 80px;
} 
.partners-block__list .list-item[data-company="Apple"] .pic-block img {
  width: 173px;
  height: 61px;
}
.partners-block__list .list-item[data-company="Tesla"] .pic-block img {
  width: 222px;
  height: 57px;
}
.partners-block__list .list-item[data-company="БКС"] .pic-block img {
  width: 191px;
  height: 61px;
}
.partners-block__list .list-item[data-company="Umbrella"] .pic-block img {
  width: 228px;
  height: 61px;
}

/* adaptive */
@media(max-width: 1300px) {
  .team-page .head-block {
    gap: 20px;
  }
  .team-page .head-block .text-block .head,
  .partners-block .head {
    margin-bottom: 20px;
    font-size: 44px;
    line-height: 48px;
  }
  .team-page .head-block .text-block .desc p {
    line-height: 24px;
  }
}
@media(max-width: 1100px) {
  .team-page .head-block .text-block .head,
  .partners-block .head {
    margin-bottom: 10px;
    font-size: 40px;
    line-height: 42px;
  }
  .team-page .head-block .text-block .desc p {
    font-size: 18px;
    line-height: 22px;
  }
}
@media(max-width: 1100px) {
  .team-page .head-block .text-block .head,
  .partners-block .head {
    margin-bottom: 10px;
    font-size: 40px;
    line-height: 42px;
  }
  .team-page .head-block .text-block .desc p {
    font-size: 18px;
    line-height: 22px;
  }
}
@media(max-width: 900px) {
  .team-page .head-block .text-block {
    width: 100%;
  }
  .team-page .head-block .text-block .pic-block {
    height: 60%;
    margin-bottom: 20px;
    display: block;
    overflow: hidden;
  }
  .team-page .head-block .text-block .pic-block img {
    margin-top: -100px;
    object-fit: cover;
  }
  .team-page .head-block .text-block .desc p {
    font-weight: 300;
  }
  .team-page .head-block .pic-block {
    display: none;
  }
}
@media(max-width: 700px) {
  .team-page .head-block {
    margin-bottom: 40px;
    gap: 0;
  }
  .team-page .head-block .text-block .head,
  .partners-block .head {
    font-size: 32px;
    line-height: 34px;
  }
  .team-page .head-block .text-block .pic-block {
    height: 50%;
  }
  .team-page .head-block .text-block .pic-block img {
    margin-top: -60px;
  }
  
}
@media(max-width: 500px) {
  .team-page .head-block {
    margin-bottom: 20px;
  }
  .team-page .head-block .text-block .head,
  .partners-block .head {
    font-size: 24px;
    line-height: 24px;
  }
  .team-page .head-block .text-block .pic-block {
    height: 40%;
  }
  .team-page .head-block .text-block .pic-block img {
    margin-top: -40px;
  }
}
/* adaptive partners */
@media(max-width: 1900px){
  .partners-block__list {
    grid-template-columns: repeat(4, 24.7%);
  }
  .partners-block__list .list-item .pic-block {
    width: 100%;
    height: fit-content;
  }
  .partners-block__list .list-item[data-company="Samsung"] .pic-block img {
    width: 100%;
    height: auto;
  }
  .partners-block__list .list-item[data-company="Apple"] .pic-block img {
    width: 70.6%;
    height: auto;
  }
  .partners-block__list .list-item[data-company="Tesla"] .pic-block img {
    width: 90.6%;
    height: auto;
  }
  .partners-block__list .list-item[data-company="БКС"] .pic-block img {
    width: 78%;
    height: auto;
  }
  .partners-block__list .list-item[data-company="Umbrella"] .pic-block img {
    width: 93%;
    height: auto;
  }
}
@media(max-width: 1300px){
  .partners-block__list {
    grid-template-columns: repeat(3, 33%);
    grid-template-rows: repeat(4, auto);
  }
}
@media(max-width: 900px){
  .partners-block__list {
    padding: 0;
    grid-template-columns: repeat(2, 49.7%);
    grid-template-rows: repeat(6, auto);
  }
}
@media(max-width: 600px){
  .partners-block__list .list-item {
    padding: 20px 30px;
  }
}

/* reviews-page */
.reviews-page {

}
.reviews-page > .head {
  margin-bottom: 60px;
  font-size: 58px;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: 0%;
}
.reviews-page .reviews__body {

}
.reviews__body .card-list {
  display: flex;
  flex-direction: row;
  gap: 35px;
}
.reviews__body .card-list .even-column,
.reviews__body .card-list .odd-column {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: inherit;
}
.reviews__body .card-list .even-column {

}
.reviews__body .card-list .odd-column {

}
.reviews__body .card-list .card-item {
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  border: 1px solid #E9E9E9;
  border-radius: 25px;
  transition: background-color 1s;
  background-color: #F5F5F5;
}
.reviews__body .card-list .card-item.highlight {
  transition: background-color 1s;
  background-color: #aaaaaa;
}
.reviews__body .card-item .header__card-item {
  display: flex;
  flex-direction: column;
  gap: inherit;
}
.reviews__body .card-item .header__card-item .row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.reviews__body .card-item .header__card-item .head {
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0%;
}
.reviews__body .card-item .header__card-item .rating {
  margin-right: 20px;
  position: relative;
  font-size: 24px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0%;
}
.reviews__body .card-item .header__card-item .rating::after {
  margin-left: 3px;
  position: absolute;
  font-family: FontAwesome;
  content:"\f005";/*star*/
  font-size: 17px;
  font-weight: 600;
  color: #F6CA17;
}
.reviews__body .card-item .header__card-item .service-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: inherit;
}
.reviews__body .card-item .header__card-item .service-item {
  padding: 5px 15px;
  border-radius: 25px;
  background-color: #E30F41;
}
.reviews__body .card-item .header__card-item .service-item .service-name {
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  color: #ffffff;
  text-align: left;
  text-wrap: wrap;
}
.reviews__body .card-item .header__card-item .media-btn {

}
.reviews__body .card-item .media-btn {
  display: flex;
  flex-direction: row;
  gap: inherit;
}
.reviews__body .card-item .media-btn .vid {

}
.reviews__body .card-item .media-btn .pic {

}
.reviews__body .card-item .video__btn,
.reviews__body .card-item .picture__btn {
  width: 40px;
  height: 40px;
  display: flex;
  border-radius: 10px;
  border: 1px solid #E9E9E9;
  background-color: #ffffff;
}
.reviews__body .card-item .video__btn > img,
.reviews__body .card-item .picture__btn > img {
  width: 24px;
  height: 24px;
  margin: auto;
}
.reviews__body .card-item .video__btn:disabled > img, 
.reviews__body .card-item .picture__btn:disabled > img {
  opacity: 0.5;
}
.reviews__body .card-item .video__btn {

}
.reviews__body .card-item .video__btn > img {

}
.reviews__body .card-item .picture__btn {

}
.reviews__body .card-item .picture__btn > img {

}
.reviews__body .card-item .media-btn .modal-window {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  padding: 5px;
  border-radius: 8px;
  z-index: 1001;
  display: none;
  width: max-content;
  max-width: 90%;
} 
.reviews__body .card-item .media-btn .modal-window video, 
.reviews__body .card-item .media-btn .modal-window img {
  max-width: 100%;
  max-height: 80vh;
}
.reviews__body .card-item .media-btn .modal-window video {

}
.reviews__body .card-item .media-btn .modal-window img {

}
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7); 
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.modal-overlay.active {
  display: flex; 
}
.reviews__body .card-item .media-btn .modal-window {
  display: none;
}
.reviews__body .card-item .media-btn .modal-window.active {
  display: block;
}
.reviews__body .card-item .desc__card-item {
  min-height: 100px;
}
.reviews__body .card-item .desc__card-item .short-desc,
.reviews__body .card-item .desc__card-item .full-desc {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0%;
  color: #333333;
}
.reviews__body .card-item .desc__card-item .short-desc {
  display: block;
}
.reviews__body .card-item .desc__card-item .full-desc {
  display: none;
}
.reviews__body .card-item .desc__card-item.active .short-desc {
  display: none;
}
.reviews__body .card-item .desc__card-item.active .full-desc {
  display: block;
}
.reviews__body .card-item .footer__card-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px
}
.reviews__body .card-item .footer__card-item .btn-container {

}
.reviews__body .card-item .footer__card-item .btn-container .btn {
  padding: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0%;
  text-decoration: underline;
  color: #1C1C1C;
  background-color: transparent;
}
.reviews__body .card-item .footer__card-item .btn-container .btn.hidden {
  display: none;
}
.reviews__body .card-item .date {
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  color: #8B8B8B;
}
.reviews__body .card-list_mobile {
  display: none;
  flex-direction: column;
  gap: 30px;
}
.reviews__body .card-list_mobile .card-item {

}
@media(max-width: 1400px) {
  .reviews-page > .head {
    font-size: 42px;
  }
}
@media(max-width: 1100px) {
  .reviews-page > .head {
    font-size: 36px;
  }
}
@media(max-width: 900px) {
  .reviews__body .card-list {
    flex-direction: column;
  }
  .reviews__body .card-list .even-column, .reviews__body .card-list .odd-column {
    width: 100%;
  }
  .reviews-page > .head {
    font-size: 30px;
  }
}
@media(max-width: 500px) {
  .reviews__body .card-list .card-item {
    padding: 20px;
  }
  .reviews__body .card-list {
    display: none;
  }
  .reviews__body .card-list_mobile {
    display: flex;
  }
  .reviews__body .card-item .header__card-item .row,
  .reviews__body .card-item .footer__card-item {
    flex-direction: column;
    align-items: start;
  }
  .reviews-page > .head {
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0%;
  }
  .reviews__body .card-item .desc__card-item .short-desc, .reviews__body .card-item .desc__card-item .full-desc {
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0%;
  }
  .reviews__body .card-item .header__card-item .head {
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0%;
  }
  .reviews__body .card-item .footer__card-item .btn-container .btn {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0%;
  }
}

/* error-page */
.error-page {
  height: 70vh;
  display: flex;
  align-items: center;
  background: url("/upload/404/desktop_404.png") center center;
  background-size: cover;
}
.error-page .desc-block {
  width: 670px;
  height: fit-content;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.error-page .over-head {
  width: fit-content;
  font-size: 80px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0%;
  font-family: Inter;
}
.error-page .head {
  width: fit-content;
  font-size: 58px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  font-family: Involve;
}
.error-page .desc {
  width: 450px;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  font-family: Inter;
}
.error-page .return__btn {
  width: fit-content;
  padding: 13px 33px;
  font-size: 24px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
  border-radius: 12px;
  background-color: #000000;
  font-family: Inter;
}
.desc.desc__blog.mobile{
	display:none;
}
@media(max-width: 1100px) {
  .error-page {
    height: 60vh;
  }
}
@media(max-width: 700px) {
  .error-page {
    height: 70vh;
    background: url("/upload/404/mobile_404.png") center center;
    background-size: cover;
  }
  .error-page .desc-block {
    width: 272px;
  }
  .error-page .over-head {
    font-size: 58px;
    font-weight: 600;
  }
  .error-page .head {
    font-size: 24px;
    font-weight: 400;
  }
  .error-page .desc {
    width: 230px;
    font-size: 16px;
    font-weight: 400;
  }
  .error-page .btn__return {
    padding: 11px 30px;
    font-size: 20px;
    font-weight: 600;
  }
  .desc.desc__blog.mobile{
	display:block;
  }
  .desc.desc__blog.desk{
	display:none;
  }
}
/* End */


/* Start:/local/templates/keystone/components/bitrix/menu/top_menu/style.min.css?1751013639490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/keystone/components/bitrix/menu/top_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/keystone/components/bitrix/menu/about_menu/style.min.css?1751016962490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/keystone/components/bitrix/menu/about_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/keystone/components/bitrix/menu/top_menu_mobile/style.min.css?1751015852490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/keystone/components/bitrix/menu/top_menu_mobile/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/keystone/components/bitrix/menu/footer_menu/style.min.css?1751034112490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/keystone/components/bitrix/menu/footer_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */
/* /local/templates/keystone/css/style.css?1770132372162720 */
/* /local/templates/keystone/components/bitrix/menu/top_menu/style.min.css?1751013639490 */
/* /local/templates/keystone/components/bitrix/menu/about_menu/style.min.css?1751016962490 */
/* /local/templates/keystone/components/bitrix/menu/top_menu_mobile/style.min.css?1751015852490 */
/* /local/templates/keystone/components/bitrix/menu/footer_menu/style.min.css?1751034112490 */