.swiperBtnPrev {
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  width: 100px;
  height: 36px;
  min-width: 100px;
  transition: transform 0.3s;
}

.swiperBtnPrev--white {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='101' height='8' viewBox='0 0 101 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.646447 3.64645C0.451184 3.84171 0.451184 4.15829 0.646447 4.35355L3.82843 7.53553C4.02369 7.7308 4.34027 7.7308 4.53553 7.53553C4.7308 7.34027 4.7308 7.02369 4.53553 6.82843L1.70711 4L4.53553 1.17157C4.7308 0.976311 4.7308 0.659728 4.53553 0.464466C4.34027 0.269204 4.02369 0.269204 3.82843 0.464466L0.646447 3.64645ZM1 4.5H101V3.5H1V4.5Z' fill='white'/%3e%3c/svg%3e ");
}

.swiperBtnPrev--dark {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='82' height='8' viewBox='0 0 82 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.646447 3.64645C0.451184 3.84171 0.451184 4.15829 0.646447 4.35355L3.82843 7.53553C4.02369 7.7308 4.34027 7.7308 4.53553 7.53553C4.7308 7.34027 4.7308 7.02369 4.53553 6.82843L1.70711 4L4.53553 1.17157C4.7308 0.976311 4.7308 0.659728 4.53553 0.464466C4.34027 0.269204 4.02369 0.269204 3.82843 0.464466L0.646447 3.64645ZM1 4.5H81.5V3.5H1V4.5Z' fill='%231B1922'/%3e%3c/svg%3e ");
}

.swiperBtnPrev:hover {
  transform: scale(0.9);
}

.swiperBtnNext {
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  width: 100px;
  height: 36px;
  min-width: 100px;
  transition: transform 0.3s;
}

.swiperBtnNext--white {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='101' height='8' viewBox='0 0 101 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100.354 4.35355C100.549 4.15829 100.549 3.84171 100.354 3.64645L97.1716 0.464466C96.9763 0.269204 96.6597 0.269204 96.4645 0.464466C96.2692 0.659728 96.2692 0.976311 96.4645 1.17157L99.2929 4L96.4645 6.82843C96.2692 7.02369 96.2692 7.34027 96.4645 7.53553C96.6597 7.7308 96.9763 7.7308 97.1716 7.53553L100.354 4.35355ZM0 4.5H100V3.5H0V4.5Z' fill='white'/%3e%3c/svg%3e ");
}

.swiperBtnNext--dark {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='82' height='8' viewBox='0 0 82 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M81.3536 4.35355C81.5488 4.15829 81.5488 3.84171 81.3536 3.64645L78.1716 0.464466C77.9763 0.269204 77.6597 0.269204 77.4645 0.464466C77.2692 0.659728 77.2692 0.976311 77.4645 1.17157L80.2929 4L77.4645 6.82843C77.2692 7.02369 77.2692 7.34027 77.4645 7.53553C77.6597 7.7308 77.9763 7.7308 78.1716 7.53553L81.3536 4.35355ZM0.5 4.5H81V3.5H0.5V4.5Z' fill='%231B1922'/%3e%3c/svg%3e ");
}

.swiperBtnNext:hover {
  transform: scale(0.9);
}

.linkSite {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 16px;
  line-height: 20px;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration 0.3s;
}

.linkSite::after {
  content: "";
  position: absolute;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19 13V5H11' stroke='%231B1922' stroke-linecap='round'/%3e%3cpath d='M19 5L5 19' stroke='%231B1922' stroke-linecap='round'/%3e%3c/svg%3e ");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 24px;
  height: 24px;
}

.linkSite:hover {
  text-decoration-color: rgb(27, 25, 34);
}

.linkSite:hover::after {
  transform: rotate(45deg);
}

.linkSite--white {
  color: rgb(255, 255, 255);
}

.linkSite--white::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.8337 11.1667V4.50008H9.16699' stroke='white' stroke-width='0.833333' stroke-linecap='round'/%3e%3cpath d='M15.8337 4.5L4.16699 16.1667' stroke='white' stroke-width='0.833333' stroke-linecap='round'/%3e%3c/svg%3e ");
}

.linkSite--white:hover {
  text-decoration-color: rgb(255, 255, 255);
}

.input-item input {
  background: transparent;
  border: 0;
  outline: none;
  border-bottom: solid 1px rgb(255, 255, 255);
  height: 36px;
  width: 100%;
}

