.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  font-size: 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0;
  position: relative;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.swiper-slide .wrapper {
  z-index: 3;
  position: relative;
}
.swiper-slide__shadow {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 30%);
}

.main-slider {
  height: 689px;
}
.swiper-slide__title {
  color: #FFF;
  font-family: Inter;
  font-size: 60px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 72px */
  max-width: 773px;
  display: block;
}
.swiper-slide__btn {
  border-radius: 10px;
  background: #FFF;
  border: 1px solid #fff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  color: #1B1B1B;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px; /* 19.6px */
  text-transform: uppercase;
  text-align: center;
  margin-top: 60px;
  padding: 0 32px;
  display: block;
  width: min-content;
  white-space: nowrap;
  transition: 0.3s;
}
.swiper-slide__btn:hover {
  color: #ffffff;
  box-shadow: unset;
  background: unset;
}
.swiper-navigation {
    height: 60px;
    bottom: 60px;
    position: absolute;
    width: 98%;
    left: 0;
    right: 0;
    margin: auto;
}
.swiper-button-next, .swiper-button-prev {
  width: 60px;
  height: 60px;
  border: 1px solid #BBBBBB;
  border-radius: 30px;
}
.swiper-button-next:after, .swiper-button-prev:after {
  display: none;
}
.swiper-button-next {
  right: 30px !important;
}
.swiper-button-prev {
  left: 30px !important;
}
.swiper-button-prev img {
  transform: rotateZ(180deg);
  user-select: none;
}
.swiper-pagination {
    max-width: 500px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border: 1px solid #ffffff;
  background: unset;
}
.swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination > span:nth-child(1) {
  margin-left: 0 !important;
}
.swiper-pagination > span:last-child {
  margin-right: 0 !important;
}
.video-circle {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  background: #1DA762;
  width: 146px;
  height: 146px;
  border-radius: 73px;
  display: flex;
  position: absolute;
  right: 30px;
  top: 67px;
  z-index: 9;
  cursor: pointer;
}
.video-circle > img:nth-child(1) {
  margin: auto;
  z-index: 2;
  transform: rotateZ(125deg);
}
.video-circle > img:nth-child(2) {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.video-circle > img:nth-child(3) {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.video-modal {
  width: 100%;
  max-width: 900px;
}
.video-modal video {
  width: 100%;
}



.cases {
  margin-top: 60px;
  padding: 0 30px 60px 30px;
  gap: 55px;
  flex-wrap: wrap;
}
.cases__title {
  color: #FFF;
  font-family: Inter;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 43.2px */
  letter-spacing: 0.36px;
  max-width: 251px;
  margin-right: 54px;
}
.cases__column-title {
  color: #FFF;
  leading-trim: both;
  text-edge: cap;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 23.4px */
  letter-spacing: 0.18px;
}
.cases__column-count {
  color: #FFF;
  font-family: Inter;
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 50px; /* 84px */
  margin-top: 25px;
}
.cases__column-images {
  gap: 10px;
  margin-top: 28px;
}
.cases__column-images img {
  height: 44px;
  border-radius: 10px;
}



.form {
  gap: 63px;
  padding-top: 60px;
  border-top: 1px solid #303030;
}
.form video {
  width: 650px;
}
.form__content {
  margin: auto 0;
  gap: 40px;
}
.form-content__text {
  color: #FFF;
  font-family: Inter;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 30.8px */
  letter-spacing: 0.22px;
}




.services {
  margin-top: 60px;
  padding-top: 60px;
  padding-bottom: 60px;
}
.services__row {
  gap: 20px;
}
.services__card {
  height: 350px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.services__card > .title,
.services__card > .links {
  z-index: 2;
}
.services-card__shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 30%);
  z-index: 1;
}
.services__card-half {
  max-width: 560px;
}
.services__card .title {
  padding: 30px 40px;
}
.services__card-half .title {
    max-width: 450px;
}
.services__card .links {
  width: 100%;
  border-top: 1px solid #e1e1e180;
}
.services__card .links a {
  width: 50%;
  padding: 20px 40px;
  color: #FFF;
  transition: 0.3s;
}
.services__card .links img {
  width: 21px;
}
.services__card .links span {
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 28px */
  letter-spacing: 0.2px;
  margin: auto 0;
}
.services__card .links a:hover {
  background: #1B1B1B;
}
.services__card>.links>a:nth-child(1) {
  border-right: 1px solid #e1e1e180;
}
.services .wrapper-narrow {
  gap: 20px;
}


.test-drive {
  max-width: 751px;
  margin: 0 auto;
  padding-top: 120px;
  padding-bottom: 120px;
}
.test-drive .title {
  max-width: 451px;
}
.test-drive-wrapper {
  border-top: 2px solid #B8B8B8;
}
.test-drive__form {
  max-width: 200px;
}
.contact span {
  margin: auto 0 auto 10px;
  color: #000;
  font-family: Inter;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 30.8px */
  letter-spacing: 0.22px;
  text-decoration-line: underline;
  transition: 0.3s;
}
.contact a {
  width: fit-content;
}
.contact {
  gap: 10px;
}
.contact > a:nth-child(2) > span {
  text-decoration: unset;
}
.contact a:hover span {
  color: #1DA762;
}
.test-drive-form > p {
  flex-direction: column;
}
.test-drive-form .input-text {
  border: 2px solid #959595 !important;
  margin-bottom: 10px;
}
.test-drive-form .wpcf7-not-valid-tip {
  top: 37px;
}
.test-drive-form__checkbox .wpcf7-list-item span {
  font-size: 11px !important;
  color: #252525;
}
.test-drive-form__checkbox label span:before {
  margin-top: 0;
}
.input-hide {
  display: none;
}
.test-drive-form span[data-name='text-1'] {
  display: none;
}


.advantages {
  max-width: 1510px;
  padding: 0 35px;
  margin-top: -151px;
}
.advantages figure > img {
  margin: 0 auto;
  display: block;
  width: 100%;
}
.advantages figure {
  position: relative;
}
.advantages__card {
  position: absolute;
  top: 0;
  left: 0;
  width: 37.4%;
  height: 11%;
  border-radius: 6px;
  border: 2px solid #22404B;
  display: flex;
  padding: 0 30px;
}
.advantages__card div {
  margin: auto;
  gap: 25px;
}
.advantages__card .icon {
  width: 60px;
  height: 60px;
  border-radius: 30px;
  display: flex;
  padding: 8px;
}
.advantages__card .icon img {
  margin: auto;
  display: block;
}
.advantages__card span {
    color: #FFF;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.2px;
    max-width: 362px;
    height: fit-content;
    margin: auto 0;
}
.advantages__card-1 {
  top: 28.19%;
  left: 9.2%;
}
.advantages__card-2 {
  top: 28.19%;
  left: 53.4%;
}
.advantages__card-3 {
  top: 44.5%;
  left: 9.2%;
}
.advantages__card-4 {
  top: 44.5%;
  left: 53.4%;
}
.advantages__card-5 {
  top: 60.8%;
  left: 9.2%;
}
.advantages__card-6 {
  top: 60.8%;
  left: 53.4%;
}


.projects__title {
  gap: 30px;
  width: fit-content;
}
.projects__title h2 {
  color: #FFF;
  font-family: Inter;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 56px */
  letter-spacing: 0.4px;
  text-transform: uppercase;
  transition: 0.3s;
}
.projects__title div {
  border: 1px solid #BBBBBB;
  width: 60px;
  height: 60px;
  display: flex;
  border-radius: 30px;
}
.projects__title div img {
  display: block;
  margin: auto;
}
.projects__title:hover span {
  color: #1DA762;
}
.projects__title:hover .projects__title>div {
  border: 1px solid #1DA762;
}
.projects__column {
  gap: 20px;
  margin-top: 40px;
}
.projects__column .services__card .links a {
  width: 100%;
  border: unset;
  padding: 20px 40px;
}
.projects {
  margin-top: -115px;
}
.advantage-section {
  z-index: 0;
  position: relative;
}
.projects-section {
  z-index: 1;
  position: relative;
}