@charset "UTF-8";
*, *:before, *:after {
  box-sizing: border-box;
  cursor: none !important;
}

html, body, div, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 62.5%;
  vertical-align: baseline;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  text-size-adjust: none;
}

address {
  font-style: normal;
}

html {
  scroll-behavior: smooth;
}

footer, header, nav, section, main {
  display: block;
}

body {
  line-height: 1;
}
body::selection {
  background: #1e2736;
  color: #fff;
}
body::-moz-selection {
  background: #1e2736;
  color: #fff;
}
body::-ms-selection {
  background: #1e2736;
  color: #fff;
}

ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input {
  border-radius: 0;
}

a {
  text-decoration: none;
}

@keyframes float1 {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  20% {
    transform: translate(100px, -80px) rotate(36deg);
  }
  40% {
    transform: translate(-60px, 100px) rotate(72deg);
  }
  60% {
    transform: translate(120px, 60px) rotate(108deg);
  }
  80% {
    transform: translate(-40px, -100px) rotate(144deg);
  }
  100% {
    transform: translate(0, 0) rotate(180deg);
  }
}
@keyframes float2 {
  0% {
    transform: translate(0, 0) scale(1);
  }
  16% {
    transform: translate(-80px, -60px) scale(1.1);
  }
  32% {
    transform: translate(60px, -100px) scale(0.9);
  }
  48% {
    transform: translate(-120px, 80px) scale(1.05);
  }
  64% {
    transform: translate(100px, 90px) scale(0.95);
  }
  80% {
    transform: translate(0, -60px) scale(1);
  }
  100% {
    transform: translate(0, 0) scale(1);
  }
}
@keyframes float3 {
  0% {
    transform: translate(0, 0) rotate(0deg) scale(1);
  }
  25% {
    transform: translate(80px, -120px) rotate(45deg) scale(1.1);
  }
  50% {
    transform: translate(-100px, -80px) rotate(90deg) scale(0.9);
  }
  75% {
    transform: translate(40px, 60px) rotate(135deg) scale(1);
  }
  100% {
    transform: translate(0, 0) rotate(180deg) scale(1);
  }
}
@keyframes float4 {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(-120px, 100px);
  }
  50% {
    transform: translate(80px, -80px);
  }
  75% {
    transform: translate(-40px, 120px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes float5 {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  20% {
    transform: translate(-80px, 120px) rotate(36deg);
  }
  40% {
    transform: translate(100px, 40px) rotate(72deg);
  }
  60% {
    transform: translate(-120px, -80px) rotate(108deg);
  }
  80% {
    transform: translate(60px, -60px) rotate(144deg);
  }
  100% {
    transform: translate(0, 0) rotate(180deg);
  }
}
@keyframes float6 {
  0% {
    transform: translate(0, 0) scale(1);
  }
  30% {
    transform: translate(160px, -100px) scale(1.15);
  }
  60% {
    transform: translate(-80px, 120px) scale(0.85);
  }
  80% {
    transform: translate(80px, -40px) scale(1);
  }
  100% {
    transform: translate(0, 0) scale(1);
  }
}
@keyframes float7 {
  0% {
    transform: translate(0, 0);
  }
  28% {
    transform: translate(-100px, -120px);
  }
  56% {
    transform: translate(60px, 80px);
  }
  80% {
    transform: translate(-120px, 40px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes float8 {
  0% {
    transform: translate(0, 0) rotate(0deg) scale(1);
  }
  16% {
    transform: translate(80px, 100px) rotate(30deg) scale(1.08);
  }
  32% {
    transform: translate(-120px, 60px) rotate(60deg) scale(0.92);
  }
  48% {
    transform: translate(140px, -80px) rotate(90deg) scale(1.05);
  }
  64% {
    transform: translate(-60px, -120px) rotate(120deg) scale(0.95);
  }
  80% {
    transform: translate(0, 80px) rotate(150deg) scale(1);
  }
  100% {
    transform: translate(0, 0) rotate(180deg) scale(1);
  }
}
@font-face {
  font-family: "Raleway-Regular";
  src: url(/src/fonts/Raleway-Regular.ttf);
}
@font-face {
  font-family: "Raleway-Medium";
  src: url(/src/fonts/Raleway-Medium.ttf);
}
@font-face {
  font-family: "Raleway-Semibold";
  src: url(/src/fonts/Raleway-SemiBold.ttf);
}
@font-face {
  font-family: "Raleway-Bold";
  src: url(/src/fonts/Raleway-Bold.ttf);
}
@font-face {
  font-family: "Raleway-Regular-Italic";
  src: url(/src/fonts/Raleway-Italic.ttf);
}
@font-face {
  font-family: "Raleway-Light";
  src: url(/src/fonts/Raleway-Light.ttf);
}
h1, h2, h3, h4, h5, p, a, button, ul, ol {
  font-family: "Raleway-Regular";
}

h1 {
  font-size: 8.1rem;
}

h2 {
  font-size: 5.4rem;
}

h3 {
  font-size: 3.6rem;
}

h4 {
  font-size: 2.4rem;
}

h5 {
  font-size: 2rem;
}

p, a, button, ol, ul {
  font-size: 1.6rem;
}

strong, .special-text, .bold-text {
  font-family: "Raleway-Bold";
  font-size: 1em;
}

.medium-text {
  font-family: "Raleway-Medium";
  font-size: 1em;
}

.semibold-text {
  font-family: "Raleway-Semibold";
  font-size: 1em;
}

.special-text {
  color: #1a6eff;
}

.special-text_inverted {
  color: #ef9e00;
}

.underlined-text {
  text-decoration: underline;
  font-size: 1em;
}

.uppercased-text {
  text-transform: uppercase;
  font-size: 1em;
}

.italic-text {
  font-family: "Raleway-Regular-Italic";
  font-size: 1em;
}

.btn {
  display: inline-flex;
  line-height: 1.2;
  padding: 1.5rem 3.5rem;
  margin: 0.5rem;
  border-radius: 0.7em;
  border: none;
  background: none;
  font-size: 1.8rem;
}
.btn--primary {
  transition: ease-in-out 0.24s;
  background-color: #1a6eff;
  color: #fff;
  font-family: "Raleway-Semibold";
  justify-content: center;
}
.btn--primary:hover {
  background-color: #0050d9;
  box-shadow: 0 0 14px rgba(82, 145, 255, 0.4745098039);
}
.btn--primary:active {
  transition: 0.012s;
  background-color: #fff;
  color: #1a6eff;
  box-shadow: inset 0 0 4px rgba(119, 156, 211, 0.3);
}
.btn--secondary {
  transition: ease-in-out 0.24s;
  border: 1px solid #d7deef;
  color: #1e2736;
  font-family: "Raleway-Semibold";
}
.btn--secondary:hover {
  color: #1a6eff;
  box-shadow: 0 0 14px rgba(82, 145, 255, 0.4745098039);
}
.btn--secondary:active {
  transition: 0.012s;
  background-color: #1a6eff;
  color: #fff;
  border: 1px solid #1a6eff;
}

#cursor, #aura {
  position: fixed;
  border-radius: 100%;
  user-select: none;
  pointer-events: none;
  z-index: 9999;
  translate: -50% -50%;
}

#aura {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(26, 110, 255, 0.2823529412);
  background-color: rgba(26, 110, 255, 0.0941176471);
  transition: 0.22s cubic-bezier(0.73, -1.07, 0.15, 1.88) transform, 0.2s cubic-bezier(0.73, -1.07, 0.15, 1.88) opacity;
}

#aura.hovered {
  transform: scale(1.5);
  border: 1px solid rgba(26, 110, 255, 0.5882352941);
  background: radial-gradient(circle at 30% 30%, rgba(255, 51, 0, 0.1) 0%, transparent 50%), radial-gradient(circle at 70% 70%, rgba(4, 0, 255, 0.1) 0%, transparent 50%);
  backdrop-filter: contrast(1.2) brightness(1.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 20px rgba(26, 110, 255, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.1);
}

#cursor {
  width: 8px;
  height: 8px;
  background-color: rgba(26, 110, 255, 0.4941176471);
  transition: 0.5s cubic-bezier(0.73, -1.07, 0.15, 1.88) transform, 0.2s cubic-bezier(0.73, -1.07, 0.15, 1.88) opacity;
  box-shadow: 0 0 10px #60a2ff, 0 0 20px #60a2ff, 0 0 30px #60a2ff, 0 0 40px #60a2ff;
  background-color: #1a6eff;
}

#cursor.hidden {
  opacity: 0;
}

#aura.clicked {
  transition: 0.1s;
  transform: scale(1.3);
  opacity: 0.7;
}