.input-item input::placeholder {
  color: rgba(255, 255, 255, 0.4);
}

.input-item textarea {
  background: transparent;
  border: 0;
  outline: none;
  border-bottom: solid 1px rgb(255, 255, 255);
  height: 116px;
  width: 100%;
}

.input-item textarea::placeholder {
  color: rgba(255, 255, 255, 0.4);
}

.checkblock {
  position: relative;
}

.checkblock input {
  display: none;
}

.checkblock input:checked + label::after {
  opacity: 1;
}

.checkblock label {
  cursor: pointer;
  position: relative;
  padding-left: 32px;
  display: block;
}

.checkblock label::before {
  content: "";
  position: absolute;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 24px;
  height: 24px;
  border: solid 1px rgb(27, 25, 34);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.checkblock label::after {
  content: "";
  position: absolute;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.6693 1L5.5026 10.1667L1.33594 6' stroke='%231B1922' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  background-position: center;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  opacity: 0;
}

.checkblock label:hover::after, .checkblock label:hover::before {
  transform: translateY(-50%) scale(1.05);
}

.checkblock a {
  text-decoration: underline;
  transition: text-decoration 0.3s;
}

.checkblock a:hover {
  text-decoration-color: transparent;
}

.modal-custom .input-item input {
  border-color: rgb(27, 25, 34);
  color: rgb(27, 25, 34);
  height: 36px;
  width: 100%;
}

.modal-custom .input-item input::placeholder {
  color: rgba(27, 25, 34, 0.4);
}

.modal-custom .check-list {
  grid-column: 1/3;
}

.portfolio + .footer-top,
.prices-page-body + .footer-top,
.quotes + .footer-top,
.location + .footer-top,
.thanksletters + .footer-top {
  background-color: rgb(255, 255, 255);
}

.check-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.check-list a {
  color: rgb(27, 25, 34) !important;
  text-decoration-color: rgb(27, 25, 34) !important;
}

.check-list a:hover {
  text-decoration-color: transparent !important;
}

.btn--white {
  color: rgb(27, 25, 34);
  border: solid 1px rgb(27, 25, 34);
}

.btn--white:hover {
  background-color: rgb(27, 25, 34);
  color: rgb(255, 255, 255);
}

.btn--white.btn--arrow::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19 13V5H11' stroke='%231B1922' stroke-linecap='round'/%3e%3cpath d='M19 5L5 19' stroke='%231B1922' stroke-linecap='round'/%3e%3c/svg%3e ");
}

.btn--white.btn--arrow:hover::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19 13V5H11' stroke='white' stroke-linecap='round'/%3e%3cpath d='M19 5L5 19' stroke='white' stroke-linecap='round'/%3e%3c/svg%3e ");
}

.btn--dark {
  border-color: rgb(27, 25, 34);
  background-color: rgb(27, 25, 34);
  color: rgb(255, 255, 255);
}

.btn--dark:hover {
  background-color: transparent;
  color: rgb(27, 25, 34);
}

.btn--dark:hover.btn--arrow::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19 13V5H11' stroke='%231B1922' stroke-linecap='round'/%3e%3cpath d='M19 5L5 19' stroke='%231B1922' stroke-linecap='round'/%3e%3c/svg%3e ");
}

.btn--arrow {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.btn--arrow::after {
  content: "";
  position: absolute;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19 13V5H11' stroke='white' stroke-linecap='round'/%3e%3cpath d='M19 5L5 19' stroke='white' stroke-linecap='round'/%3e%3c/svg%3e ");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 24px;
  height: 24px;
  display: flex;
}

.btn--arrow:hover::after {
  transform: rotate(45deg);
}

.btn--borderWhite {
  background-color: transparent;
  border: solid 1px rgb(255, 255, 255);
  color: rgb(255, 255, 255);
}

.btn--borderWhite.btn--arrow::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19 13V5H11' stroke='white' stroke-linecap='round'/%3e%3cpath d='M19 5L5 19' stroke='white' stroke-linecap='round'/%3e%3c/svg%3e ");
}

.btn--borderWhite.btn--arrow:hover::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19 13V5H11' stroke='%231B1922' stroke-linecap='round'/%3e%3cpath d='M19 5L5 19' stroke='%231B1922' stroke-linecap='round'/%3e%3c/svg%3e ");
}

.btn--borderWhite:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(27, 25, 34);
}

