* {
  box-sizing: border-box;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  border: 0;
  box-sizing: border-box;
  font-family: Montserrat, sans-serif;
  font-size: 100%;
  margin: 0;
  padding: 0;
  text-decoration: none;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body,
html {
  margin: 0;
}
body,
html,
ol,
ul {
  font-family: Montserrat, sans-serif;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  font-family: Montserrat, sans-serif;
}
.container {
  margin: 0 auto;
  width: 1230px;
}
@media screen and (max-width: 1229px) {
  .container {
    overflow-x: hidden;
    padding: 0 20px;
    width: 100%;
  }
}
.button {
  border: none;
  cursor: pointer;
  font-family: Montserrat, sans-serif;
  outline: none;
}
.button-blue {
  align-items: center;
  background: #1266e3;
  color: #fff;
  display: inline-flex;
  font-size: 16px;
  font-weight: 400;
  justify-content: center;
  line-height: 24px;
  padding: 25px 35px;
}
@media screen and (max-width: 767px) {
  .button-blue {
    font-size: 14px;
    line-height: 22px;
    padding: 15px 25px;
  }
}
.button-blue svg {
  margin-right: 8px;
}
.breadcrumbs {
  color: #1266e3;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
@media screen and (max-width: 767px) {
  .breadcrumbs {
    font-size: 14px;
    line-height: 20px;
  }
}
.title {
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  margin-top: 15px;
  max-width: 603px;
}
@media screen and (max-width: 767px) {
  .title {
    font-size: 24px;
    line-height: 30px;
    margin-top: 10px;
  }
}
.title-black {
  color: #232527;
}
.title-white {
  color: #fff;
}
.mobile-menu {
  background: #1266e3;
  display: block;
  height: 100%;
  overflow: auto;
  padding: 5px 20px;
  position: fixed;
  right: 0;
  top: 0;
  transform: translateX(-100%);
  transition: transform 0.5s;
  width: 100%;
  z-index: 998;
}
.mobile-menu .mobile-top {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.mobile-menu .mobile-top .logo-mobile img {
  width: 60px;
}
.mobile-menu .nav {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}
.mobile-menu .nav .item {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-top: 20px;
}
.mobile-menu .contact {
  align-items: center;
  display: flex;
  margin-top: 30px;
}
.mobile-menu .contact .icon {
  border: 2px solid #232527;
  height: 60px;
  width: 60px;
}
.mobile-menu .contact .icon,
.mobile-menu .contact .icon span {
  align-items: center;
  border-radius: 50%;
  display: flex;
  justify-content: center;
}
.mobile-menu .contact .icon span {
  background: #fff;
  height: 40px;
  width: 40px;
}
.mobile-menu .contact .info {
  margin-left: 15px;
}
.mobile-menu .contact .info .item {
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.mobile-menu .contact .info .item:last-of-type {
  font-size: 13px;
  font-weight: 400;
  line-height: 19.5px;
  margin-top: 5px;
}
.mobile-menu .socials {
  align-items: center;
  display: flex;
}
@media screen and (max-width: 1229px) {
  .mobile-menu .socials {
    margin: 30px 0 0;
  }
}
.mobile-menu .socials .item {
  margin-right: 25px;
}
.mobile-menu .socials .item:last-of-type {
  margin: 0;
}
.mobile-menu.open {
  transform: translateX(0);
}
.burger {
  background: transparent;
  border: none;
  display: none;
  height: 20px;
  position: relative;
  transition: all 0.3s;
  width: 25px;
  z-index: 6;
}
@media screen and (max-width: 1229px) {
  .burger {
    display: block;
  }
}
.burger__line {
  background: #fff;
  border-radius: 50px;
  height: 2px;
  left: 0;
  position: absolute;
  transition: all 0.3s;
  width: 100%;
}
.burger__line_top {
  top: 0;
}
.burger__line_middle {
  top: 50%;
  transform: translateY(-50%);
}
.burger__line_bottom {
  bottom: 0;
}
.burger.is-active {
  position: absolute;
  right: 20px;
  top: 35px;
  z-index: 999;
}
.burger.is-active .burger__line_top {
  background: #fff;
  left: 0;
  position: absolute;
  top: 0;
  transform: rotate(-45deg);
  z-index: 999;
}
.burger.is-active .burger__line_middle {
  display: none;
}
.burger.is-active .burger__line_bottom {
  background: #fff;
  left: 0;
  position: absolute;
  top: 0;
  transform: rotate(45deg);
  z-index: 999;
}
.fixed-btn-block {
  bottom: 50px;
  position: fixed;
  right: 65px;
  z-index: 11;
}
@media screen and (max-width: 767px) {
  .fixed-btn-block {
    right: 30px;
  }
}
.fixed-btn-block .fixed-btn {
  align-items: center;
  background: #1266e3;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  height: 76.69px;
  justify-content: center;
  width: 79px;
}
@media screen and (max-width: 767px) {
  .fixed-btn-block .fixed-btn {
    height: 47px;
    width: 50px;
  }
}
.fixed-btn-block .fixed-btn .fixed-btn-inner {
  animation: conctact-icon-animation 1.5s ease 0s 1 normal none running;
  animation-iteration-count: infinite;
  max-height: 70px;
  max-width: 70px;
}
.fixed-btn-block .fixed-btn .fixed-btn-inner:after,
.fixed-btn-block .fixed-btn .fixed-btn-inner:before {
  animation: animate 1.5s linear infinite;
  background: rgba(18, 102, 227, 0.102);
  border-radius: 50%;
  bottom: -20px;
  content: " ";
  display: block;
  left: -20px;
  opacity: 0;
  position: absolute;
  right: -20px;
  top: -20px;
  z-index: -1;
}
.fixed-btn-block .fixed-btn .fixed-btn-inner img {
  height: auto;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .fixed-btn-block .fixed-btn .fixed-btn-inner img {
    width: 20px;
  }
}
@keyframes conctact-icon-animation {
  0% {
    transform: rotate(0);
  }
  10% {
    transform: rotate(-30deg);
  }
  20% {
    transform: rotate(15deg);
  }
  30% {
    transform: rotate(-10deg);
  }
  40% {
    transform: rotate(7.5deg);
  }
  50% {
    transform: rotate(-6deg);
  }
  60% {
    transform: rotate(5deg);
  }
  70% {
    transform: rotate(-4.28571deg);
  }
  80% {
    transform: rotate(3.75deg);
  }
  90% {
    transform: rotate(-3.33333deg);
  }
  to {
    transform: rotate(0);
  }
}
@keyframes animate {
  0% {
    opacity: 0;
    transform: scale(1.5);
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale(1.8);
  }
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
  background-color: #1266e3 !important;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
  box-shadow: none !important;
}
.header {
  background-image: url(9f11572bdcc12f90be7b.png);
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .header {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 90vh;
    justify-content: center;
  }
}
.header .header-top-wrapper {
  background: rgba(0, 0, 0, 0.6);
  border-bottom: 1px solid hsla(0, 0%, 55%, 0.541);
  padding: 23px 72px 17px 50px;
}
@media screen and (max-width: 1450px) {
  .header .header-top-wrapper {
    padding: 29px 50px 31px;
  }
}
@media screen and (max-width: 1229px) {
  .header .header-top-wrapper {
    padding: 30px 20px;
  }
}
@media screen and (max-width: 767px) {
  .header .header-top-wrapper {
    left: 0;
    padding: 5px 20px;
    position: absolute;
    top: 0;
    width: 100%;
  }
}
.header .header-top-wrapper__content {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.header .header-top-wrapper__content_logo img {
  width: 90px;
}
@media screen and (max-width: 1600px) {
  .header .header-top-wrapper__content_logo img {
    width: 60px;
  }
}
.header .header-top-wrapper__content_nav {
  padding-right: 220px;
}
@media screen and (max-width: 1890px) {
  .header .header-top-wrapper__content_nav {
    padding-right: 150px;
  }
}
@media screen and (max-width: 1800px) {
  .header .header-top-wrapper__content_nav {
    padding-right: 50px;
  }
}
@media screen and (max-width: 1700px) {
  .header .header-top-wrapper__content_nav {
    padding-right: 0;
  }
}
@media screen and (max-width: 1600px) {
  .header .header-top-wrapper__content_nav {
    margin: 30px 0;
  }
}
@media screen and (max-width: 1229px) {
  .header .header-top-wrapper__content_nav {
    display: none;
  }
}
.header .header-top-wrapper__content_nav .item {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-right: 40px;
  padding-bottom: 48px;
  transition: 0.3s;
}
@media screen and (max-width: 1600px) {
  .header .header-top-wrapper__content_nav .item {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 44px;
  }
}
@media screen and (max-width: 1450px) {
  .header .header-top-wrapper__content_nav .item {
    margin-right: 20px;
    padding-bottom: 57px;
  }
}
.header .header-top-wrapper__content_nav .item:hover {
  border-bottom: 5px solid #1266e3;
}
@media screen and (max-width: 767px) {
  .header .header-top-wrapper__content_nav .item:hover {
    border: none;
  }
}
.header .header-top-wrapper__content_nav .item:last-of-type {
  margin: 0;
}
.header .header-top-wrapper__content_right-menu {
  align-items: center;
  display: flex;
}
@media screen and (max-width: 1229px) {
  .header .header-top-wrapper__content_right-menu {
    display: none;
  }
}
.header .header-top-wrapper__content_right-menu .button-position {
  margin-right: 31px;
}
@media screen and (max-width: 1450px) {
  .header .header-top-wrapper__content_right-menu .button-position {
    margin-right: 10px;
  }
}
.header .header-top-wrapper__content_right-menu .button-position .button-price {
  background: #1266e3;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding: 18px 30px;
}
@media screen and (max-width: 1600px) {
  .header
    .header-top-wrapper__content_right-menu
    .button-position
    .button-price {
    font-size: 14px;
    line-height: 20px;
  }
}
@media screen and (max-width: 1450px) {
  .header
    .header-top-wrapper__content_right-menu
    .button-position
    .button-price {
    padding: 12px 20px;
  }
}
.header .header-top-wrapper__content_right-menu .contact {
  align-items: center;
  display: flex;
}
.header .header-top-wrapper__content_right-menu .contact .icon {
  align-items: center;
  border: 2px solid #1266e3;
  border-radius: 50%;
  display: flex;
  height: 60px;
  justify-content: center;
  width: 60px;
}
@media screen and (max-width: 1450px) {
  .header .header-top-wrapper__content_right-menu .contact .icon {
    height: 40px;
    width: 40px;
  }
}
.header .header-top-wrapper__content_right-menu .contact .icon span {
  align-items: center;
  background: #fff;
  border-radius: 50%;
  display: flex;
  height: 49px;
  justify-content: center;
  width: 49px;
}
@media screen and (max-width: 1450px) {
  .header .header-top-wrapper__content_right-menu .contact .icon span {
    height: 29px;
    width: 29px;
  }
  .header .header-top-wrapper__content_right-menu .contact .icon span img {
    height: 18px;
    width: 18px;
  }
}
.header .header-top-wrapper__content_right-menu .contact .info {
  margin-left: 15px;
}
.header .header-top-wrapper__content_right-menu .contact .info .item {
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.header
  .header-top-wrapper__content_right-menu
  .contact
  .info
  .item:last-of-type {
  font-size: 13px;
  font-weight: 400;
  line-height: 19.5px;
  margin-top: 5px;
}
.header .header-main {
  padding: 160px 0 273px;
}
@media screen and (max-width: 1600px) {
  .header .header-main {
    padding: 100px 0 200px;
  }
}
@media screen and (max-width: 767px) {
  .header .header-main {
    padding: 0;
  }
}
.header .header-main .header-title {
  color: #fff;
  font-size: 70px;
  font-weight: 700;
  line-height: 77px;
  max-width: 810px;
}
@media screen and (max-width: 1600px) {
  .header .header-main .header-title {
    font-size: 50px;
    line-height: 55px;
    max-width: 600px;
  }
}
@media screen and (max-width: 767px) {
  .header .header-main .header-title {
    font-size: 28px;
    line-height: 38px;
    max-width: 410px;
  }
}
.header .header-main .header-paragraph {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin: 40px 0;
  max-width: 523px;
}
@media screen and (max-width: 1600px) {
  .header .header-main .header-paragraph {
    margin: 30px 0;
  }
}
@media screen and (max-width: 767px) {
  .header .header-main .header-paragraph {
    font-size: 16px;
    line-height: 25px;
    margin: 20px 0;
  }
}
.header .header-main .button-positon {
  align-items: center;
  display: flex;
}
@media screen and (max-width: 767px) {
  .header .header-main .button-positon {
    align-items: flex-start;
    flex-direction: column;
  }
}
.header .header-main .button-positon .button-white {
  background: #fff;
  color: #232527;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-left: 15px;
  padding: 25px 35px;
}
@media screen and (max-width: 767px) {
  .header .header-main .button-positon .button-white {
    font-size: 14px;
    line-height: 22px;
    margin: 15px 0 0;
    padding: 15px 25px;
  }
}
.partners {
  background: #f7f9fb;
}
.partners .partners-content {
  align-items: center;
  display: flex;
  justify-content: space-around;
  padding: 35px 0 55px;
}
@media screen and (max-width: 767px) {
  .partners .partners-content {
    padding: 35px 45px;
  }
}
@media screen and (max-width: 600px) {
  .partners .partners-content {
    flex-direction: column-reverse;
    padding: 5px 25px 35px;
  }
  .partners .partners-content .item {
    margin-top: 30px;
  }
}
.about-us .about-us-content {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  padding: 170px 0;
  position: relative;
}
@media screen and (max-width: 1350px) {
  .about-us .about-us-content {
    justify-content: center;
  }
}
@media screen and (max-width: 1229px) {
  .about-us .about-us-content {
    flex-direction: column;
    padding: 70px 0;
  }
}
.about-us .about-us-content .bottom-part {
  align-items: flex-start;
  display: flex;
  margin-top: 70px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .about-us .about-us-content .bottom-part {
    flex-direction: column;
    margin-top: 35px;
  }
}
.about-us .about-us-content .bottom-part .heading {
  color: #232527;
  font-size: 24px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 20px;
}
.about-us .about-us-content .bottom-part .swiper,
.about-us .about-us-content .bottom-part .swiper-wrapper {
  position: static;
}
.about-us .about-us-content .bottom-part .swiper-our-mission {
  height: 205px;
  max-width: 260px;
}
@media screen and (max-width: 767px) {
  .about-us .about-us-content .bottom-part .swiper-our-mission {
    margin: 0;
    max-width: 300px;
  }
}
.about-us
  .about-us-content
  .bottom-part
  .swiper-our-mission
  .swiper-slide-our-mission
  svg {
  margin-bottom: 30px;
}
.about-us
  .about-us-content
  .bottom-part
  .swiper-our-mission
  .swiper-slide-our-mission
  .paragraph {
  color: #657790;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  max-width: 260px;
}
@media screen and (max-width: 767px) {
  .about-us
    .about-us-content
    .bottom-part
    .swiper-our-mission
    .swiper-slide-our-mission
    .paragraph {
    max-width: 100%;
  }
}
.about-us
  .about-us-content
  .bottom-part
  .swiper-our-mission
  .swiper-pagination {
  height: 10px;
  text-align: left;
  top: 215px;
}
.about-us
  .about-us-content
  .bottom-part
  .swiper-our-mission
  .swiper-pagination-bullet {
  background: rgba(18, 102, 227, 0.251);
}
.about-us
  .about-us-content
  .bottom-part
  .swiper-our-mission
  .swiper-pagination-bullet-active {
  background: #1266e3;
}
.about-us .about-us-content .bottom-part .reliable-professionals {
  margin-left: 55px;
  max-width: 390px;
}
@media screen and (max-width: 767px) {
  .about-us .about-us-content .bottom-part .reliable-professionals {
    margin: 30px 0 0;
    max-width: 100%;
  }
}
.about-us .about-us-content .bottom-part .reliable-professionals .paragraph {
  color: #657790;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
}
.about-us
  .about-us-content
  .bottom-part
  .reliable-professionals
  .paragraph:last-of-type {
  margin: 15px 0 35px;
}
@media screen and (max-width: 767px) {
  .about-us
    .about-us-content
    .bottom-part
    .reliable-professionals
    .paragraph:last-of-type {
    margin: 15px 0 25px;
  }
}
.about-us .about-us-content .about-us-content-img {
  position: relative;
}
.about-us .about-us-content .about-us-content-img img {
  width: 100%;
}
@media screen and (max-width: 1229px) {
  .about-us .about-us-content .about-us-content-img {
    margin-top: 50px;
  }
}
.about-us .about-us-content .about-us-content-img .blue-block {
  background: rgba(18, 102, 227, 0.588);
  bottom: -41px;
  display: block;
  height: 267px;
  position: absolute;
  right: -51px;
  width: 180px;
}
@media screen and (max-width: 500px) {
  .about-us .about-us-content .about-us-content-img .blue-block {
    bottom: -10px;
    height: 200px;
    right: -10px;
    width: 150px;
  }
}
.our-services {
  background-image: url(c032b95d3eb982a88fe4.png);
  background-size: cover;
}
.our-services .our-services-content {
  padding: 120px 0;
}
@media screen and (max-width: 1229px) {
  .our-services .our-services-content {
    padding: 80px 0;
  }
}
@media screen and (max-width: 767px) {
  .our-services .our-services-content {
    padding: 60px 0;
  }
}
.our-services .our-services-content__top {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .our-services .our-services-content__top {
    align-items: flex-start;
    flex-direction: column;
  }
}
.our-services .our-services-content__top_right-part .paragraph {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 20px;
  max-width: 390px;
}
@media screen and (max-width: 767px) {
  .our-services .our-services-content__top_right-part .paragraph {
    margin-top: 15px;
    max-width: 100%;
  }
}
.our-services .our-services-content__main {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 60px 0;
}
@media screen and (max-width: 1229px) {
  .our-services .our-services-content__main {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 30px 0;
  }
}
@media screen and (max-width: 767px) {
  .our-services .our-services-content__main {
    grid-template-columns: 1fr 1fr;
    margin: 0 0 30px;
  }
}
@media screen and (max-width: 500px) {
  .our-services .our-services-content__main {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.our-services .our-services-content__main_item {
  height: 346px;
  padding: 190px 8px 40px;
  position: relative;
  text-align: center;
  transition: 0.3s;
  width: 222px;
}
@media screen and (max-width: 500px) {
  .our-services .our-services-content__main_item {
    margin-top: 30px;
  }
}
.our-services .our-services-content__main_item .item-bg {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.our-services .our-services-content__main_item .info {
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 500px) {
  .our-services .our-services-content__main_item .info {
    display: none;
  }
}

.our-services .our-services-content__main_item .heading {
  color: #fff;
  margin-top: 25px;
  text-transform: uppercase;
}
.our-services .our-services-content__main_item .item-hover {
  background: rgba(18, 102, 227, 0.8);
  height: 346px;
  left: 0;
  opacity: 0;
  padding: 50px 16px 60px;
  position: absolute;
  top: 0;
  transition: 0.3s;
  visibility: hidden;
  width: 222px;
  z-index: 3;
}

@media screen and (max-width: 500px) {
  .our-services .our-services-content__main_item .item-hover {
    visibility: visible;
    opacity: 1;
  }
}

.our-services .our-services-content__main_item .item-hover .paragraph {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  margin-top: 15px;
}
.our-services .our-services-content__main_item:hover .info {
  display: none;
}
.our-services .our-services-content__main_item:hover .item-hover {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 500px) {
  .our-services .our-services-content__main_item:hover {
    display: none;
  }
}

.our-services .our-services-content .button-position {
  text-align: center;
}
.our-works .our-works-content {
  padding: 170px 0;
  position: relative;
}
@media screen and (max-width: 1229px) {
  .our-works .our-works-content {
    padding: 70px 0;
  }
}
@media screen and (max-width: 767px) {
  .our-works .our-works-content {
    padding: 30px 0 50px;
  }
}
.our-works .our-works-content .swiper-wrapper {
  height: auto;
  position: static;
}
.our-works .our-works-content .content-wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
@media screen and (max-width: 1229px) {
  .our-works .our-works-content .content-wrapper {
    flex-direction: column;
    margin-top: 30px;
  }
}
.our-works .our-works-content .content-wrapper .gallery {
  height: 622px;
  width: 600px;
}
@media screen and (max-width: 1229px) {
  .our-works .our-works-content .content-wrapper .gallery {
    height: auto;
    width: 70%;
  }
}
@media screen and (max-width: 767px) {
  .our-works .our-works-content .content-wrapper .gallery {
    height: auto;
    width: 100%;
  }
}
.our-works .our-works-content .content-wrapper .gallery .zoom {
  align-items: center;
  background: hsla(0, 0%, 100%, 0.212);
  bottom: 15px;
  cursor: pointer;
  display: flex;
  height: 50px;
  justify-content: center;
  position: absolute;
  right: 15px;
  width: 50px;
}
@media screen and (max-width: 767px) {
  .our-works .our-works-content .content-wrapper .gallery .zoom {
    height: 40px;
    width: 40px;
  }
  .our-works .our-works-content .content-wrapper .gallery .zoom svg {
    height: 22px;
    width: 22px;
  }
}
.our-works .our-works-content .content-wrapper .gallery .gallery-top img {
  width: 100%;
}
.our-works .our-works-content .content-wrapper .gallery .gallery-bottom {
  margin-top: 15px;
}
.our-works
  .our-works-content
  .content-wrapper
  .gallery
  .gallery-bottom
  .swiper-slide {
  cursor: pointer;
  margin-right: 15px;
  opacity: 0.5;
}
.our-works
  .our-works-content
  .content-wrapper
  .gallery
  .gallery-bottom
  .swiper-slide:hover {
  opacity: 1;
}
.our-works
  .our-works-content
  .content-wrapper
  .gallery
  .gallery-bottom
  .swiper-slide
  img {
  display: block;
  object-fit: cover;
  width: 100%;
}
.our-works
  .our-works-content
  .content-wrapper
  .gallery
  .gallery-bottom
  .swiper-slide:last-of-type {
  margin: 0;
}
.our-works
  .our-works-content
  .content-wrapper
  .gallery
  .gallery-bottom
  .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
.our-works .our-works-content .content-wrapper .info-block-wrapper {
  max-height: 622px;
  width: 600px;
}
@media screen and (max-width: 1229px) {
  .our-works .our-works-content .content-wrapper .info-block-wrapper {
    height: auto;
    margin-top: 40px;
    width: 100%;
  }
}
.our-works .our-works-content .content-wrapper .info-block-wrapper .info-block {
  background: #f7f9fb;
  display: none;
  padding: 43px 35px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .our-works
    .our-works-content
    .content-wrapper
    .info-block-wrapper
    .info-block {
    padding: 20px;
  }
}
.our-works
  .our-works-content
  .content-wrapper
  .info-block-wrapper
  .info-block
  .city {
  color: #acacac;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
@media screen and (max-width: 767px) {
  .our-works
    .our-works-content
    .content-wrapper
    .info-block-wrapper
    .info-block
    .city {
    font-size: 14px;
    line-height: 18px;
  }
}
.our-works
  .our-works-content
  .content-wrapper
  .info-block-wrapper
  .info-block
  .heading {
  color: #1266e3;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  margin: 12px 0 20px;
}
@media screen and (max-width: 767px) {
  .our-works
    .our-works-content
    .content-wrapper
    .info-block-wrapper
    .info-block
    .heading {
    font-size: 20px;
    line-height: 28px;
    margin: 10px 0 15px;
  }
}
.our-works
  .our-works-content
  .content-wrapper
  .info-block-wrapper
  .info-block
  .paragraph {
  color: #657790;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 13px;
}
@media screen and (max-width: 767px) {
  .our-works
    .our-works-content
    .content-wrapper
    .info-block-wrapper
    .info-block
    .paragraph {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
  }
}
.our-works
  .our-works-content
  .content-wrapper
  .info-block-wrapper
  .info-block
  .paragraph:last-of-type {
  margin-bottom: 25px;
}
.our-works
  .our-works-content
  .content-wrapper
  .info-block-wrapper
  .info-block.visible {
  display: block;
}
.our-works .our-works-content .swiper {
  position: static;
}
.our-works .our-works-content .swiper .swiper-button-next:after,
.our-works .our-works-content .swiper .swiper-button-prev:after {
  content: "";
}
.our-works .our-works-content .swiper .swiper-button-next,
.our-works .our-works-content .swiper .swiper-button-prev {
  color: #1266e3;
  margin: 0;
  top: 185px;
}
@media screen and (max-width: 1229px) {
  .our-works .our-works-content .swiper .swiper-button-next,
  .our-works .our-works-content .swiper .swiper-button-prev {
    bottom: 0;
    top: auto;
  }
}
.our-works .our-works-content .swiper .swiper-button-prev {
  left: auto;
  right: 75px;
}
@media screen and (max-width: 1229px) {
  .our-works .our-works-content .swiper .swiper-button-prev {
    left: 0;
    right: auto;
  }
}
.our-works .our-works-content .swiper .swiper-button-next {
  right: 0;
}
@media screen and (max-width: 1229px) {
  .our-works .our-works-content .swiper .swiper-button-next {
    left: 75px;
    right: auto;
  }
}
.our-works
  .our-works-content
  .swiper
  .swiper-button-next.swiper-button-disabled,
.our-works
  .our-works-content
  .swiper
  .swiper-button-prev.swiper-button-disabled {
  background: #e9e9ee;
}
.our-works
  .our-works-content
  .swiper
  .swiper-button-next.swiper-button-disabled
  svg
  path,
.our-works
  .our-works-content
  .swiper
  .swiper-button-prev.swiper-button-disabled
  svg
  path {
  stroke: #9f9f9f;
}
.our-works .our-works-content .swiper .swiper-button-next-our-works,
.our-works .our-works-content .swiper .swiper-button-prev-our-works {
  align-items: center;
  background: #1266e3;
  display: flex;
  height: 61px;
  justify-content: center;
  padding: 20px;
  width: 61px;
}
.our-works .our-works-content .swiper .swiper-button-next-our-works svg path,
.our-works .our-works-content .swiper .swiper-button-prev-our-works svg path {
  stroke: #fff;
}
@media screen and (max-width: 1229px) {
  .our-works .our-works-content .swiper .swiper-button-next-our-works,
  .our-works .our-works-content .swiper .swiper-button-prev-our-works {
    display: none;
  }
}
.reviews {
  background: #f7f9fb;
  padding: 120px 0;
}

.reviews-swiper .swiper-button-next,
.swiper-button-prev {
  margin: 0 20px;
}

@media screen and (max-width: 767px) {
  .reviews-swiper .swiper-button-next,
  .swiper-button-prev {
    display: none;
  }
}

@media screen and (max-width: 1229px) {
  .reviews {
    padding: 60px 0 30px;
  }
}
@media screen and (max-width: 767px) {
  .reviews {
    padding: 30px 0;
  }
}
.reviews .reviews-content {
  text-align: center;
}
.reviews .reviews-content .title-black {
  margin: 15px auto 0;
}
@media screen and (max-width: 767px) {
  .reviews .reviews-content .title-black {
    margin: 10px auto 0;
  }
}
.reviews .swiper-wrapper {
  height: 720px;
}
@media screen and (max-width: 960px) {
  .reviews .swiper-wrapper {
    height: 600px;
  }
}
.reviews .reviews-swiper {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .reviews .reviews-swiper {
    margin-top: 30px;
  }
}
.reviews .reviews-swiper .swiper-slide-reviews-swiper {
  opacity: 0.5;
  position: relative;
  width: 33%;
}
.reviews .reviews-swiper .swiper-slide-reviews-swiper .bg-img {
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.reviews .reviews-swiper .swiper-slide-reviews-swiper .bg-img img {
  width: 100%;
}
.reviews .reviews-swiper .swiper-slide-reviews-swiper .main-block {
  background-color: #fff;
  left: 50%;
  padding: 32px;
  position: absolute;
  top: 256px;
  transform: translateX(-50%);
  width: 80%;
}
@media screen and (max-width: 1700px) {
  .reviews .reviews-swiper .swiper-slide-reviews-swiper .main-block {
    top: 220px;
  }
}
@media screen and (max-width: 1500px) {
  .reviews .reviews-swiper .swiper-slide-reviews-swiper .main-block {
    top: 180px;
  }
}
@media screen and (max-width: 767px) {
  .reviews .reviews-swiper .swiper-slide-reviews-swiper .main-block {
    padding: 22px;
    top: 150px;
    width: 90%;
  }
}
.reviews .reviews-swiper .swiper-slide-reviews-swiper .main-block .heading {
  color: #232527;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}
@media screen and (max-width: 1229px) {
  .reviews .reviews-swiper .swiper-slide-reviews-swiper .main-block .heading {
    font-size: 18px;
    line-height: 22px;
  }
}
.reviews .reviews-swiper .swiper-slide-reviews-swiper .main-block .paragraph {
  color: #657790;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 16px 0 24px;
}
@media screen and (max-width: 1229px) {
  .reviews .reviews-swiper .swiper-slide-reviews-swiper .main-block .paragraph {
    font-size: 14px;
    line-height: 20px;
  }
}
.reviews .reviews-swiper .swiper-slide-reviews-swiper .main-block .bottom-part {
  align-items: center;
  display: flex;
}
.reviews
  .reviews-swiper
  .swiper-slide-reviews-swiper
  .main-block
  .bottom-part
  .info {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.reviews
  .reviews-swiper
  .swiper-slide-reviews-swiper
  .main-block
  .bottom-part
  .info
  .name {
  color: #0e1735;
}
.reviews
  .reviews-swiper
  .swiper-slide-reviews-swiper
  .main-block
  .bottom-part
  .info
  .city {
  color: #657790;
  margin-top: 4px;
}
.reviews .reviews-swiper .swiper-pagination {
  bottom: 10px;
  height: 10px;
}
.reviews .reviews-swiper .swiper-pagination-bullet {
  background: rgba(18, 102, 227, 0.251);
}
.reviews .reviews-swiper .swiper-pagination-bullet-active {
  background: #1266e3;
}
.reviews .reviews-swiper .swiper-slide-reviews-swiper.swiper-slide-active {
  opacity: 1;
}
.faq {
  padding: 170px 0;
}
@media screen and (max-width: 1229px) {
  .faq {
    padding: 70px 0;
  }
}
@media screen and (max-width: 767px) {
  .faq {
    padding: 30px 0;
  }
}
.faq .faq-content {
  text-align: center;
}
.faq .faq-content .title-black {
  margin: 15px auto 40px;
}
@media screen and (max-width: 767px) {
  .faq .faq-content .title-black {
    margin: 10px auto;
  }
}
.faq .faq-content .faq-item {
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
  cursor: pointer;
  margin-top: 20px;
  overflow-y: hidden;
  padding: 20px 31px 23px;
  position: relative;
  transition: 0.3s;
  width: 100%;
  will-change: height;
}
@media screen and (max-width: 767px) {
  .faq .faq-content .faq-item {
    padding: 20px 10px 23px;
  }
}
.faq .faq-content .faq-item .faq-top {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 0 20px;
  position: relative;
}
.faq .faq-content .faq-item .faq-top .heading {
  color: #232527;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}
@media screen and (max-width: 1000px) {
  .faq .faq-content .faq-item .faq-top .heading {
    font-size: 16px;
    line-height: 20px;
  }
}
@media screen and (max-width: 767px) {
  .faq .faq-content .faq-item .faq-top .heading {
    font-size: 13px;
    line-height: 16px;
    margin-right: 20px;
  }
}
.faq .faq-content .faq-item .answer {
  color: #657790;
  font-size: 16px;
  font-weight: 400;
  line-height: 29px;
  text-align: start;
}
@media screen and (max-width: 1000px) {
  .faq .faq-content .faq-item .answer {
    font-size: 14px;
    line-height: 18px;
  }
}
@media screen and (max-width: 767px) {
  .faq .faq-content .faq-item .answer {
    font-size: 13px;
    line-height: 16px;
  }
}
.faq .faq-content .faq-item .answer-last {
  margin-top: 20px;
}
@media screen and (max-width: 1229px) {
  .faq .faq-content .faq-item:last-of-type {
    margin-bottom: 20px;
  }
}
.faq .faq-content .faq-item.open .close {
  transform: rotate(180deg);
}
.faq .faq-content .faq-item.open .close svg path {
  stroke: #1266e3;
}
.contact-us {
  background: #f7f9fb;
  padding: 120px 0;
}
@media screen and (max-width: 1229px) {
  .contact-us {
    padding: 60px 0;
  }
}
@media screen and (max-width: 767px) {
  .contact-us {
    padding: 30px 0;
  }
}
.contact-us .contact-us-content {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .contact-us .contact-us-content {
    flex-direction: column;
  }
}
.contact-us .contact-us-content .text .title-black {
  max-width: 478px;
}
.contact-us .contact-us-content .text .block-bottom {
  margin-top: 20px;
  max-width: 300px;
}
.contact-us .contact-us-content .text .block-bottom .item {
  align-items: center;
  display: flex;
  margin-top: 32px;
}
.contact-us .contact-us-content .text .block-bottom .item a {
  color: #657790;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}
@media screen and (max-width: 767px) {
  .contact-us .contact-us-content .text .block-bottom .item a {
    font-size: 16px;
    line-height: 30px;
  }
}
.contact-us .contact-us-content .text .block-bottom .item .icon {
  align-items: center;
  background: rgba(18, 102, 227, 0.102);
  border-radius: 50%;
  display: flex;
  height: 36px;
  justify-content: center;
  margin-right: 20px;
  width: 36px;
}
.contact-us .contact-us-content .text .block-bottom .cities {
  align-items: flex-start;
  display: flex;
}
.contact-us .contact-us-content .text .block-bottom .cities .name {
  display: grid;
  gap: 15px 45px;
  grid-template-columns: 1fr 1fr;
}
.contact-us .contact-us-content .text .block-bottom .cities .name span {
  color: #657790;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}
@media screen and (max-width: 767px) {
  .contact-us .contact-us-content .text .block-bottom .cities .name span {
    font-size: 16px;
    line-height: 20px;
  }
}
.contact-us .contact-us-content .form {
  width: 600px;
}
@media screen and (max-width: 1100px) {
  .contact-us .contact-us-content .form {
    width: 400px;
  }
}
@media screen and (max-width: 767px) {
  .contact-us .contact-us-content .form {
    margin-top: 30px;
    width: 100%;
  }
}
.contact-us .contact-us-content .form .input-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .contact-us .contact-us-content .form .input-wrapper {
    margin-bottom: 15px;
  }
}
.contact-us .contact-us-content .form .input-wrapper .textarea {
  height: 120px;
  resize: none;
}
.contact-us .contact-us-content .form .input-wrapper .heading-form {
  color: #232527;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media screen and (max-width: 767px) {
  .contact-us .contact-us-content .form .input-wrapper .heading-form {
    font-size: 18px;
  }
}
.contact-us .contact-us-content .form .input-wrapper .input {
  border: 1px solid #dbdbdb;
  border-radius: 8px;
  color: rgba(101, 119, 144, 0.38);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 20px;
  outline: none;
  padding: 17px 20px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .contact-us .contact-us-content .form .input-wrapper .input {
    margin-top: 15px;
  }
}
.contact-us .contact-us-content .form .input-wrapper .input::placeholder {
  color: rgba(101, 119, 144, 0.38);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.contact-us .contact-us-content .form .input-wrapper:last-of-type {
  margin-bottom: 32px;
}
#map {
  height: 723px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #map {
    height: 400px;
  }
}
.footer {
  background: #232527;
  padding: 70px 0;
  position: relative;
  z-index: 999;
}
@media screen and (max-width: 767px) {
  .footer {
    padding: 35px 0;
    position: static;
  }
}
.footer .footer-content {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1229px) {
  .footer .footer-content {
    align-items: flex-start;
    flex-direction: column;
  }
}
.footer .footer-content .logo img {
  width: 100px;
}
@media screen and (max-width: 1600px) {
  .footer .footer-content .logo img {
    width: 80px;
  }
}
.footer .footer-content .nav {
  padding-right: 100px;
}
@media screen and (max-width: 1890px) {
  .footer .footer-content .nav {
    padding-right: 50px;
  }
}
@media screen and (max-width: 1800px) {
  .footer .footer-content .nav {
    padding-right: 0;
  }
}
@media screen and (max-width: 1600px) {
  .footer .footer-content .nav {
    margin: 30px 0;
  }
}
@media screen and (max-width: 1229px) {
  .footer .footer-content .nav {
    display: flex;
    flex-direction: column;
    margin: 10px 0;
  }
}
.footer .footer-content .nav .item {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-right: 40px;
}
@media screen and (max-width: 1229px) {
  .footer .footer-content .nav .item {
    margin: 30px 0 0;
  }
}
.footer .footer-content .nav .item:last-of-type {
  margin: 0;
}
@media screen and (max-width: 1229px) {
  .footer .footer-content .nav .item:last-of-type {
    margin: 30px 0 0;
  }
}
.footer .footer-content .socials {
  align-items: center;
  display: flex;
}
@media screen and (max-width: 1229px) {
  .footer .footer-content .socials {
    margin: 30px 0 0;
  }
}
.footer .footer-content .socials .item {
  margin-right: 35px;
}
.footer .footer-content .socials .item:last-of-type {
  margin: 0;
}
/*# sourceMappingURL=main.3cc13fa1e2bcac7df8e3.css.map*/