@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
body {
  font-family: 'Montserrat', sans-serif !important; }

h1 {
  font-weight: 500;
  font-size: 96px;
  line-height: 150%;
  letter-spacing: 0.03em; }

h2 {
  font-weight: 500;
  font-size: 60px;
  line-height: 150%;
  letter-spacing: 0.03em; }

h3 {
  font-weight: 500;
  font-size: 48px;
  line-height: 150%;
  letter-spacing: 0.03em; }

h4 {
  font-weight: 600;
  font-size: 34px;
  line-height: 150%;
  letter-spacing: 0.03em; }

h5 {
  font-weight: 500;
  font-size: 24px;
  line-height: 150%;
  letter-spacing: 0.03em; }

h6 {
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 0.03em; }

.T1-bold {
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.03em; }

.T2-bold {
  font-weight: 700;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.03em; }

.T3 {
  font-weight: 400;
  font-size: 20px;
  line-height: 150%; }

.T4 {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%; }

.T5 {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.03em; }

.B1 {
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.03em;
  text-transform: uppercase; }

.B2 {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: 0.03em;
  text-transform: uppercase; }

.bg--colour1 {
  background-color: #2b3141; }

.bg--colour2 {
  background-color: #bfc1c0; }

.bg--colour3 {
  background-color: #ffffff; }

.bg--colour4 {
  background-color: #e64d69; }

.bg--colour5 {
  background-color: #515d75; }

.text--colour1 {
  color: #2b3141; }

.text--colour2 {
  color: #bfc1c0; }

.text--colour3 {
  color: #ffffff; }

.text--colour4 {
  color: #e64d69; }

.text--colour5 {
  color: #515d75; }

* {
  transition: all 0.3s !important; }

html {
  height: 110%;
  margin-bottom: 0.01em; }

body {
  overflow-x: hidden; }

body {
  font-family: 'Montserrat', sans-serif !important; }

h1 {
  font-weight: 500;
  font-size: 96px;
  line-height: 150%;
  letter-spacing: 0.03em; }

h2 {
  font-weight: 500;
  font-size: 60px;
  line-height: 150%;
  letter-spacing: 0.03em; }

h3 {
  font-weight: 500;
  font-size: 48px;
  line-height: 150%;
  letter-spacing: 0.03em; }

h4 {
  font-weight: 600;
  font-size: 34px;
  line-height: 150%;
  letter-spacing: 0.03em; }

h5 {
  font-weight: 500;
  font-size: 24px;
  line-height: 150%;
  letter-spacing: 0.03em; }

h6 {
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 0.03em; }

.T1-bold {
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.03em; }

.T2-bold {
  font-weight: 700;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.03em; }

.T3 {
  font-weight: 400;
  font-size: 20px;
  line-height: 150%; }

.T4 {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%; }

.T5 {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.03em; }

.B1 {
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.03em;
  text-transform: uppercase; }

.B2 {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: 0.03em;
  text-transform: uppercase; }

.bg--colour1 {
  background-color: #2b3141; }

.bg--colour2 {
  background-color: #bfc1c0; }

.bg--colour3 {
  background-color: #ffffff; }

.bg--colour4 {
  background-color: #e64d69; }

.bg--colour5 {
  background-color: #515d75; }

.text--colour1 {
  color: #2b3141; }

.text--colour2 {
  color: #bfc1c0; }

.text--colour3 {
  color: #ffffff; }

.text--colour4 {
  color: #e64d69; }

.text--colour5 {
  color: #515d75; }

* {
  transition: all 0.3s !important; }

html {
  height: 110%;
  margin-bottom: 0.01em; }

body {
  overflow-x: hidden; }

header {
  height: 75px;
  width: 100vw;
  z-index: 1000; }
  @media only screen and (max-width: 768px) {
    header {
      height: 69px; } }

.language__item {
  color: #bfc1c0; }
  .language__item:hover {
    color: #838383 !important; }

.language__item--active {
  color: #838383 !important; }

.language__divider {
  width: 4px;
  height: 4px;
  background-color: #bfc1c0; }

.navbar__language--mobile select {
  color: #828282;
  border: 1px solid #e0e0e0;
  outline: none;
  font-size: 14px;
  border: 0; }

.navbar__button {
  background: #e64d69; }

.modal__button--close {
  z-index: 10;
  background: #bdbdbd;
  border-radius: 100px;
  color: black;
  top: 20px;
  right: 20px; }

.modal .card__body label,
.modal .card__body input,
.modal .card__body textarea {
  font-size: 12px; }

body {
  font-family: 'Montserrat', sans-serif !important; }

h1 {
  font-weight: 500;
  font-size: 96px;
  line-height: 150%;
  letter-spacing: 0.03em; }

h2 {
  font-weight: 500;
  font-size: 60px;
  line-height: 150%;
  letter-spacing: 0.03em; }

h3 {
  font-weight: 500;
  font-size: 48px;
  line-height: 150%;
  letter-spacing: 0.03em; }

h4 {
  font-weight: 600;
  font-size: 34px;
  line-height: 150%;
  letter-spacing: 0.03em; }

h5 {
  font-weight: 500;
  font-size: 24px;
  line-height: 150%;
  letter-spacing: 0.03em; }

h6 {
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 0.03em; }

.T1-bold {
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.03em; }

.T2-bold {
  font-weight: 700;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.03em; }

.T3 {
  font-weight: 400;
  font-size: 20px;
  line-height: 150%; }

.T4 {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%; }

.T5 {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.03em; }

.B1 {
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.03em;
  text-transform: uppercase; }

.B2 {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: 0.03em;
  text-transform: uppercase; }

.bg--colour1 {
  background-color: #2b3141; }

.bg--colour2 {
  background-color: #bfc1c0; }

.bg--colour3 {
  background-color: #ffffff; }

.bg--colour4 {
  background-color: #e64d69; }

.bg--colour5 {
  background-color: #515d75; }

.text--colour1 {
  color: #2b3141; }

.text--colour2 {
  color: #bfc1c0; }

.text--colour3 {
  color: #ffffff; }

.text--colour4 {
  color: #e64d69; }

.text--colour5 {
  color: #515d75; }

* {
  transition: all 0.3s !important; }

html {
  height: 110%;
  margin-bottom: 0.01em; }

body {
  overflow-x: hidden; }

.footer {
  width: 100vw;
  background-color: #ffffff;
  color: #838383; }
  .footer__copyright {
    color: #2b3141 !important; }
  .footer img {
    filter: invert(1);
    transition: filter 0.5s ease-in-out; }
    .footer img:hover {
      filter: brightness(0%); }

.content {
  min-height: 100vh;
  background: url(/assets/images/background__top.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media only screen and (max-width: 768px) {
    .content {
      background: url(/assets/images/background__top--mobile.svg) no-repeat;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; } }
  .content__button {
    transition: width 0.4s !important;
    width: 190px; }
    .content__button--arrow {
      opacity: 0;
      position: absolute;
      right: 0;
      top: 50%;
      bottom: 50%;
      transform: translate(-50%, -50%); }
    .content__button:hover {
      width: 230px; }
    .content__button:hover .content__button--arrow {
      opacity: 1;
      transition: all 0.5s !important; }
  .content__group {
    color: #2b3141;
    margin-top: 100px; }
    @media only screen and (max-width: 768px) {
      .content__group {
        margin-top: 50px; }
        .content__group h2 {
          font-size: 48px;
          font-weight: 600; }
        .content__group h4 {
          font-size: 24px;
          font-weight: 500; } }
  .content__language--mobile {
    bottom: 40px;
    right: 0; }
    .content__language--mobile select {
      color: #828282;
      border: 1px solid #e0e0e0;
      outline: none;
      font-size: 12px; }

img[alt='Arrow'] {
  max-width: 65.61px;
  bottom: 60px;
  right: -60px; }

img[alt='Border'] {
  max-width: 200px; }

.steps__row--2 {
  margin-top: -80px; }

.icon__section {
  top: 25px;
  left: 30px;
  max-width: 160px; }
  .icon__section--bottom {
    top: 35px;
    right: 28px;
    max-width: 160px; }

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

.steps__mobile .swiper-slide {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.steps__mobile .swiper-slide img {
  display: block;
  object-fit: cover; }

.steps__mobile .swiper-button-next::after,
.steps__mobile .swiper-button-prev::after {
  content: ''; }

.steps__mobile .swiper-button-prev {
  background: url("/assets/icons/swiper-left-arrow.svg") no-repeat !important; }

.steps__mobile .swiper-button-next {
  background: url("/assets/icons/swiper-next-arrow.svg") no-repeat !important;
  right: 0; }

@media only screen and (max-width: 768px) {
  .services {
    min-height: 636px; } }

@media only screen and (max-width: 768px) {
  .services__description {
    font-weight: 400 !important;
    font-size: 14px !important;
    text-align: center; } }

@media only screen and (max-width: 768px) {
  .services__description--dark {
    margin-top: -100px; } }

@media only screen and (max-width: 768px) {
  .services__btn {
    bottom: -250px !important; } }

@media only screen and (max-width: 768px) {
  .services h5 {
    font-weight: 600 !important;
    font-size: 20px !important;
    max-width: 257px;
    margin: 0 auto; } }

.services .price {
  font-size: 100px;
  margin-top: -39px; }
  @media only screen and (max-width: 768px) {
    .services .price__group {
      top: 200px !important; } }
  .services .price--text {
    font-size: 65px;
    margin-top: -80px; }

@media only screen and (max-width: 768px) {
  .portfolio__header {
    font-weight: 600;
    font-size: 24px;
    background: -webkit-linear-gradient(90deg, #e64d69 0.81%, #5c677c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 8px 5px rgba(0, 0, 0, 0.25); } }

.portfolio__content {
  margin-top: 98px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 100px;
  row-gap: 40px; }
  @media only screen and (max-width: 768px) {
    .portfolio__content {
      grid-template-columns: repeat(1, 1fr); } }
  .portfolio__content img {
    border-bottom: 8px solid #fff;
    border-left: 8px solid #fff; }
  .portfolio__content img:hover {
    border-bottom: 8px solid #e64d69;
    border-left: 8px solid #e64d69;
    border-radius: 25px; }

.contact label,
.contact input,
.contact textarea {
  font-size: 12px; }

.contact ::placeholder {
  color: #bfc1c0; }

.download__content {
  max-width: 700px; }

.download__button {
  box-shadow: 0px 5px 10px rgba(30, 149, 155, 0.5); }
  .download__button:hover {
    background-color: #2b3141; }