.btn--borderDark {
  background-color: transparent;
  border: solid 1px rgb(27, 25, 34);
  color: rgb(27, 25, 34);
  text-align: center;
  justify-content: center;
}

.btn--borderDark.btn--arrow::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19 13V5H11' stroke='%231B1922' stroke-linecap='round'/%3e%3cpath d='M19 5L5 19' stroke='%231B1922' stroke-linecap='round'/%3e%3c/svg%3e ");
}

.btn--borderDark.btn--arrow:hover::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19 13V5H11' stroke='white' stroke-linecap='round'/%3e%3cpath d='M19 5L5 19' stroke='white' stroke-linecap='round'/%3e%3c/svg%3e ");
}

.btn--borderDark:hover {
  background-color: rgb(27, 25, 34);
  color: rgb(255, 255, 255);
}

.btn--fullWhite {
  background-color: rgb(255, 255, 255);
  color: rgb(27, 25, 34);
}

.btn--fullWhite.btn--arrow::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19 13V5H11' stroke='%231B1922' stroke-linecap='round'/%3e%3cpath d='M19 5L5 19' stroke='%231B1922' stroke-linecap='round'/%3e%3c/svg%3e ");
}

.btn--fullWhite.btn--arrow:hover::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19 13V5H11' stroke='white' stroke-linecap='round'/%3e%3cpath d='M19 5L5 19' stroke='white' stroke-linecap='round'/%3e%3c/svg%3e ");
}

.btn--fullWhite:hover {
  background-color: rgb(27, 25, 34);
  color: rgb(255, 255, 255);
}

.caption {
  font-family: "Lora";
  font-weight: 400;
}

.caption--h1 {
  font-size: 60px;
  line-height: 65px;
}

.caption--h2 {
  font-size: 42px;
  line-height: 50px;
}

.caption--h3 {
  font-size: 28px;
  font-weight: 500;
  line-height: 30px;
}

.caption--h4 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}

.footer {
  position: relative;
  background-color: rgb(27, 25, 34);
  width: 100%;
  color: rgb(255, 255, 255);
}

.footer-top {
  margin-top: auto;
  padding: 80px 0;
  color: rgb(27, 25, 34);
  background-color: #f8f7f6;
}

.footer-top__inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.footer-top .checkblock {
  width: 100%;
}

.footer-top input {
  color: rgb(27, 25, 34);
  border-color: rgb(27, 25, 34);
}

.footer-top input::placeholder {
  color: rgba(27, 25, 34, 0.7);
}

.footer-form {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 32px;
  position: relative;
  z-index: 3;
}

.footer-form .input-item {
  width: calc(25% - 32px);
}

.footer-form .btn {
  width: calc(25% - 32px);
  justify-content: center;
  min-height: 74px;
}

.footer-center {
  border-top: solid 1px rgba(255, 255, 255, 0.5);
  border-bottom: solid 1px rgba(255, 255, 255, 0.5);
  line-height: 24px;
}

.footer-center .logo {
  width: 160px;
  height: 60px;
}

.footer-center__inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 34px 0;
}

.footer-center__links {
  text-align: left;
}