.service-card {
  display: flex;
  flex-direction: column;
  padding: 3rem;
  gap: 2rem;
  height: 100%;
}
.service-card--classic, .service-card--mini {
  background-color: #fff;
  border: 1px solid #d7deef;
  border-radius: 2rem;
}
.service-card--mini {
  display: block;
  color: #000;
  padding: 2rem;
}
.service-card--mini > .service-card__title {
  margin-top: 2rem;
  font-family: "Raleway-Bold";
}
.service-card--mini > .service-card__subtitle {
  font-family: "Raleway-Medium";
  font-size: 1.4rem;
  color: #434c5b;
}
.service-card--exclusive {
  border: 1px solid #d7deef;
  border-radius: 2rem;
}
.service-card--exclusive > header {
  display: grid;
  grid-template-columns: 72px 1fr;
  grid-template-rows: 1fr 0.4fr;
  gap: 0;
  column-gap: 1.6rem;
}
.service-card--exclusive > header > .service-card__title, .service-card--exclusive > header > .service-card__subtitle {
  align-self: end;
}
.service-card--exclusive > header > .service-card__icon {
  grid-row: 1/span 2;
}
.service-card--dark, .service-card--dark-exclusive {
  background-color: #1e2736;
  border: 1px solid #1e2736;
  border-radius: 1rem;
  color: #fff;
}
.service-card--dark > p, .service-card--dark-exclusive > p, .service-card--dark h4, .service-card--dark-exclusive h4, .service-card--dark h3, .service-card--dark-exclusive h3, .service-card--dark h2, .service-card--dark-exclusive h2, .service-card--dark h1, .service-card--dark-exclusive h1, .service-card--dark a, .service-card--dark-exclusive a {
  color: #fff;
}
.service-card--dark > .card__benefit::before, .service-card--dark-exclusive > .card__benefit::before {
  content: url(/src/graphics/png/benefit-icon_dark.png);
}
.service-card--dark > .card__feature::before, .service-card--dark-exclusive > .card__feature::before {
  color: #ef9e00;
}
.service-card--dark-exclusive {
  justify-content: space-between;
  border-radius: 2rem;
}
.service-card--dark-exclusive > header {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0;
  column-gap: 1.6rem;
}
.service-card--dark-exclusive > header > .service-card__title {
  align-self: center;
}
.service-card--dark-exclusive > .service-card__text {
  font-family: "Raleway-Regular";
  min-height: 1lh;
}
.service-card--logistics {
  border: 1px solid #d7deef;
  height: auto;
  border-radius: 2rem;
  margin: 2rem;
}
.service-card--unique {
  padding: 2rem;
}
.service-card__header {
  display: grid;
  position: relative;
  gap: 1.2rem;
}
.service-card__title {
  font-family: "Raleway-Medium";
}
.service-card__subtitle {
  font-family: "Raleway-Semibold";
}
.service-card__subtitle--grey {
  min-height: 2lh;
  font-family: "Raleway-Medium";
  color: #434c5b;
}
.service-card__text {
  min-height: 3lh;
  color: #646d83;
  font-family: "Raleway-Medium";
}
.service-card__text--framed {
  background-color: #e7effe;
  padding: 2rem;
  border-radius: 1.5rem;
  border: 1px solid #C5D9F5;
  margin: 2rem 0;
}
.service-card__details {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.service-card__steps {
  display: flex;
  flex-wrap: wrap;
  list-style-position: inside;
}
.service-card__steps > li {
  font-size: 1.6rem;
  font-family: "Raleway-Semibold";
  background-color: #e7effe;
  color: #1a6eff;
  padding: 0.5rem 1.5rem;
  border-radius: 0.8em;
  margin-right: 1rem;
  margin-top: 1rem;
}
.service-card__features {
  position: relative;
}
.service-card__features > li {
  margin: 0.5rem 0 0.5rem 1.3rem;
  font-size: 1.4rem;
  color: #434c5b;
  font-family: "Raleway-Medium";
}
.service-card__features > li::before {
  transform: translateY(-20%);
  left: 0;
  position: absolute;
  color: #1a6eff;
  font-size: 2.8rem;
  content: "•";
}
.service-card__benefits {
  display: flex;
  flex-wrap: wrap;
}
.service-card__benefits > li {
  position: relative;
  margin: 0.5rem 3rem;
  font-size: 1.4rem;
  font-style: "Raleway-Medium";
}
.service-card__benefits > li::before {
  left: 0;
  translate: -2.5rem -2px;
  position: absolute;
  content: url(/src/graphics/png/benefit-icon.png);
}
.service-card__divider {
  height: 1px;
  background-color: #d7deef;
  margin: 2rem 0;
}
.service-card__cta {
  margin-top: auto;
}
.service-card__price-tag, .service-card__timeline-tag {
  font-size: 1.6rem;
  position: absolute;
  right: 0;
}
.service-card__price-tag {
  font-family: "Raleway-Bold";
  color: #1a6eff;
}
.service-card__timeline-tag {
  translate: 0 100%;
  font-family: "Raleway-Regular";
  color: #646d83;
}
.service-card__extras {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.service-card__extras > li {
  padding: 1rem 0;
  display: flex;
  align-items: center;
  width: 50%;
}
.service-card__extras > li > img {
  border-radius: 1rem;
  padding: 0.7rem;
  background-color: #e7effe;
  width: 6rem;
  height: 6rem;
}
.service-card__extras > li > p {
  margin-left: 0.5rem;
  font-size: 1.4rem;
  font-family: "Raleway-Semibold";
}

.sphere {
  position: absolute;
  border-radius: 50%;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.sphere-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -201;
}
.sphere:nth-child(1) {
  width: 220px;
  height: 220px;
  background: radial-gradient(circle, rgba(26, 110, 255, 0.4) 0%, rgba(26, 110, 255, 0.2) 100%);
  animation: float1 24s infinite;
  top: 20%;
  left: 10%;
}
.sphere:nth-child(2) {
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(26, 110, 255, 0.5) 0%, rgba(26, 110, 255, 0.25) 100%);
  animation: float2 12s infinite;
  top: 60%;
  left: 70%;
}
.sphere:nth-child(3) {
  width: 340px;
  height: 340px;
  background: radial-gradient(circle, rgba(26, 110, 255, 0.35) 0%, rgba(26, 110, 255, 0.15) 100%);
  animation: float3 15s infinite;
  top: 80%;
  left: 20%;
}
.sphere:nth-child(4) {
  width: 150px;
  height: 150px;
  background: radial-gradient(circle, rgba(26, 110, 255, 0.45) 0%, rgba(26, 110, 255, 0.2) 100%);
  animation: float4 10s infinite;
  top: 30%;
  left: 80%;
}
.sphere:nth-child(5) {
  width: 100px;
  height: 100px;
  background: radial-gradient(circle, rgba(26, 110, 255, 0.4) 0%, rgba(26, 110, 255, 0.25) 100%);
  animation: float5 18s infinite;
  top: 10%;
  left: 50%;
}
.sphere:nth-child(6) {
  width: 130px;
  height: 130px;
  background: radial-gradient(circle, rgba(26, 110, 255, 0.3) 0%, rgba(26, 110, 255, 0.15) 100%);
  animation: float6 14s infinite;
  top: 50%;
  left: 5%;
}
.sphere:nth-child(7) {
  width: 30px;
  height: 30px;
  background: radial-gradient(circle, rgba(26, 110, 255, 0.6) 0%, rgba(26, 110, 255, 0.3) 100%);
  animation: float7 24s infinite;
  top: 70%;
  left: 85%;
}
.sphere:nth-child(8) {
  width: 390px;
  height: 390px;
  background: radial-gradient(circle, rgba(26, 110, 255, 0.35) 0%, rgba(26, 110, 255, 0.2) 100%);
  animation: float8 38s infinite;
  top: 5%;
  left: 75%;
}

.uikit-block {
  display: flex;
  flex-direction: column;
  padding: 1rem;
}

.color-block {
  position: relative;
  padding: 1rem 2rem;
  max-width: 50%;
  font-family: "Raleway-Regular";
  font-size: 2.4rem;
}
.color-block_primary-color {
  background-color: #1a6eff;
  color: #fff;
}
.color-block_primary-color::after {
  position: absolute;
  right: 1rem;
  font-family: "Raleway-Bold";
  text-transform: uppercase;
  content: "#1a6eff";
}
.color-block_secondary-color {
  background-color: #60a2ff;
  color: #fff;
}
.color-block_secondary-color::after {
  position: absolute;
  right: 1rem;
  font-family: "Raleway-Bold";
  text-transform: uppercase;
  content: "#60a2ff";
}
.color-block_light-color {
  background-color: #e7effe;
}
.color-block_light-color::after {
  position: absolute;
  right: 1rem;
  font-family: "Raleway-Bold";
  text-transform: uppercase;
  content: "#e7effe";
}
.color-block_borders-color {
  background-color: #d7deef;
}
.color-block_borders-color::after {
  position: absolute;
  right: 1rem;
  font-family: "Raleway-Bold";
  text-transform: uppercase;
  content: "#d7deef";
}
.color-block_dark-color {
  background-color: #1e2736;
  color: #fff;
}
.color-block_dark-color::after {
  position: absolute;
  right: 1rem;
  font-family: "Raleway-Bold";
  text-transform: uppercase;
  content: "#1e2736";
}
.color-block_grey-color {
  background-color: #434c5b;
  color: #fff;
}
.color-block_grey-color::after {
  position: absolute;
  right: 1rem;
  font-family: "Raleway-Bold";
  text-transform: uppercase;
  content: "#434c5b";
}
.color-block_lightgrey-color {
  background-color: #646d83;
  color: #fff;
}
.color-block_lightgrey-color::after {
  position: absolute;
  right: 1rem;
  font-family: "Raleway-Bold";
  text-transform: uppercase;
  content: "#646d83";
}

.divider {
  height: 20px;
}

.wrapper, .header {
  margin: 0 auto;
  max-width: 1280px;
}
.wrapper--wided {
  max-width: 1800px;
}

.badge, .contact__badge, .logistic__badge, .services__badge, .exclusive-offer__badge {
  top: -30%;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  padding: 1.3rem 3rem;
  background-color: #e7effe;
  border-radius: 3em;
  font-size: 1.3rem;
  font-family: "Raleway-Bold";
  color: #1a6eff;
  text-transform: uppercase;
}

.exclusive-offer {
  display: grid;
  position: relative;
  padding-block: 15rem;
  gap: 9rem;
}
.exclusive-offer__header {
  position: relative;
}
.exclusive-offer__title {
  text-align: center;
}
.exclusive-offer__badge {
  top: 0;
  padding: 1rem 3rem;
  font-size: 1.3rem;
}
.exclusive-offer__badge::before {
  vertical-align: middle;
  content: url(/src/graphics/png/exclusive-badge-before.png);
  margin-right: 1rem;
}
.exclusive-offer__cards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto auto auto;
  grid-template-areas: "main tax transfer" "main months reports" "main cta cta";
  gap: 2.4rem;
  column-gap: 4rem;
}

