@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%); }

#navbar {
  background-color: #ffffff !important; }

#navbar__button {
  display: block !important; }
  @media only screen and (max-width: 768px) {
    #navbar__button {
      display: none !important; } }

.content {
  min-height: 450px;
  margin-top: 70px;
  background: url(/assets/images/open-background.svg);
  background-repeat: repeat;
  object-position: center;
  object-fit: cover; }
  @media only screen and (max-width: 768px) {
    .content {
      margin-top: 69px; } }
  .content--dark {
    background: url(/assets/images/dark-background.svg); }
  .content--portfolio {
    min-height: 100vh; }
  .content form input {
    padding: 15px 15px !important;
    margin-bottom: 9px;
    border-radius: 5px;
    font-size: 12px; }
  .content ::placeholder {
    color: #b9b9c3; }

.download__icon {
  top: 70px; }
  @media only screen and (max-width: 768px) {
    .download__icon {
      top: 0; } }