.footer-center__info {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

.footer a {
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration 0.3s;
}

.footer a:hover {
  text-decoration-color: rgb(255, 255, 255);
}

.footer-bottom__links {
  grid-column: 1/3;
  grid-row: 2/2;
  font-weight: 300;
  font-size: 14px;
  line-height: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px 0;
  max-width: 1200px;
  text-align: center;
  justify-content: center;
  margin: 0 auto;
  padding: 20px 0;
}

.footer-bottom__links a {
  text-decoration: underline;
  transition: text-decoration 0.3s;
  text-underline-offset: 4px;
}

.footer-bottom__links a:hover {
  text-decoration-color: transparent;
}

.designBellardo .caption {
  margin-left: auto;
}

.projects-tabs .linkSite {
  z-index: 5;
  margin-left: auto;
}

.projects-tabs .listLinks .active a:not(.linkSite) {
  color: rgb(255, 255, 255);
}

.projects-tabs .listLinks a:not(.linkSite) {
  font-size: 42px;
  font-weight: 400;
  line-height: 50px;
  color: rgba(255, 255, 255, 0.5);
  transition: color 0.3s;
}

.projects-tabs .linkSite--mobile {
  display: none;
}

.smi .linkSite--mobile {
  display: none;
}

.smi-slider__controls .swiperBtnNext,
.smi-slider__controls .swiperBtnPrev {
  display: flex !important;
}

.reviews-main__head .linkSite {
  white-space: nowrap;
}

.thanksletters {
  background-color: rgb(248, 247, 246);
}

.thanksletters__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.thanksletters .linkSite {
  white-space: nowrap;
}

.thanksletters .picture {
  position: relative;
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.thanksletters .picture > a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.thanksletters .picture img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.thanksletters__body {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.thanksletters__slider {
  width: 1092px;
  margin: 32px 0 0;
  overflow: visible;
}

.thanksletters__slider .swiper-slide {
  display: flex;
  justify-content: flex-end;
  gap: 32px;
  transform: translateX(788px);
  min-height: 476px;
  transition: transform 0.5s;
}

.thanksletters__slider .swiper-slide-prev {
  transform: translateX(0px);
}

.thanksletters__slider .swiper-slide-active {
  transform: translateX(0px);
}

.thanksletters__slider .swiper-slide-active .thanksletters__left {
  height: 476px;
}

.thanksletters__slider .swiper-slide-active .thanksletters__right {
  display: flex;
}

.thanksletters__left {
  position: relative;
  background-color: rgb(255, 255, 255);
  width: 305px;
  height: 407px;
  margin-top: auto;
}

.thanksletters__right {
  display: none;
  background-color: rgb(255, 255, 255);
  width: calc(100% - 305px - 32px);
  padding: 32px 32px 80px;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  transition: 0.3s;
}

.thanksletters__right span {
  display: block;
}

.thanksletters__right span:first-child {
  font-weight: 500;
}

.thanksletters__right strong {
  font-size: 22px;
  line-height: 28px;
  margin-top: 32px;
}

.thanksletters__right strong + * {
  margin-top: 24px;
}

.thanksletters__right p + p {
  margin-top: 16px;
}

.thanksletters__controls {
  display: flex;
  gap: 32px;
  align-items: center;
  position: absolute;
  bottom: 20px;
  left: 365px;
  z-index: 5;
}

.blog-item .linkSite {
  transition: all 0.3s;
  text-decoration: underline;
  text-decoration-color: transparent;
  -webkit-transition: text-decoration 0.3s;
  -moz-transition: text-decoration 0.3s;
  -o-transition: text-decoration 0.3s;
  transition: text-decoration 0.3s;
}

.blog-item .linkSite:hover {
  text-decoration-color: rgb(27, 25, 34);
}

.blog-item:hover .linkSite {
  margin-top: auto;
  color: rgb(27, 25, 34);
}

.blog-item:hover .linkSite::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19 13V5H11' stroke='%231B1922' stroke-linecap='round'/%3e%3cpath d='M19 5L5 19' stroke='%231B1922' stroke-linecap='round'/%3e%3c/svg%3e ");
}

.blog-article__head .caption {
  max-width: 80%;
}

.blog-article__col .caption {
  margin-top: auto;
}

.blog-article-content__bottom .caption {
  margin-top: 80px;
}

.portfolio-head .caption {
  max-width: 30%;
  min-height: 130px;
  display: flex;
  align-items: center;
}

.portfolio .picture .linkSite {
  display: flex;
  justify-content: center;
  align-items: center;
  text-indent: initial;
  opacity: 0;
  background-color: rgba(27, 25, 34, 0.7);
  transition: all 0.3s;
  text-indent: initial;
  text-decoration: none;
}

.portfolio .picture .linkSite:hover::after {
  transform: initial;
}

.portfolio .picture:hover .linkSite {
  opacity: 1;
}

.portfolio a:not(.linkSite) {
  text-decoration: underline;
  text-decoration-color: transparent;
  -webkit-transition: text-decoration 0.3s;
  -moz-transition: text-decoration 0.3s;
  -o-transition: text-decoration 0.3s;
  transition: text-decoration 0.3s;
}

.portfolio a:not(.linkSite):hover {
  text-decoration-color: rgb(27, 25, 34);
}

.portfolio-slider__controls .swiperBtnPrev {
  position: relative;
  margin: 0;
  left: 0;
  top: 0;
  width: 42px;
  height: 84px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='45' height='86' viewBox='0 0 45 86' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M44 85L2 43L44 1' stroke='%231B1922' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e ");
}

.portfolio-slider__controls .swiperBtnPrev.swiper-button-disabled {
  visibility: hidden;
}

.portfolio-slider__controls .swiperBtnNext {
  position: relative;
  margin: 0;
  left: 0;
  top: 0;
  width: 42px;
  height: 84px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='45' height='86' viewBox='0 0 45 86' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L43 43L1 85' stroke='%231B1922' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e ");
}

.portfolio-slider__controls .swiperBtnNext.swiper-button-disabled {
  visibility: hidden;
}

.contacts .location__col .linkSite {
  margin-top: auto;
}

.ask-form .input-item:nth-child(1) {
  grid-column: 1/2;
}

.ask-form .input-item:nth-child(2) {
  grid-column: 2/3;
}

.ask-form .input-item:nth-child(3) {
  grid-column: 1/3;
}

.ask-form .input-item textarea,
.ask-form .input-item input {
  border-color: rgb(27, 25, 34);
}

.ask-form .input-item textarea::placeholder,
.ask-form .input-item input::placeholder {
  color: rgba(27, 25, 34, 0.4);
}

.ask-form .checkblock {
  grid-column: 1/4;
}

.vacancy-head.opened .caption::before {
  transform: scale(1, -1);
}

.vacancy-head .caption {
  position: relative;
}

.vacancy-head .caption::before {
  content: "";
  position: absolute;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 0.999999L7 7L13 1' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  height: 6px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.vacancy-form .input-item {
  width: calc(33.3333333333% - 22px);
}

.vacancy-form .input-item input {
  border-color: rgb(27, 25, 34);
  color: rgb(27, 25, 34);
}

.vacancy-form .input-item input::placeholder {
  color: rgba(27, 25, 34, 0.4);
}

.primer-projects .primer-projects__head .linkSite {
  white-space: nowrap;
}

.tags-section .caption {
  color: rgb(255, 255, 255);
  opacity: 1;
  position: relative;
}

.consul-section .input-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
}

.consul-section .input-item label {
  position: absolute;
  top: 20px;
  left: 0;
}

.consul-section .input-item input {
  color: rgb(27, 25, 34);
  border-color: rgb(27, 25, 34);
  height: 59px;
}

.consul-section .input-item input::placeholder {
  color: rgb(27, 25, 34);
}

.consul-section .caption {
  width: calc(100% - 724px);
}

.consul-section .checkblock {
  grid-column: 1/3;
}

.consul-section .check-list {
  grid-column: 1/3;
}

.consul-section.consul-section--develop .caption {
  color: #f8f7f6;
  z-index: 3;
}

.consul-section.consul-section--develop .input-item {
  color: #f8f7f6;
}

.consul-section.consul-section--develop .input-item input {
  color: #f8f7f6;
  border-color: #f8f7f6;
  height: 40px;
}

.consul-section.consul-section--develop .input-item input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.consul-section.consul-section--develop .checkblock input:checked + label::before {
  background-color: #f8f7f6;
}

.consul-section.consul-section--develop .checkblock label {
  color: #f8f7f6;
}

.consul-section.consul-section--develop .checkblock label::before {
  border-color: #f8f7f6;
}

.consul-section.consul-section--develop .checkblock .check-list a,
.consul-section.consul-section--develop .checkblock a {
  color: #f8f7f6 !important;
  text-decoration-color: #f8f7f6 !important;
}

.consul-section.consul-section--develop .checkblock .check-list a:hover,
.consul-section.consul-section--develop .checkblock a:hover {
  text-decoration-color: transparent !important;
}

.text-section .caption {
  width: calc(50% - 16px);
}

.cost-terms .caption {
  padding: 24px 32px;
}

.prices-line .caption {
  font-size: 28px;
  line-height: 34px;
  font-weight: 400;
}

.about-page .site-media {
  position: relative;
  height: 595px;
  width: 532px;
}

.about-page .site-media picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.about-page .site-media picture img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.quote-article__desc .caption--h4 {
  font-size: 22px;
  line-height: 28px;
  font-weight: 500;
}

.slider-section .slider-media .site-media {
  height: 425px;
  position: relative;
  z-index: 1;
}

.slider-section .slider-media .site-media > a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.slider-section .slider-vertical-v2 .site-media,
.slider-section .slider-vertical .site-media {
  height: 545px;
  position: relative;
  z-index: 1;
}

.slider-section .slider-vertical-v2 .site-media > a,
.slider-section .slider-vertical .site-media > a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.slider-section .site-media picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slider-section .site-media picture img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.more-article .more-article__left .site-media {
  position: absolute;
  right: 0;
  top: 0;
  width: calc(100% + 310px);
  height: 100%;
}

.more-article .more-article__left .site-media picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.more-article .more-article__left .site-media picture img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.more-article .more-article__right .site-media {
  width: 50%;
  position: relative;
}

.more-article .more-article__right .site-media picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.more-article .more-article__right .site-media picture img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-section {
  position: relative;
}

.news-section::before {
  content: "";
  position: absolute;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  height: 315px;
  bottom: 0;
  left: 0;
  background-color: rgb(27, 25, 34);
  pointer-events: none;
}

.news-section .news-section__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: solid 1px rgb(27, 25, 34);
  padding-bottom: 24px;
}