#main {
  grid-area: main;
  min-width: 600px;
}

#tax {
  grid-area: tax;
}

#transfer {
  grid-area: transfer;
}

#months {
  grid-area: months;
}

#reports {
  grid-area: reports;
}

#cta {
  grid-area: cta;
}

.services {
  display: flex;
  flex-direction: column;
  padding-block: 10rem;
  gap: 3rem;
}
.services__title, .services__subtitle {
  text-align: center;
}
.services__subtitle {
  color: #434c5b;
}
.services__header {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.services__grid {
  --min: 800px;
  display: grid;
  gap: 2.5rem 3rem;
  grid-template-columns: repeat(auto-fit, minmax(var(--min), 1fr));
  align-items: stretch;
}

.logistic {
  display: grid;
  padding-block: 10rem;
  gap: 4rem;
}
.logistic__header {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.logistic__title, .logistic__lead {
  text-align: center;
}
.logistic__kpi {
  display: flex;
  justify-content: center;
}
.logistic__kpi-item {
  margin: 0 1rem;
}
.logistic__kpi-icon {
  display: block;
  margin: 0 auto;
}
.logistic__kpi-score, .logistic__kpi-caption {
  text-align: center;
}
.logistic__kpi-caption {
  margin-top: 0.2rem;
  font-family: "Raleway-Medium";
  font-size: 1.4rem;
  color: #434c5b;
}
.logistic__cards {
  display: grid;
  grid-template-columns: 0.8fr 1fr;
}
.contact {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-block: 10rem;
}
.contact__badge {
  top: 0;
  left: 0;
  translate: 50% 120%;
}
.contact__details {
  position: relative;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  gap: 3rem;
}
.contact__links {
  display: flex;
  flex-wrap: wrap;
  column-gap: 5rem;
}
.contact__links > ul {
  margin-bottom: 2.5rem;
}
.contact__links > ul > p {
  margin-bottom: 1rem;
}
.contact__subtitle {
  font-family: "Raleway-Semibold";
}
.contact__text {
  color: #1e2736;
}
.contact__mails > li, .contact__phones > li, .contact__socials > li {
  font-family: "Raleway-Regular";
  font-size: 1.6rem;
}
.contact__mails > li {
  margin-bottom: 0.5rem;
  color: #1e2736;
  text-decoration: underline;
}
.contact__mails > li::before {
  margin-right: 1.5rem;
  vertical-align: middle;
  content: url(/src/graphics/png/contact-before-mail-icon.png);
}
.contact__phones > li {
  margin-bottom: 0.5rem;
  color: #1e2736;
  text-decoration: underline;
}
.contact__phones > li::before {
  margin-right: 1.5rem;
  vertical-align: middle;
  content: url(/src/graphics/png/contact-before-tel-icon.png);
}
.contact__socials > li {
  display: inline-block;
  margin-top: 1rem;
  margin-right: 1.5rem;
}
.contact__link {
  color: #1e2736;
}
.contact__link--arm::after {
  margin-left: 1rem;
  vertical-align: middle;
  content: url(/src/graphics/png/contact-after-tel-arm-icon.png);
}
.contact__link--rus::after {
  right: 0;
  margin-left: 1rem;
  vertical-align: middle;
  content: url(/src/graphics/png/contact-after-tel-rus-icon.png);
}
.contact__link--map {
  font-family: "Raleway-Medium";
}
.contact__link--map::before {
  content: url(/src/graphics/png/footer-map-icon.png);
  object-fit: contain;
  margin-right: 1rem;
  vertical-align: middle;
}

.form {
  display: flex;
  flex-direction: column;
  padding: 4rem;
  border: 1px solid #d7deef;
  border-radius: 2rem;
  box-shadow: 0 8px 30px rgba(5, 8, 13, 0.0666666667);
}
.form__title {
  color: #1e2736;
  font-size: 1.4rem;
  font-family: "Raleway-Bold";
  margin: 1rem 0;
}
.form__text {
  font-size: 1rem;
  font-family: "Raleway-Medium";
  color: #434c5b;
  text-align: center;
  padding-top: 1rem;
}
.form__radio {
  margin-bottom: 1rem;
}
.form > input, .form > select, .form > textarea {
  font-family: "Raleway-Semibold";
}
.form > input::placeholder, .form > select::placeholder, .form > textarea::placeholder {
  font-family: "Raleway-Regular";
}
.form > input {
  padding: 1rem 1.6rem;
  border: 1px solid #d7deef;
  border-radius: 1rem;
}
.form > input:focus {
  outline-color: #60a2ff;
}
.form > input:not(:placeholder-shown) {
  background-color: #e7effe;
  border-color: #60a2ff;
}
.form > label, .form__radio > label {
  border-color: #d7deef;
  margin-right: 0.5rem;
  font-size: 1.4rem;
  font-family: "Raleway-Regular";
}
.form > select {
  padding: 1rem 1.6rem;
  border-radius: 1rem;
  border: 1px solid #d7deef;
  font-family: "Raleway-Medium";
}
.form > button {
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 1rem;
  border: 1px solid #1a6eff;
}
.form__spacer {
  height: 2rem;
}
.form textarea {
  resize: none;
  border-radius: 1rem;
  border: 1px solid #d7deef;
  padding: 1rem;
  font-family: "Raleway-Medium";
}
.form textarea:focus {
  outline-color: #60a2ff;
}
.form textarea:not(:placeholder-shown) {
  background-color: #e7effe;
  border-color: #60a2ff;
}

.header {
  position: relative;
  display: flex;
  justify-content: space-between;
  height: 12rem;
}
.header__logo {
  flex-grow: 1;
}
.header__logo > img {
  max-height: 100%;
}
.header__nav-list {
  height: 100%;
  display: flex;
  align-content: center;
}
.header__nav-list-services {
  display: none;
  position: absolute;
  right: 0;
  transform: translateY(5%);
  padding: 1rem 1.5rem;
  background-color: rgba(255, 255, 255, 0.4941176471);
  backdrop-filter: blur(8px);
  border-radius: 1rem;
  border: 1px solid #d7deef;
}
.header__nav-list-services > li {
  padding: 0.3rem 0;
  text-align: right;
  width: 300px;
}
.header__nav-list-services > li > a {
  transition: 0.33s;
  padding: 0.3rem 0;
  color: #1e2736;
  font-family: "Raleway-Medium";
  white-space: nowrap;
}
.header__nav-list-services > li > a:hover {
  color: #1a6eff;
  font-family: "Raleway-Semibold";
}
.header__nav-item {
  margin: auto 0.5rem;
  position: relative;
}
.header__nav-item-services:hover > .header__nav-list-services {
  display: block;
}
.header__nav-link {
  padding: 1.8rem 0.5rem;
  font-family: "Raleway-Semibold";
  color: #1e2736;
}
.header__lang {
  background: none;
  border: none;
  margin: auto 0 auto 3rem;
}
.header__lang > img {
  padding: 2rem 1rem;
  padding-left: 2rem;
}
.header__lang:hover > .header__lang-switcher {
  display: flex;
}
.header__lang-switcher {
  position: absolute;
  display: none;
  right: 0;
  bottom: -60%;
  flex-direction: column;
  justify-content: center;
  background-color: #fff;
  border: 1px solid #d7deef;
  padding: 0.5rem;
  border-radius: 1rem;
}
.header__lang-switcher-item {
  margin: 0.1rem 0;
  transition: 0.13s;
  display: flex;
  align-items: center;
  padding: 1rem;
  background-color: #e7effe;
  border: none;
  border-radius: 1rem;
}
.header__lang-switcher-item > img {
  margin-right: 1rem;
  filter: drop-shadow(0 0 4px rgba(54, 54, 54, 0.4431372549));
}
.header__lang-switcher-item > p {
  font-size: 1.4rem;
  font-family: "Raleway-Semibold";
}
.header__lang-switcher-item--selected {
  color: #1a6eff;
}

.footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  height: 40rem;
  background-color: #1e2736;
}
.footer__grid {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.5fr 1fr 1.2fr;
  column-gap: 3rem;
}
.footer__logo {
  margin: auto 2rem 5rem 0;
}
.footer__logo-caption {
  margin-bottom: 1rem;
  font-size: 1.4rem;
  color: #646d83;
}
.footer__title {
  font-style: normal;
  font-family: "Raleway-Semibold";
  font-size: 2rem;
  margin-bottom: 1rem;
}
.footer__brand {
  max-width: 50rem;
  align-content: end;
}
.footer__list-item::before {
  content: "•";
  font-size: 2.3rem;
  color: #1a6eff;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.footer__list-item--address::before {
  content: url(/src/graphics/png/footer-map-icon.png);
  object-fit: contain;
}
.footer__list-item--mail::before {
  content: url(/src/graphics/png/footer-mail-icon.png);
}
.footer__list-item--phone::before {
  content: url(/src/graphics/png/footer-tel-icon.png);
}
.footer__list-link {
  font-size: 1.4rem;
  vertical-align: middle;
  color: #fff;
}
.footer__list--contacts > li:nth-child(2n) {
  margin-bottom: 1rem;
}
.footer__divider {
  background-color: #434c5b;
  height: 1px;
  width: 1280px;
  margin: 2rem auto;
}
.footer__afterline {
  width: 1280px;
  margin: 0 auto;
  position: relative;
}
.footer__copyright {
  font-family: "Raleway-Medium";
  color: #fff;
}
.footer__policy {
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: underline;
  color: #fff;
  font-family: "Raleway-Medium";
}
.footer__messengers {
  display: flex;
  gap: 1rem;
}

.hero {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 4rem;
  padding-block: 20rem;
}
.hero__title, .hero__subtitle {
  text-align: center;
}
.hero__subtitle {
  line-height: 1.3;
  color: #434c5b;
}
.hero--service {
  padding-block: 5rem;
  display: flex;
  flex-direction: row;
}
.hero--service > .hero__subtitle {
  font-family: "Raleway-Medium";
  color: #000;
}
.hero--service > .hero__details {
  max-width: 48%;
  display: flex;
  flex-direction: column;
  gap: 5rem;
  text-align: left;
}
.hero--service > .hero__details > h2, .hero--service > .hero__details > p {
  text-align: left;
}/*# sourceMappingURL=styles.css.map */