.slider-news {
  margin-top: 24px;
  overflow: hidden;
  width: 100%;
}

.slider-news .swiper-wrapper {
  align-items: initial;
}

.slider-news .swiper-slide {
  height: auto;
}

.slider-news p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.news-item {
  background-color: rgb(255, 255, 255);
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  z-index: 3;
}

.news-item .site-media {
  position: relative;
  width: 100%;
  padding-top: 57.4534161491%;
}

.news-item .site-media picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.news-item .site-media picture img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: cover;
}

.news-item__date {
  position: absolute;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  padding: 10px 14px;
  background-color: rgb(255, 255, 255);
  z-index: 3;
  top: 20px;
  right: 10px;
}

.news-item__content {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
  position: relative;
  height: 100%;
}

.news-item__link {
  font-size: 28px;
  font-weight: 400;
  line-height: 34px;
  font-family: "Lora";
  text-decoration: underline;
  text-decoration-color: transparent;
  -webkit-transition: text-decoration 0.3s;
  -moz-transition: text-decoration 0.3s;
  -o-transition: text-decoration 0.3s;
  transition: text-decoration 0.3s;
}

.news-item__link:hover {
  text-decoration-color: rgb(27, 25, 34);
}

.news-item .linkSite {
  margin-top: auto;
}

.services-page__item-content .caption {
  text-transform: uppercase;
}

.contants-requsites .caption {
  width: 100%;
  margin-top: 45px;
}

.text-services_inner .caption {
  width: 50%;
  max-width: 530px;
}

.site-media-section {
  display: flex;
  justify-content: space-between;
  gap: 32px;
}

.site-media-section .site-media {
  width: 50%;
  height: auto;
  padding-top: 35.3032659409%;
  position: relative;
}

.site-media-section .site-media a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.site-media-section .site-media picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.site-media-section .site-media picture img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.thanksletters__slider.swiper {
  overflow: visible !important;
}

html,
body {
  overflow-x: hidden;
}

body,
input,
textarea,
button,
select,
p,
li,
label,
.footer-form,
.checkblock,
.linkSite,
.news-item p,
.thanksletters__right,
.footer-top p {
  font-family: "Poppins", sans-serif;
}

.thanksletters {
  overflow-x: hidden;
}

.thanksletters__head,
.thanksletters__body {
  opacity: 1;
  transform: none;
}

.thanksletters + .footer-top {
  background-color: rgb(255, 255, 255);
}
.news-section,
.thanksletters {
  padding: 80px 0;
}
@media (max-width: 1279px) {
  .news-section,
  .thanksletters { padding: 48px 0; }
}
@media (max-width: 767px) {
  .news-section,
  .thanksletters { padding: 32px 0; }
}
.news-item .linkSite { margin-top: auto; }
.footer-top input,
.footer-top .input-item input { border-bottom-color: rgb(27, 25, 34); }
.footer-top input::placeholder,
.footer-top .input-item input::placeholder { color: rgba(27, 25, 34, 0.4); }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; background: transparent; border: 0; font-family: "Poppins", sans-serif; font-size: 16px; line-height: 20px; transition: all 0.3s; text-decoration: none; }
.btn--borderDark { border: solid 1px rgb(27, 25, 34); padding: 16px 32px; min-width: 220px; color: rgb(27, 25, 34); }
.btn--borderDark:disabled { opacity: 0.4; cursor: not-allowed; }
.btn--arrow::after { content: ""; width: 24px; height: 24px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19 13V5H11' stroke='%231B1922' stroke-linecap='round'/%3e%3cpath d='M19 5L5 19' stroke='%231B1922' stroke-linecap='round'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; background-size: 20px; transition: transform 0.3s; }
.btn--arrow:not(:disabled):hover::after { transform: rotate(45deg); }
