@charset "UTF-8";
/*!
 *   Theme Name: Piesoft
 *   Theme URI: http://piesoft.us/
 *   Author: Alexandr Kulnev
 *   Author URI: https://gitlab.itsupportme.by/AKulneu
 *   Description: Description
 *   Version: 2.1.0
 *   Tested up to: 6.2
 *   Requires PHP: 7.4
 *   License: GNU General Public License v2 or later
 *   Text Domain: piesoft
 *   Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 */
/*!start bootstrap*/
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section,
summary {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

mark {
  background: #ffff00;
  color: #000000;
}

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

td,
th {
  padding: 0;
}

form {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

button {
  outline: none;
  box-sizing: border-box;
  border: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: normal;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}

select {
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: normal;
  color: inherit;
  text-overflow: ellipsis;
}

input {
  outline: none;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: normal;
  text-overflow: ellipsis;
  color: inherit;
}

textarea {
  overflow: auto;
  resize: none;
  outline: none;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: normal;
  color: inherit;
}

hr {
  border: none;
}

img {
  border: 0;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/*!
 * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
  width: device-width;
}
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}
.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col, .no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  -webkit-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

.modal.show .modal-dialog, .modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-content {
  position: relative;
  width: 100%;
  pointer-events: auto;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show, .modal-backdrop.in {
  opacity: 0.5;
}

.modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
}
.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}

.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}

.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}

.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}

.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}

.has-error .form-control-feedback {
  color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
  top: 25px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #ffffff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dddddd !important;
  }
}

/*!end bootstrap*/
/*==========GENERAL STYLES==========*/
.page-wrapper {
  flex-grow: 1;
  flex-shrink: 0;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
}

/*=TEXT=*/
/*=LINKS&FORMS=*/
/*btns*/
/*=HEADER=*/
.header {
  flex-shrink: 0;
  flex-grow: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 12;
  width: 100%;
  line-height: 0.1;
}

.header.scroll {
  background-color: #ffffff;
  box-shadow: 0 8px 24px rgba(201, 201, 201, 0.25);
}

.header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-logo {
  display: inline-block;
  padding: 27px 0;
  transition: all ease-in-out 0.1s;
}

.header-logo-img {
  display: block;
  width: 150px;
  height: auto;
}

.header-nav-btn {
  display: none;
}

.header-menu-wrapper {
  margin-left: auto;
}

.header-menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.header-menu-item {
  margin-right: 32px;
}

.header-menu-item:last-child {
  margin-right: 0;
}

.header-menu-link {
  position: relative;
  display: block;
  padding: 32px 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
  color: #292C32;
}

.header-menu-link:hover,
.header-menu-link:active,
.header-menu-link:focus,
.header-menu-link.active {
  color: #7D3EF2;
}

.header-menu-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  right: 0;
  height: 2px;
}

.header-menu-btn {
  display: none;
  justify-content: center;
  align-items: center;
  margin-left: 16px;
  width: 40px;
}

.header-menu-btn svg {
  display: block;
  width: 16px;
  height: 16px;
}

.header-menu-btn path {
  fill: #292C32;
  transition: all ease-in-out 0.3s;
}

.header-submenu-wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1;
  border-top: 1px solid #EEEFF4;
  padding: 40px 0;
  min-height: 290px;
  line-height: 1;
  background-color: #FFFFFF;
  box-shadow: 0 8px 24px rgba(197, 201, 208, 0.25);
  opacity: 0;
  visibility: hidden;
  transform: translateY(24px);
  transition: all ease-in-out 0.3s;
}

.header-submenu-wrapper .container {
  position: relative;
}

.header-submenu-wrapper .header-submenu-img {
  position: absolute;
  top: 0;
  left: 15px;
  z-index: 1;
  max-width: 370px;
}

.header-submenu-wrapper .header-submenu-img img {
  display: block;
  border-radius: 6px;
  max-width: 100%;
}

.header-submenu {
  position: relative;
  display: inline-block;
  padding-left: 460px;
  padding-right: 40px;
  min-width: 635px;
  min-height: 210px;
}

.header-submenu .header-submenu-back-btn,
.header-submenu .header-submenu-subnav-back-btn {
  position: absolute;
  top: 50%;
  right: 100%;
  z-index: 1;
  display: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transform: translateY(-50%);
}

.header-submenu .header-submenu-back-btn svg,
.header-submenu .header-submenu-subnav-back-btn svg {
  display: block;
  width: 16px;
  height: 16px;
  transform: rotate(-180deg);
}

.header-submenu .header-submenu-back-btn path,
.header-submenu .header-submenu-subnav-back-btn path {
  fill: #B1B4CC;
  transition: all ease-in-out 0.3s;
}

.header-submenu-title {
  position: relative;
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.25;
  color: #B1B4CC;
}

.header-submenu-nav {
  margin-bottom: 8px;
}

.header-submenu-nav:last-child {
  margin-bottom: 0;
}

.header-submenu-nav li {
  display: flex;
  justify-content: flex-start;
}

.header-submenu-nav li.active > a {
  font-weight: 500;
  color: #7D3EF2;
}

.header-submenu-nav li.active > button path {
  fill: #7D3EF2;
}

.header-submenu-nav li > a {
  display: inline-block;
  padding: 8px 0;
  font-size: 16px;
  line-height: 1.25;
  color: #292C32;
}

.header-submenu-nav li > a.active {
  font-weight: 500;
  color: #7D3EF2;
}

.header-submenu-nav li > a.active + button path {
  fill: #7D3EF2;
}

.header-submenu-nav li > button {
  margin-left: 8px;
  padding-left: 8px;
}

.header-submenu-nav li > button svg {
  display: block;
}

.header-submenu-nav li > button path {
  fill: #292C32;
  transition: all ease-in-out 0.3s;
}

.header-submenu-nav .header-submenu-img {
  left: 0;
}

.header-submenu-subnav {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  padding-left: 40px;
  min-width: 420px;
  min-height: 210px;
  transition: all ease-in-out 0.3s;
  transform: translateX(24px);
  opacity: 0;
  visibility: hidden;
}

.header-submenu-subnav::before {
  content: "";
  position: absolute;
  left: 0;
  top: 36px;
  bottom: 0;
  z-index: 1;
  width: 1px;
  background-color: #EEEFF4;
}

.header-submenu .read-more {
  line-height: 1.25;
  color: #7D3EF2;
}

/***CONTENT***/
/*section*/
.section {
  padding-top: 120px;
  padding-bottom: 120px;
}

.section-sm {
  padding-top: 88px;
  padding-bottom: 88px;
}

.section-center .main-title,
.section-center .section-title {
  text-align: center;
}

.section-center .section-text {
  margin-left: auto;
  margin-right: auto;
  max-width: 920px;
  text-align: center;
}

.section-white {
  background-color: #ffffff;
}

.section-white .btn-category {
  background-color: #f9f9f9;
}

.section-white .btn-category:hover,
.section-white .btn-category:focus,
.section-white .btn-category.active {
  background-color: #7D3EF2;
}

.section-white .about-team-card {
  box-shadow: 0 8px 24px rgba(201, 201, 201, 0.25);
}

.section-white .about-team-card:hover,
.section-white .about-team-card:active {
  box-shadow: none;
}

.section-white .about-team-card:focus-visible {
  box-shadow: none;
}

.section-dark {
  color: #ffffff;
  background-color: #626262;
}

.section-dark .section-text,
.section-dark .section-title {
  color: #ffffff;
}

/*welcome*/
.welcome-middle {
  overflow: hidden;
  position: relative;
  height: 394px;
  background-position: center top;
  background-repeat: no-repeat;
}

.welcome-middle:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-color: #7D3EF2;
  opacity: 0.75;
}

.welcome-middle-no-bg::before {
  display: none;
}

.welcome-middle-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.welcome-middle-title {
  position: relative;
  z-index: 3;
  font-weight: 600;
  font-size: 60px;
  line-height: 1.3;
  text-align: center;
  color: #ffffff;
}

.welcome-middle-title span {
  font-weight: 700;
  font-size: 64px;
}

/*content*/
.content-inner {
  padding: 0 0 120px;
  background-color: #ffffff;
}

/*text-content*/
.breadcrumbs ~ .text-content {
  padding: 40px 0 0;
}

.text-content {
  font-size: 18px;
}

.text-content h2,
.text-content .h2 {
  margin-top: 64px;
  margin-bottom: 48px;
}

.text-content h2:first-child,
.text-content .h2:first-child {
  margin-top: 0;
}

.text-content h3,
.text-content .h3 {
  margin-top: 56px;
  margin-bottom: 40px;
}

.text-content h3:first-child,
.text-content .h3:first-child {
  margin-top: 0;
}

.text-content h4,
.text-content .h4 {
  margin-top: 56px;
  margin-bottom: 40px;
}

.text-content h4:first-child,
.text-content .h4:first-child {
  margin-top: 0;
}

.text-content h5,
.text-content .h5 {
  margin-top: 56px;
  margin-bottom: 40px;
}

.text-content h5:first-child,
.text-content .h5:first-child {
  margin-top: 0;
}

.text-content h6,
.text-content .h6 {
  margin-top: 48px;
  margin-bottom: 32px;
}

.text-content h6:first-child,
.text-content .h6:first-child {
  margin-top: 0;
}

.text-content p + p,
.text-content p + ul,
.text-content p + ol,
.text-content ol + p,
.text-content ul + p,
.text-content ol + ul,
.text-content ul + ol,
.text-content ul + ul,
.text-content ol + ol,
.text-content p + dl,
.text-content dl + p,
.text-content dl + dl,
.text-content ol + dl,
.text-content ul + dl,
.text-content dl + ul,
.text-content dl + ol {
  margin-top: 40px;
}

.text-content b,
.text-content strong {
  font-weight: 600;
}

.text-content li > strong + p,
.text-content li p + p {
  margin-top: 16px;
}

.text-content p + img,
.text-content p + figure,
.text-content ul + img,
.text-content ul + figure,
.text-content ol + img,
.text-content ol + figure,
.text-content dl + img,
.text-content dl + figure,
.text-content div + img,
.text-content div + figure {
  margin-top: 64px;
}

.text-content figure {
  margin-bottom: 64px;
}

.text-content figure:last-child {
  margin-bottom: 0;
}

.text-content figure img {
  margin-bottom: 0;
}

.text-content img {
  display: block;
  margin-bottom: 64px;
  max-width: 100%;
}

.text-content img:last-child {
  margin-bottom: 0;
}

.text-content-img-caption {
  margin-top: 8px;
  font-weight: 300;
  font-size: 12px;
}

.text-content-img-caption-center {
  text-align: center;
}

.text-content .img-main {
  margin-bottom: 96px;
}

.text-content .img-center {
  margin-left: auto;
  margin-right: auto;
}

.text-content .portfolio-section {
  margin-top: 72px;
}

.text-content .portfolio-section:first-child {
  margin-top: 0;
}

.text-content .section-title + .portfolio-section {
  padding-top: 0;
}

.text-content .mb-0 {
  margin-bottom: 0;
}

.text-content .mb-16 {
  margin-bottom: 16px;
}

.text-content .mt-24 {
  margin-top: 24px;
}

.text-content .text-link,
.text-content a {
  text-decoration: underline;
  color: #7D3EF2;
}

.text-content .text-link:hover,
.text-content a:hover,
.text-content .text-link:active,
.text-content a:active,
.text-content .text-link:focus,
.text-content a:focus {
  text-decoration: none;
  color: #7D3EF2;
}

.text-content .material-icons {
  vertical-align: text-bottom;
  margin-right: 8px;
  margin-left: 8px;
}

.text-content .material-icons:first-child {
  margin-left: 0;
}

.text-content .material-icons:last-child {
  margin-right: 0;
}

.text-content h4 .material-icons {
  position: relative;
  top: -2px;
}

.text-content q {
  font-style: italic;
}

.text-content table {
  margin-top: 40px;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.text-content table:first-child {
  margin-top: 0;
}

.text-content table th {
  padding: 8px 16px;
  font-weight: 500;
  text-align: left;
  border-bottom: 1px solid #d3d7e5;
}

.text-content table td {
  padding: 8px 16px;
  border-bottom: 1px solid #d3d7e5;
}

.text-content small {
  font-size: 14px;
}

.text-content ul:not([class]) li + li {
  margin-top: 24px;
}

.text-content .row {
  margin-top: 32px;
  margin-bottom: 32px;
}

.text-content .row:first-child {
  margin-top: 0;
}

.text-content .row:last-child {
  margin-bottom: 0;
}

.text-content ol + .btn,
.text-content ul + .btn,
.text-content p + .btn {
  margin-top: 32px;
}

.text-content .btn + ol,
.text-content .btn + ul,
.text-content .btn + p {
  margin-top: 40px;
}

/*card*/
.cards-row > div {
  margin-bottom: 32px;
}

.cards-row + .read-more {
  display: inline-block;
  margin-top: 24px;
}

.cards-row-sm > div {
  margin-bottom: 16px;
}

.cards-row-sm + .read-more {
  margin-top: 40px;
}

.cards-row-xl > div {
  margin-bottom: 56px;
}

.cards-row-xl + .read-more {
  margin-top: 0;
}

.cards-row-xxl > div {
  margin-bottom: 80px;
}

.cards-row-xxl + .read-more {
  margin-top: 0;
}

@supports (row-gap: 32px) {
  .cards-row {
    row-gap: 32px;
  }
  .cards-row > div {
    margin-bottom: 0;
  }
  .cards-row-sm {
    row-gap: 16px;
  }
  .cards-row-sm > div {
    margin-bottom: 0;
  }
  .cards-row-xl {
    row-gap: 56px;
  }
  .cards-row-xl > div {
    margin-bottom: 0;
  }
  .cards-row-xxl {
    row-gap: 80px;
  }
  .cards-row-xxl > div {
    margin-bottom: 0;
  }
  .cards-row + .read-more {
    margin-top: 56px;
  }
}
.card {
  display: block;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  border-radius: 16px;
  text-align: center;
  white-space: normal;
  background-color: #ffffff;
  box-shadow: 0 8px 24px rgba(201, 201, 201, 0.25);
  transition: all ease-in-out 0.3s;
}

.card-link {
  position: relative;
  display: block;
  padding: 48px 24px 56px;
}

.card-link-read-more {
  position: absolute;
  bottom: 32px;
  left: 0;
  right: 0;
  text-align: center;
}

.card-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.card-title {
  margin-bottom: 16px;
}

.card-text {
  font-size: 14px;
}

.card-glass {
  border-radius: 16px;
  border: 1px solid rgba(241, 228, 255, 0.5);
  padding: 40px 24px;
  height: 100%;
  color: #ffffff;
  background: radial-gradient(121.18% 95% at 4.71% 75.52%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  backdrop-filter: blur(15px);
}

.card-border {
  overflow: hidden;
  position: relative;
  border-radius: 8px 16px 16px 8px;
}

.card-border::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 8px;
  background-color: #7D3EF2;
}

/*categories*/
.categories-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-bottom: 48px;
}

/*tag*/
.tag {
  border-radius: 5px;
  padding: 8px 16px;
  font-size: 12px;
  color: #4B4F5C;
  background-color: #f9f9f9;
}

.tag-accent {
  border-radius: 5px;
  padding: 4px 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  color: #ffffff;
  background-color: #7D3EF2;
}

/*author*/
.author {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.author-photo {
  overflow: hidden;
  flex-shrink: 0;
  flex-grow: 0;
  margin-right: 16px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.author-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.author-content {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
}

.author-name {
  margin-bottom: 4px;
  line-height: 1.2;
  color: #292C32;
}

.author-name:last-child {
  margin-bottom: 0;
}

.author-position {
  color: #B1B4CC;
}

/*quote*/
.quote {
  padding-left: 96px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("./img/ico-quote.svg");
}

.section-dark .quote-card {
  padding: 56px 152px;
}

.section-dark .quote {
  background-image: url("./img/ico-quote-dark.svg");
}

/*slider*/
.swiper-wrapper {
  -webkit-filter: blur(0);
  filter: blur(0);
  perspective: 1200px;
}

.swiper-slide {
  min-height: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.default-slider-wrapper {
  position: relative;
  margin-left: -104px;
  margin-right: -104px;
  padding-left: 104px;
  padding-right: 104px;
}

.default-slider-wrapper .swiper-slide {
  box-sizing: border-box;
  text-align: left;
  cursor: grab;
}

.default-slider-wrapper .swiper-button {
  position: absolute;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin-top: -92px;
  width: 40px;
  height: 40px;
}

.default-slider-wrapper .swiper-button::after {
  display: none;
}

.default-slider-wrapper .swiper-button svg {
  display: block;
}

.default-slider-wrapper .swiper-button path {
  stroke: #7D3EF2;
}

.default-slider-wrapper .swiper-button:hover path,
.default-slider-wrapper .swiper-button:active path {
  stroke: #985bef;
}

.default-slider-wrapper .swiper-button:focus-visible path {
  stroke: #985bef;
}

.default-slider-wrapper .swiper-button.swiper-button-disabled {
  opacity: 1;
}

.default-slider-wrapper .swiper-button.swiper-button-disabled path {
  stroke: #D5D7E3;
}

.default-slider-wrapper .swiper-button-prev {
  left: 0;
}

.default-slider-wrapper .swiper-button-next {
  left: auto;
  right: 0;
}

.default-slider-wrapper .swiper-pagination {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 64px;
  opacity: 1;
}

.default-slider-wrapper .swiper-pagination-bullet {
  margin: 0 4px;
  width: 8px;
  height: 8px;
  background-color: #d3d7e5;
  opacity: 1;
}

.default-slider-wrapper .swiper-pagination-bullet:only-child {
  display: block !important;
}

.default-slider-wrapper .swiper-pagination-bullet:hover,
.default-slider-wrapper .swiper-pagination-bullet:active {
  background-color: #985bef;
}

.default-slider-wrapper .swiper-pagination-bullet:focus-visible {
  background-color: #985bef;
}

.default-slider-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #7D3EF2;
}

/*tabs*/
.nav-tabs {
  display: flex;
}

.nav-tabs .tabs-item {
  border-right: 1px solid #d3d7e5;
  border-bottom: 1px solid #d3d7e5;
  text-align: center;
}

.nav-tabs .tabs-item:last-child {
  border-right: none;
}

.nav-tabs .tabs-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid transparent;
  padding: 8px;
  height: 120px;
  font-size: 18px;
  line-height: 1.2;
}

.nav-tabs .tabs-item a:hover,
.nav-tabs .tabs-item a:active {
  font-weight: 600;
  color: #7D3EF2;
}

.nav-tabs .tabs-item a:focus-visible {
  font-weight: 600;
  color: #7D3EF2;
}

.nav-tabs .tabs-item.active {
  border-bottom-color: #7D3EF2;
}

.nav-tabs .tabs-item.active a {
  border-bottom-color: #7D3EF2;
  font-weight: 600;
  color: #7D3EF2;
}

/***HOME***/
.welcome {
  overflow: hidden;
  box-sizing: border-box;
  min-height: 480px;
  padding-top: 248px;
  height: 100vh;
  max-height: 1080px;
  background-image: url("https://pub-piesoft.s3.amazonaws.com/backgrounds/bg-home-welcome.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.welcome-info-col {
  padding-left: 84px;
}

.welcome-soc {
  position: absolute;
  top: 16px;
  left: 15px;
  z-index: 1;
}

.welcome-soc a {
  margin-bottom: 16px;
}

.welcome-soc a:last-child {
  margin-bottom: 0;
}

.welcome-text {
  margin-bottom: 56px;
  margin-top: 32px;
}

.welcome-to-bottom-btn {
  position: absolute;
  bottom: 32px;
  left: 50%;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-radius: 50%;
  padding-top: 2px;
  width: 48px;
  height: 48px;
  background-color: rgba(255, 255, 255, 0);
  transform: translateX(-50%);
  transition: all ease-in-out 0.3s;
}

.welcome-to-bottom-btn svg {
  display: block;
  will-change: transform;
  animation: welcome-to-bottom-btn 1.1s linear infinite;
}

.welcome-to-bottom-btn path {
  fill: #985bef;
}

.welcome-to-bottom-btn:hover,
.welcome-to-bottom-btn:focus {
  background-color: rgba(255, 255, 255, 0.3);
}

.welcome-to-bottom-btn:hover svg,
.welcome-to-bottom-btn:focus svg {
  animation-play-state: paused;
}

.welcome-to-bottom-btn:active {
  background-color: rgba(255, 255, 255, 0.5);
}

@keyframes welcome-to-bottom-btn {
  from {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-2px);
  }
  50% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(2px);
  }
  to {
    transform: translateY(0);
  }
}
.mission {
  overflow: hidden;
}

.mission-card {
  padding: 56px 104px;
  text-align: left;
}

.mission-card::before {
  width: 16px;
}

.mission-content {
  font-size: 18px;
}

.mission-content .author {
  margin-left: auto;
  max-width: 248px;
}

.mission-content .author-photo {
  margin-right: 24px;
  width: 72px;
  height: 72px;
}

.mission-content .author-name {
  color: #7D3EF2;
}

.mission-title,
.mission-text {
  margin-bottom: 32px;
}

.counter {
  overflow: hidden;
  background-image: url("https://pub-piesoft.s3.amazonaws.com/backgrounds/bg-counter.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.counter .section-title {
  margin-bottom: 56px;
}

.counter-card {
  padding: 24px;
  text-align: center;
}

.counter-card-title {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 56px;
  line-height: 1.2;
}

.counter-card-text {
  font-size: 18px;
}

.projects {
  overflow: hidden;
  position: relative;
  text-align: center;
}

.projects-tabs {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  background-color: #ffffff;
  box-shadow: 0 8px 24px rgba(201, 201, 201, 0.25);
}

.projects-tabs .tabs-item {
  width: 16.7%;
}

.projects-slider {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  box-shadow: 0 8px 24px rgba(201, 201, 201, 0.25);
}

.project-card {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}

.project-card-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .project-card-img {
    width: auto;
  }
}
.project-card-img-wrapper {
  border-bottom-left-radius: 16px;
  width: 50%;
  background-color: #f9f9f9;
}

.project-card-info {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-sizing: border-box;
  border-bottom-right-radius: 16px;
  padding: 40px 72px;
  width: 50%;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
}

.project-card .subtitle {
  margin-bottom: 48px;
}

.project-card-title {
  margin-bottom: 24px;
}

.project-card-description {
  margin-bottom: 80px;
  font-size: 18px;
  color: #4B4F5C;
}

.project-card-technologies {
  overflow: hidden;
  position: relative;
  margin-top: auto;
  margin-bottom: 24px;
  -ms-text-overflow: clip;
  text-overflow: clip;
  white-space: nowrap;
  min-height: 24px;
}

.project-card-technologies::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 92%, #ffffff 100%);
}

.project-card-technologies-item {
  display: inline-block;
  margin-right: 8px;
  font-size: 14px;
}

.project-card-technologies-item:last-child {
  margin-left: 0;
}

.project-card .read-more {
  font-weight: 500;
}

.project-card .read-more::after {
  display: none;
}

.advantages {
  overflow: hidden;
  position: relative;
}

.advantages-card {
  text-align: center;
}

.advantages-card-img {
  height: 144px;
}

.advantages-card-img img {
  display: block;
  margin: 0 auto;
}

.advantages-card-title {
  margin-bottom: 24px;
}

.testimonials {
  overflow: hidden;
  position: relative;
}

.testimonials-slider {
  margin-left: -15px;
  margin-right: -15px;
}

.testimonials .swiper-slide {
  padding-left: 15px;
  padding-right: 15px;
}

.testimonial {
  height: 100%;
}

.testimonial .row {
  height: 100%;
}

.testimonial-img {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 650px;
  height: 100%;
}

.testimonial-img img {
  display: block;
  max-width: 100%;
}

.testimonial-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
}

.testimonial .subtitle {
  margin-bottom: 24px;
}

.testimonial-title {
  margin-bottom: 32px;
}

.testimonial-rating {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 32px;
}

.testimonial-rating-total {
  margin-right: 16px;
  font-size: 18px;
  line-height: 1;
}

.testimonial-rating img {
  display: block;
}

.testimonial-text {
  margin-bottom: 40px;
  font-size: 18px;
}

.testimonial-text p {
  margin-bottom: 8px;
}

.testimonial-text p:last-child {
  margin-bottom: 0;
}

.testimonial-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
}

.testimonial-footer .author-photo {
  background-color: #ffffff;
}

.testimonial-footer .author-photo img {
  object-fit: contain;
}

.testimonial-footer .btn {
  flex-shrink: 0;
  flex-grow: 0;
}

.testimonial-footer .btn:only-child {
  margin-left: auto;
}

.latest-news {
  text-align: center;
}

.awards {
  background-color: #f9f9f9;
}

.awards .default-slider-wrapper {
  margin-left: -12px;
  margin-right: -12px;
}

.awards .swiper-button {
  margin-top: -54px;
}

.awards .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.awards .expertise img {
  width: 150px !important;
  height: auto !important;
}

.awards .good-firms img {
  display: block;
  width: 320px !important;
  height: auto !important;
}

.awards .clutch-widget {
  max-width: 200px;
}

/***ABOUT***/
.about-main-img img {
  display: block;
  max-width: 100%;
}

.about-main-info .section-title,
.about-main-info .section-text {
  margin-left: auto;
  margin-right: auto;
  max-width: 480px;
}

.cd-h-timeline {
  opacity: 0;
  transition: opacity 0.2s;
}

.cd-h-timeline--loaded {
  opacity: 1;
}

.cd-h-timeline__container {
  position: relative;
  height: 100px;
}

.cd-h-timeline__dates {
  position: relative;
  height: 100%;
  margin: 0 100px;
  overflow: hidden;
}

@media (max-width: 991px) {
  .cd-h-timeline__dates {
    margin: 0 56px;
  }
}
@media (max-width: 767px) {
  .cd-h-timeline__dates {
    margin: 0 32px;
  }
}
@media (max-width: 480px) {
  .cd-h-timeline__dates {
    margin: 0;
  }
}
.cd-h-timeline__dates::after,
.js .cd-h-timeline__dates::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
}

.cd-h-timeline__dates::before {
  left: 0;
  background: linear-gradient(to right, #f9f9f9, hsla(0, 0%, 97%, 0));
}

.cd-h-timeline__dates::after {
  right: 0;
  background: linear-gradient(to left, #f9f9f9, hsla(0, 0%, 97%, 0));
}

.cd-h-timeline__line {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  background-color: #d3d7e5;
  transition: transform 0.4s;
}

.cd-h-timeline__filling-line {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #7D3EF2;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.3s;
}

.cd-h-timeline__date {
  position: absolute;
  bottom: 0;
  z-index: 2;
  padding-bottom: 32px;
  font-size: 18px;
  line-height: 1;
  text-align: center;
  color: #4B4F5C;
  user-select: none;
  text-decoration: none;
}

.cd-h-timeline__date::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -9px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  border-color: #d3d7e5;
  background-color: #f9f9f9;
  transition: background-color 0.3s, border-color 0.3s;
}

.cd-h-timeline__date:hover::after {
  background-color: #7D3EF2;
  border-color: #7D3EF2;
}

.cd-h-timeline__date--selected {
  color: #7D3EF2;
  pointer-events: none;
}

.cd-h-timeline__date--selected::after {
  background-color: #7D3EF2;
  border-color: #7D3EF2;
}

.cd-h-timeline__date--older-event::after {
  border-color: #7D3EF2;
}

.cd-h-timeline__navigation {
  position: absolute;
  top: 50%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  transform: translateY(-50%);
}

.cd-h-timeline__navigation svg {
  display: block;
}

.cd-h-timeline__navigation path {
  stroke: #7D3EF2;
}

.cd-h-timeline__navigation--prev {
  left: 0;
}

.cd-h-timeline__navigation--next {
  right: 0;
}

@media (max-width: 767px) {
  .cd-h-timeline__navigation--prev {
    left: -12px;
  }
  .cd-h-timeline__navigation--next {
    right: -12px;
  }
}
.cd-h-timeline__navigation--inactive {
  cursor: default;
}

.cd-h-timeline__navigation--inactive path {
  stroke: #d3d7e5;
}

.cd-h-timeline__navigation--inactive path {
  stroke: #d3d7e5;
}

.cd-h-timeline__events {
  position: relative;
  width: 100%;
  overflow: hidden;
  transition: height 0.4s;
}

.cd-h-timeline__event {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
  padding: 1px 100px;
  opacity: 0;
  animation-duration: 0.4s;
  animation-timing-function: ease-in-out;
  transform: translateX(-100%);
}

@media (max-width: 480px) {
  .cd-h-timeline__navigation-container {
    display: none;
  }
}
@media (max-width: 991px) {
  .cd-h-timeline__event {
    padding: 1px 56px;
  }
}
@media (max-width: 767px) {
  .cd-h-timeline__event {
    padding: 1px 32px;
  }
}
@media (max-width: 480px) {
  .cd-h-timeline__event {
    padding: 1px 0;
  }
}
.cd-h-timeline__event--selected {
  position: relative;
  z-index: 2;
  opacity: 1;
  transform: translateX(0);
}

.cd-h-timeline__event--enter-right {
  animation-name: cd-enter-right;
}

.cd-h-timeline__event--enter-left {
  animation-name: cd-enter-left;
}

.cd-h-timeline__event--leave-right {
  animation-direction: reverse;
}

@keyframes cd-enter-right {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
.about-story {
  padding-bottom: 80px;
}

.about-story .cd-h-timeline__event {
  padding-bottom: 40px;
}

.about-story .cd-h-timeline__event:last-child .about-story-card {
  font-weight: 500;
  text-align: center;
}

.about-story .cd-h-timeline__event:last-child .about-story-card .btn {
  margin-top: 32px;
}

.about-story-card {
  padding: 48px 32px;
  text-align: left;
}

.about-story-card .h4 {
  margin-bottom: 16px;
}

.about-story-card p {
  margin-bottom: 16px;
  font-size: 18px;
}

.about-story-card p:last-child {
  margin-bottom: 0;
}

.about-story-card li + li {
  margin-top: 16px;
}

.about-story + .about-models .about-models-card-content {
  align-items: center;
  text-align: center;
}

.about-models-card {
  position: relative;
  height: 100%;
  perspective: 900px;
  min-height: 280px;
  background-color: transparent;
  cursor: pointer;
}

.about-models-card-main {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  padding: 64px 32px;
  height: 100%;
  background-color: #ffffff;
  opacity: 1;
  transform-origin: 50% 50%;
  transform: rotateY(0);
  transition: all 0.35s ease-in-out;
}

.about-models-card img {
  flex-shrink: 0;
  flex-grow: 0;
  display: block;
}

.about-models-card-title {
  margin-top: 32px;
}

.about-models-card-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  visibility: hidden;
  border-radius: 16px;
  padding: 24px;
  height: 100%;
  font-size: 18px;
  text-align: left;
  color: #ffffff;
  background-color: #7D3EF2;
  opacity: 0;
  backface-visibility: hidden;
  transform: rotateY(-90deg);
  transition: all 0.35s ease 0.35s;
}

.about-models-card-content p {
  margin-bottom: 8px;
}

.about-models-card-content p:last-child {
  margin-bottom: 0;
}

.about-models-card-content p a {
  font-weight: 600;
  text-decoration: underline;
  color: #ffffff;
}

.about-models-card-content p a:hover,
.about-models-card-content p a:active {
  text-decoration: none;
}

.about-models-card-content .marker-list li::before {
  background-color: #ffffff;
}

.about-models-card-content .marker-list li + li {
  margin-top: 8px;
}

.about-team {
  background-image: linear-gradient(89.74deg, #5A3FFF -25.11%, #7F33F2 19.69%, #9268E6 90.88%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}

.about-team .profession-card {
  box-shadow: 0 4px 24px rgba(107, 2, 255, 0.3);
  backdrop-filter: blur(7px);
}

.profession-card {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  padding: 32px 40px;
  height: 100%;
}

.profession-card img {
  display: block;
}

.profession-card-title {
  margin-bottom: 16px;
  margin-top: 24px;
  transition: all ease-in-out 0.3s;
}

.profession-card .read-more {
  margin-top: auto;
}

.profession-card:hover,
.profession-card:active {
  box-shadow: none;
}

.profession-card:hover .view-more,
.profession-card:active .view-more {
  color: #985bef;
}

.profession-card:focus-visible {
  box-shadow: none;
}

.profession-card:focus-visible .view-more {
  color: #985bef;
}

.profession-card-h {
  flex-direction: row;
  padding: 40px 24px;
  text-align: left;
}

.profession-card-h img {
  margin-right: 24px;
}

.profession-card-h .profession-card-title {
  margin-top: 0;
  margin-bottom: 24px;
}

.profession-card-h-sm {
  padding: 16px 32px;
  min-height: 132px;
}

.profession-card-h-sm .profession-card-title {
  margin-bottom: 16px;
}

.about-map .section-text {
  font-weight: 600;
  font-size: 24px;
}

.about-map-img {
  padding-top: 24px;
}

.about-map-img img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  width: auto !important;
  height: auto !important;
}

/***TEAM PAGES***/
.domains-row .col-6 {
  margin-top: 32px;
}

.domains-row .col-6:nth-child(1),
.domains-row .col-6:nth-child(2),
.domains-row .col-6:nth-child(3),
.domains-row .col-6:nth-child(4) {
  margin-top: 0;
}

.domains-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 32px 16px 40px;
  height: 100%;
}

.domains-card img {
  display: block;
  margin-bottom: 24px;
}

.consultation .h4 {
  margin-bottom: 32px;
}

.consultation .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.consultation-content {
  padding-right: 64px;
}

.consultation-content .section-text {
  margin-bottom: 0;
}

.consultation-content .section-text p {
  margin-bottom: 16px;
}

.consultation-content .section-text p:last-child {
  margin-bottom: 0;
}

.consultation .btn {
  flex-shrink: 0;
  flex-grow: 0;
  min-width: 192px;
}

.team-projects {
  background-color: #ffffff;
}

.team-projects-card {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  text-align: left;
}

.team-projects-card .tag-accent {
  position: absolute;
  right: 32px;
  top: 32px;
  z-index: 1;
}

.team-projects-card-img-wrapper {
  overflow: hidden;
  flex-shrink: 0;
  flex-grow: 0;
  height: 240px;
}

.team-projects-card-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.team-projects-card-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-shrink: 1;
  flex-grow: 1;
  padding: 24px 32px 32px;
}

.team-projects-card-title {
  margin-bottom: 8px;
  transition: all ease-in-out 0.3s;
}

.team-projects-card-text {
  margin-bottom: 24px;
}

.team-projects-card .view-more,
.team-projects-card .read-more {
  margin-top: auto;
}

.team-projects-card:hover,
.team-projects-card:active {
  box-shadow: none;
}

.team-projects-card:hover .team-projects-card-title,
.team-projects-card:active .team-projects-card-title {
  color: #7D3EF2;
}

.team-projects-card:hover .view-more,
.team-projects-card:active .view-more {
  color: #985bef;
}

.team-projects-card:focus-visible {
  box-shadow: none;
}

.team-projects-card:focus-visible .team-projects-card-title {
  color: #7D3EF2;
}

.team-projects-card:focus-visible .view-more {
  color: #985bef;
}

.team-projects-total-card {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  padding: 96px 32px;
  height: 100%;
  color: #ffffff;
  background-color: #7D3EF2;
}

.team-projects-total-card-title {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 48px;
  line-height: 1.2;
}

.team-projects-total-card-subtitle {
  margin-bottom: 32px;
  font-weight: 600;
  font-size: 18px;
}

.team-projects-total-card-text {
  margin-bottom: 40px;
  max-width: 200px;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
}

.team-projects-total-card .read-more {
  margin-top: auto;
  color: #ffffff;
}

.team-projects-total-card .read-more::after {
  color: #ffffff;
}

.team-projects-total-card:hover .read-more:after,
.team-projects-total-card:active .read-more:after {
  right: -6px;
}

.team-projects-total-card:focus-visible .read-more:after {
  right: -6px;
}

.team-help-btns {
  display: flex;
  justify-content: center;
}

.team-help-btns .btn {
  margin-right: 40px;
  min-width: 192px;
}

.team-help-btns .btn:last-child {
  margin-right: 0;
}

.section-cards-border .card-border {
  padding: 32px 32px 32px 40px;
  height: 100%;
  text-align: left;
}

.section-cards-border .card-border .h4 {
  margin-bottom: 16px;
}

.section-cards-border .card-border .h4:last-child {
  margin-bottom: 0;
  color: #4B4F5C;
}

.section-cards-border-sm .card-border {
  display: flex;
  align-items: center;
  padding: 16px 48px;
  min-height: 80px;
}

.section-cards .card {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 32px;
  min-height: 128px;
  height: 100%;
}

.section-cards .card .h4:last-child {
  margin-bottom: 0;
  color: #4B4F5C;
}

.section-lists-with-titles .h4 {
  margin-bottom: 24px;
}

.section-lists-with-titles .h6 {
  margin-bottom: 16px;
}

.section-lists-with-titles .row p {
  margin-bottom: 16px;
  font-size: 18px;
}

.section-lists-with-titles .row p.h6 {
  margin-bottom: 24px;
}

.section-lists-with-titles .row p:last-child {
  margin-bottom: 0;
}

.section-lists-with-titles .marker-list li + li {
  margin-top: 16px;
}

.section-lists-with-titles .marker-list + .h6 {
  margin-top: 32px;
}

.section-lists-with-titles .marker-list + .h4 {
  margin-top: 48px;
}

.section-lists-with-titles .marker-list + p {
  margin-top: 24px;
}

.section-numbers p {
  max-width: 400px;
  font-size: 18px;
}

.section-numbers p.section-numbers-step {
  position: relative;
  margin-bottom: 16px;
  padding-bottom: 16px;
  font-weight: 600;
  font-size: 48px;
  line-height: 1;
  color: #7D3EF2;
}

.section-numbers p.section-numbers-step::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  height: 1px;
  width: 136px;
  background-color: #DEE0F4;
}

.section-numbers-sm .h4 {
  margin-bottom: 16px;
}

.section-numbers-sm .row p:not(.section-numbers-step):not(.h6) {
  max-width: 520px;
  font-size: 16px;
}

.section-numbers-sm .row p:not(.section-numbers-step):not(.h6) + p:not(.section-numbers-step):not(.h6) {
  margin-top: 8px;
}

.section-numbers-sm .row p:not(.section-numbers-step):not(.h6) + ul {
  margin-top: 16px;
}

.section-numbers-sm ul {
  margin-bottom: 16px;
}

.section-numbers-sm ul li + li {
  margin-top: 8px;
}

.section-numbers-sm ul:last-child {
  margin-bottom: 0;
}

.section-numbers-sm p.section-numbers-step {
  margin-bottom: 24px;
}

.section-numbers-sm .h6 {
  margin-top: 24px;
  margin-bottom: 16px;
}

.section-accordion .h4 {
  margin-bottom: 24px;
}

.section-accordion-item {
  border-bottom: 1px solid #DEE0F4;
}

.section-accordion-item:last-child {
  border-bottom: none;
}

.section-accordion-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 0;
  width: 100%;
  font-weight: 500;
  font-size: 18px;
  text-align: left;
  color: #292C32;
}

.section-accordion-btn span {
  margin-right: 16px;
}

.section-accordion-btn svg {
  display: block;
  flex-shrink: 0;
  flex-grow: 0;
  transition: all ease-in-out 0.3s;
}

.section-accordion-btn svg path {
  stroke: #DEE0F4;
  transition: all ease-in-out 0.3s;
}

.section-accordion-btn:hover,
.section-accordion-btn:active {
  color: #7D3EF2;
}

.section-accordion-btn:hover svg path,
.section-accordion-btn:active svg path {
  stroke: #7D3EF2;
}

.section-accordion-btn:focus-visible {
  color: #7D3EF2;
}

.section-accordion-btn:focus-visible svg path {
  stroke: #7D3EF2;
}

.section-accordion-btn[aria-expanded=true] {
  color: #7D3EF2;
}

.section-accordion-btn[aria-expanded=true] svg {
  transform: rotate(180deg);
}

.section-accordion-btn[aria-expanded=true] svg path {
  stroke: #7D3EF2;
}

.section-accordion-content-in {
  padding-bottom: 24px;
  font-size: 18px;
}

.section-accordion-content-in .marker-list + .h5,
.section-accordion-content-in .marker-list + .h6,
.section-accordion-content-in p + .h5,
.section-accordion-content-in p + .h6 {
  margin-top: 24px;
}

.section-accordion-content-in p {
  margin-bottom: 16px;
}

.section-accordion-content-in p:last-child {
  margin-bottom: 0;
}

.section-accordion-content-in li + li {
  margin-top: 16px;
}

.section-accordion .col-lg-6:nth-child(odd) {
  padding-right: 63px;
}

.section-accordion .col-lg-6:nth-child(even) {
  padding-left: 63px;
}

.section-accordion .container > .section-accordion-item .section-accordion-content-in p {
  max-width: 800px;
}

.section-cards-lists .card {
  padding: 32px 24px;
  height: 100%;
  text-align: left;
}

.section-cards-lists .card .h4 {
  margin-bottom: 24px;
}

.section-cards-lists .card p,
.section-cards-lists .card ul {
  margin-bottom: 16px;
  font-size: 18px;
}

.section-cards-lists .card p:last-child,
.section-cards-lists .card ul:last-child {
  margin-bottom: 0;
}

.section-cards-lists .card li + li {
  margin-top: 16px;
}

.section-tabs .tabs-wrapper {
  border-radius: 16px;
  background-color: #ffffff;
  box-shadow: 0 8px 24px rgba(201, 201, 201, 0.25);
}

.section-tabs .tab-content-in {
  padding: 48px 112px 48px 48px;
}

.section-tabs .tab-content-in .row > div {
  margin-bottom: 32px;
}

.section-tabs .tab-content-in h4,
.section-tabs .tab-content-in .h4 {
  margin-bottom: 24px;
}

.section-tabs .tab-content-in h4 + .marker-list,
.section-tabs .tab-content-in .h4 + .marker-list {
  margin-top: -8px;
}

.section-tabs .tab-content-in p {
  margin-bottom: 16px;
}

.section-tabs .tab-content-in p:last-child {
  margin-bottom: 0;
}

.section-tabs .tab-content-in .marker-list {
  margin-top: 32px;
}

.section-tabs .tab-content-in .marker-list li + li {
  margin-top: 16px;
}

.section-tabs .tabs-item {
  width: 33.3333333333%;
}

@supports (row-gap: 32px) {
  .section-tabs .tab-content-in .row {
    row-gap: 32px;
  }
  .section-tabs .tab-content-in .row > div {
    margin-bottom: 0;
  }
}
.section-cards-numbers .card {
  padding: 32px;
}

.section-cards-numbers-amount {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 56px;
  line-height: 1;
  color: #7D3EF2;
}

.section-cards-numbers-amount:last-child {
  margin-bottom: 0;
}

.section-cards-numbers .h4 {
  margin-bottom: 8px;
}

.section-cards-numbers .h4:last-child {
  margin-bottom: 0;
}

.section-cards-numbers p:not(.section-cards-numbers-amount) {
  margin-left: auto;
  margin-right: auto;
  max-width: 410px;
  font-size: 18px;
  line-height: 1.2;
}

.section-cards-numbers p:not(.section-cards-numbers-amount) strong {
  font-weight: 500;
  color: #292C32;
}

.section-cards-numbers-left .card {
  padding: 32px 40px 32px 32px;
  height: 100%;
  text-align: left;
}

.section-cards-numbers-left p {
  font-size: 18px;
}

.section-cards-numbers-left p.section-numbers-step {
  position: relative;
  margin-bottom: 16px;
  padding-bottom: 16px;
  font-weight: 600;
  font-size: 48px;
  line-height: 1;
  color: #7D3EF2;
}

.section-cards-numbers-left p.section-numbers-step::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  height: 1px;
  width: 136px;
  background-color: #DEE0F4;
}

.section-cards-numbers-left p + img {
  margin-top: 24px;
}

.section-cards-numbers-left img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.section-img .container > img {
  display: block;
  margin: auto;
  max-width: 100%;
}

.section-img-half .col-lg-6:last-child {
  padding-left: 32px;
}

.section-img-half-reverse .row {
  flex-direction: row-reverse;
}

.section-img-half-reverse .col-lg-6:last-child {
  padding-left: 0;
  padding-right: 32px;
}

.section-img-half .row {
  align-items: center;
}

.section-img-half img {
  display: block;
  max-width: 100%;
}

.section-img-half p {
  text-align: left;
  margin-bottom: 16px;
}

.section-img-half .h4 {
  margin-bottom: 32px;
}

.section-img-half p.h6 {
  margin-bottom: 16px;
}

/***CAREERS***/
.careers-locations {
  display: flex;
  justify-content: space-between;
}

.careers-locations-item img {
  display: block;
  margin: 0 auto 32px;
}

.careers-locations-item .h4 {
  text-align: center;
}

.careers-reviews .swiper-button {
  margin-top: -64px;
}

.review {
  height: 100%;
}

.review-img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.review-img img {
  display: block;
  max-width: 100%;
}

.review-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.review-title {
  margin-bottom: 16px;
}

.review-text {
  margin-bottom: 48px;
  font-size: 18px;
}

.review-text p {
  margin-bottom: 8px;
}

.review-text p:last-child {
  margin-bottom: 0;
}

.review .author-name {
  color: #7D3EF2;
}

/***CAREER-PAGE***/
.career-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 18px;
  color: #ffffff;
}

.career-info-item {
  margin-right: 56px;
  padding-left: 32px;
  background-repeat: no-repeat;
}

.career-info-item:last-child {
  margin-right: 0;
}

.career-info-item-location {
  background-image: url("./img/ico-location.svg");
}

.career-info-item-time {
  background-image: url("./img/ico-time.svg");
}

/***SERVICES***/
.services-card {
  display: flex;
  flex-direction: column;
  padding: 28px 32px 32px;
  height: 100%;
  text-align: left;
}

.services-card-img {
  margin-left: 0;
  margin-bottom: 32px;
}

.services-card-title {
  margin-bottom: 24px;
}

.services-card-title a:hover,
.services-card-title a:active {
  color: #7D3EF2;
}

.services-card .marker-list {
  margin-bottom: 40px;
}

.services-card .marker-list li {
  font-size: 18px;
}

.services-card .marker-list li:last-child {
  margin-bottom: 0;
}

.services-card .marker-list li a {
  text-decoration: underline;
}

.services-card .marker-list li a:hover,
.services-card .marker-list li a:active {
  color: #7D3EF2;
}

.services-card .read-more {
  margin-top: auto;
}

/***PORTFOLIO***/
.tip {
  margin-top: 24px;
  margin-bottom: 24px;
  border-radius: 8px;
  padding: 24px;
}

.tip:first-child {
  margin-top: 0;
}

.tip:last-child {
  margin-bottom: 0;
}

.tip--info {
  background-color: #F4FAFF;
}

.tip--fail {
  background-color: #FFE8EA;
}

.tip--warning {
  background-color: #FFFBD5;
}

.tip--ok {
  background-color: #EBFFE9;
}

.tip li + li,
.tip p + p,
.tip p + ul,
.tip ul + p,
.tip ul + ul {
  margin-top: 16px;
}

.tip h6,
.tip .h6 {
  margin-top: 32px;
  margin-bottom: 24px;
}

.tip h6:first-child,
.tip .h6:first-child {
  margin-top: 0;
}

.tip h6:last-child,
.tip .h6:last-child {
  margin-bottom: 0;
}

.marker {
  position: relative;
  padding-left: 30px;
}

.marker::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  z-index: 1;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
}

.marker--info::before {
  background-image: url("./img/marker-info.svg");
}

.marker--ok::before {
  background-image: url("./img/marker-ok.svg");
}

.marker--fail::before {
  background-image: url("./img/marker-fail.svg");
}

.marker--warning::before {
  background-image: url("./img/marker-warning.svg");
}

.audit-site {
  margin-bottom: 32px;
  padding-top: 56px;
  font-size: 24px;
}

.audit-score {
  text-align: center;
}

.audit-score strong {
  font-size: 24px;
}

.audit-score-ico {
  display: block;
  margin: 0 auto 16px;
}

.text-content--audit p {
  max-width: 890px;
}

.text-content--audit .marker + .row,
.text-content--audit .marker + img {
  margin-top: 16px;
}

/***NEWS***/
.welcome-middle-news:before {
  display: none;
}

.news-card {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
}

.news-card-img-wrapper {
  overflow: hidden;
  flex-shrink: 0;
  flex-grow: 0;
  height: 180px;
}

.news-card-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-card-content {
  overflow: hidden;
  position: relative;
  flex-shrink: 1;
  flex-grow: 1;
  box-sizing: border-box;
  padding: 32px 32px 72px;
  text-align: left;
}

.news-card-content::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  height: 72px;
  background-color: #ffffff;
}

.news-card-title {
  overflow: hidden;
  display: block;
  display: -webkit-box;
  min-height: 34px;
  max-height: 58px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.news-card-date {
  position: absolute;
  left: 32px;
  right: 32px;
  bottom: 31px;
  z-index: 2;
  font-size: 12px;
  line-height: 0.9;
  color: #888ea6;
}

.news-card-date::before {
  content: "\e192";
  position: relative;
  top: -1px;
  display: inline-block;
  vertical-align: middle;
  padding-right: 4px;
  font-size: 18px;
  line-height: 1;
  font-family: "Material Icons", sans-serif;
  opacity: 0.6;
}

.news-card-tag {
  position: absolute;
  right: 32px;
  bottom: 24px;
  z-index: 2;
  padding: 8px;
  color: #4D505C;
}

.news-card:hover {
  box-shadow: none;
}

.news-date {
  margin-top: 40px;
  font-size: 14px;
  color: #888ea6;
}

.try {
  margin-top: 56px;
  text-align: center;
}

.try-title {
  margin-bottom: 32px;
  font-weight: 700;
  font-size: 24px;
}

/***CONTACT US***/
.contact-content {
  padding-top: 56px;
  padding-bottom: 56px;
}

.contact-title {
  margin-bottom: 24px;
}

.contact-form {
  position: relative;
  padding: 56px 48px 80px;
  box-shadow: none;
}

.contact-form-text {
  margin-bottom: 24px;
}

.avatar {
  display: block;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  border: 5px solid #ffffff;
  box-shadow: 0 6px 16px 0 rgba(125, 62, 242, 0.1);
}

.sales-department {
  margin-top: 56px;
}

.sales-department-title {
  margin-bottom: 32px;
  font-weight: 600;
  font-size: 16px;
}

.sales-manager {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  max-width: 570px;
}

.sales-manager + .sales-manager {
  margin-top: 16px;
}

.sales-manager-info {
  box-sizing: border-box;
  flex-basis: 32.5%;
  max-width: 195px;
}

.sales-manager-photo {
  margin-bottom: 16px;
  width: 90px;
  height: 90px;
}

.sales-manager-name {
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  color: #4B4F5C;
}

.sales-manager-position {
  font-size: 14px;
  text-align: center;
  color: #888ea6;
}

.sales-manager-contacts {
  flex-basis: 67.5%;
  padding: 40px 30px 40px 45px;
  background-image: url("./img/sales-manager-border.svg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.sales-manager-phone {
  margin: 0 auto 20px;
  max-width: 260px;
}

.sales-manager-phone-link {
  border-bottom: 1px solid transparent;
  font-weight: 600;
  font-size: 30px;
  line-height: 1;
  color: #4B4F5C;
}

.sales-manager-phone-link:hover,
.sales-manager-phone-link:active,
.sales-manager-phone-link:focus {
  border-bottom: 1px solid currentColor;
}

.sales-manager-email {
  margin: 0 auto;
  max-width: 260px;
}

.sales-manager-email-link {
  display: inline-block;
  border-bottom: 1px solid currentColor;
  font-weight: 500;
  font-size: 24px;
  line-height: 1;
  color: #7D3EF2;
}

.sales-manager-email-link:hover,
.sales-manager-email-link:active,
.sales-manager-email-link:focus {
  border-bottom: 1px solid transparent;
}

/*form*/
.btn-submit {
  display: block;
  margin-top: 32px;
  width: 100%;
}

.form-group {
  position: relative;
  margin-bottom: 24px;
  padding-top: 15px;
}

.form-group-textarea .label {
  top: 14px;
}

.form-control {
  display: block;
  box-sizing: border-box;
  border: none;
  border-bottom: 1px solid #d3d7e5;
  padding: 0 24px 0 0;
  width: 100%;
  height: 40px;
  font-size: 16px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  color: #4B4F5C;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 24px 24px;
  transition: all ease-in-out 0.1s;
}

.form-control:focus {
  border-bottom: 1px solid #8c43f3;
  color: #4B4F5C;
}

.label {
  position: absolute;
  left: 0;
  top: 23px;
  font-weight: 500;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  color: #888ea6;
  transition: all ease-in-out 0.3s;
  cursor: text;
}

.label-required:after {
  content: "*";
  padding-left: 5px;
}

.label.focus {
  top: 0;
  font-size: 12px;
  color: #8c43f3;
}

textarea.form-control {
  padding-top: 10px;
  height: 85px;
  background-position: right top;
}

.form-disclaimer {
  font-size: 12px;
  text-align: left;
}

.form-disclaimer a {
  text-decoration: underline;
}

.form-disclaimer a:hover,
.form-disclaimer a:active {
  color: #7D3EF2;
}

.card-glass .label {
  color: #ffffff;
}

.card-glass .label.focus {
  color: rgba(255, 255, 255, 0.5);
}

.card-glass .form-control {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  color: #ffffff;
  background-color: transparent;
}

.card-glass .form-control:focus {
  color: #ffffff;
}

.card-glass .has-success .form-control {
  color: #ffffff;
}

.card-glass .has-success .form-control:focus,
.card-glass .has-success .form-control:focus {
  color: #ffffff;
}

/*=INVITATION=*/
/*=FOOTER=*/
/***MODALS***/
.modal-backdrop {
  background-color: #4B4F5C;
}

.modal-backdrop.in {
  opacity: 0.7;
}

.modal-dialog {
  margin-right: auto;
  margin-left: auto;
  border-radius: 10px;
  border: none;
  width: 98%;
  max-width: 1136px;
  background-color: transparent;
  box-shadow: none;
}

.modal-content {
  border-radius: 16px;
  border: none;
  padding: 64px;
  background-color: #ffffff;
  box-shadow: 0 8px 24px rgba(201, 201, 201, 0.25);
}

button.modal-close {
  position: absolute;
  top: 32px;
  right: 32px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: transparent;
}

button.modal-close svg {
  display: block;
}

button.modal-close path {
  fill: #D5D7E3;
}

button.modal-close:hover path,
button.modal-close:active path {
  fill: #7D3EF2;
}

.popup-img {
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup-img img {
  display: block;
  max-width: 100%;
}

.popup-content {
  padding-left: 48px;
  padding-right: 48px;
}

.popup .h4 {
  margin-bottom: 32px;
}

.popup-contacts {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
}

.popup-contacts-item {
  width: 50%;
}

.popup-contacts-item a {
  font-weight: 500;
  color: #4B4F5C;
  background-repeat: no-repeat;
  background-position: left center;
}

.popup-contacts-item a:hover,
.popup-contacts-item a:active {
  color: #7D3EF2;
}

.popup-contacts-item a:focus-visible {
  color: #7D3EF2;
}

.popup-contacts-tel a {
  padding-left: 24px;
  background-image: url("./img/ico-tel-dark.svg");
}

.popup-contacts-tel a:hover,
.popup-contacts-tel a:active {
  background-image: url("./img/ico-tel-purple.svg");
}

.popup-contacts-tel a:focus-visible {
  background-image: url("./img/ico-tel-purple.svg");
}

.popup-contacts-email a {
  padding-left: 27px;
  background-image: url("./img/ico-email-dark.svg");
}

.popup-contacts-email a:hover,
.popup-contacts-email a:active {
  background-image: url("./img/ico-email-purple.svg");
}

.popup-contacts-email a:focus-visible {
  background-image: url("./img/ico-email-purple.svg");
}

/***IE-NOTIFICATION***/
.ie-notification {
  position: fixed;
  top: 4px;
  right: 4px;
  z-index: 13;
  border: 1px solid #D32F2F;
  border-radius: 6px;
  padding: 24px 40px 24px 48px;
  max-width: 420px;
  background-color: #FFE7E9;
}

.ie-notification-subtitle {
  position: absolute;
  left: 24px;
  top: 24px;
  font-weight: 700;
  font-size: 24px;
  line-height: 0.8;
  color: #D32F2F;
}

.ie-notification-title {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #D32F2F;
}

.ie-notification-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #4B4F5C;
}

.ie-notification-close {
  position: absolute;
  top: 16px;
  right: 16px;
}

.ie-notification-close img {
  display: block;
}

/*==========RESPONSIVE==========*/
@media (min-height: 1080px) {
  /***HOME***/
  .welcome {
    padding-top: 300px;
  }
}
@media (max-height: 700px) {
  /***HOME***/
  .welcome {
    padding-top: 180px;
  }
}
@media (max-width: 1400px) {
  /***CONTENT***/
  /*slider*/
  .default-slider-wrapper {
    margin-left: -64px;
    margin-right: -64px;
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media (max-width: 1300px) {
  /***CONTENT***/
  /*slider*/
  .default-slider-wrapper {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .default-slider-wrapper .swiper-button {
    display: none;
  }
  /***HOME***/
  .welcome {
    height: calc(100vh - 40px);
  }
  .awards .default-slider-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 1200px) and (max-height: 660px) {
  /***HOME***/
  .welcome {
    position: relative;
    padding-top: 180px;
  }
  .welcome-to-bottom-btn {
    display: none;
  }
}
@media (min-width: 1200px) {
  .header-menu-item:hover > .header-submenu-wrapper {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .header-submenu-nav li .header-submenu-img {
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out 0.3s;
  }
  .header-submenu-nav li:hover > a {
    font-weight: 500;
    color: #7D3EF2;
  }
  .header-submenu-nav li:hover > button path {
    fill: #7D3EF2;
  }
  .header-submenu-nav li:hover > .header-submenu-img {
    opacity: 1;
    visibility: visible;
  }
  .header-submenu-nav li:hover > .header-submenu-subnav {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .news-card-date {
    font-size: 10px;
  }
  .news-card-date::before {
    padding-right: 0;
  }
  .news-card-tag {
    padding: 8px;
    font-size: 10px;
  }
}
@media (max-width: 1199px) {
  body.inner .page-wrapper {
    padding-top: 72px;
  }
  body.inner .header-menu-link.active::after {
    display: none;
  }
  /*=TEXT=*/
  .main-title {
    font-size: 38px;
  }
  /***CONTENT***/
  /*tabs*/
  .nav-tabs .tabs-item a {
    height: 96px;
  }
  /*=HEADER=*/
  .header-container {
    position: relative;
  }
  .header-logo {
    display: inline-block;
    margin-left: 56px;
    padding: 20px 0;
    transition: all ease-in-out 0.1s;
  }
  .header-logo-img {
    display: block;
    width: 150px;
    height: auto;
  }
  .header-nav-btn {
    position: absolute;
    top: 27px;
    left: 15px;
    z-index: 12;
    display: block;
    width: 26px;
    height: 17px;
    cursor: pointer;
  }
  .header-nav-btn-item {
    position: absolute;
    left: 0;
    width: 26px;
    height: 3px;
    background-color: #4B4F5C;
    transition: all ease-in-out 0.3s;
  }
  .header-nav-btn-item-1 {
    top: 0;
    left: 0;
  }
  .header-nav-btn-item-2 {
    top: 7px;
  }
  .header-nav-btn-item-3 {
    top: 14px;
  }
  .header-nav-btn:hover .header-nav-btn-item {
    background-color: #7D3EF2;
  }
  .header-nav-btn.open .header-nav-btn-item {
    top: 7px;
  }
  .header-nav-btn.open .header-nav-btn-item-1 {
    transform: rotate(45deg);
  }
  .header-nav-btn.open .header-nav-btn-item-2 {
    transform: rotate(-45deg);
  }
  .header-nav-btn.open .header-nav-btn-item-3 {
    transform: rotate(-45deg);
  }
  .header-menu-wrapper {
    position: fixed;
    top: 0;
    right: 100%;
    z-index: 11;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    transition: all ease-in-out 0.3s;
    visibility: hidden;
    opacity: 0;
  }
  .header-menu-wrapper.open {
    right: 0;
    visibility: visible;
    opacity: 1;
  }
  .header-menu {
    display: block;
  }
  .header-menu-item {
    display: flex;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 960px;
  }
  .header-menu-link {
    display: block;
    padding: 16px 0;
    font-size: 30px;
    line-height: 1;
  }
  .header-menu-btn {
    display: flex;
  }
  .header-submenu-wrapper {
    display: block;
    left: auto;
    right: 100%;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    box-shadow: none;
    transform: translateY(0);
  }
  .header-submenu-wrapper .container {
    height: 100%;
  }
  .header-submenu-wrapper .header-submenu-img {
    display: none;
  }
  .header-submenu-wrapper.open {
    right: 0;
    visibility: visible;
    opacity: 1;
  }
  .header-submenu {
    position: static;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    height: 100%;
    min-height: 0;
  }
  .header-submenu .header-submenu-back-btn,
  .header-submenu .header-submenu-subnav-back-btn {
    display: flex;
  }
  .header-submenu-title {
    font-size: 24px;
  }
  .header-submenu-nav li > a {
    font-size: 24px;
  }
  .header-submenu-nav li > button {
    width: 40px;
  }
  .header-submenu .read-more {
    font-size: 24px;
  }
  .header-submenu-subnav {
    left: -100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 30px;
    padding-right: 15px;
    min-width: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    transform: translateX(0);
    background-color: #ffffff;
  }
  .header-submenu-subnav::before {
    display: none;
  }
  .header-submenu-subnav.open {
    left: -15px;
    visibility: visible;
    opacity: 1;
  }
  /***HOME***/
  .project-card-info {
    padding: 40px 48px;
  }
  .advantages-col {
    margin-top: 40px;
  }
  .advantages-col:nth-child(1),
  .advantages-col:nth-child(2) {
    margin-top: 0;
  }
  .advantages-card-img {
    height: 136px;
  }
  .advantages-card-title br {
    display: none;
  }
  /***ABOUT***/
  .about-main-info .section-title,
  .about-main-info .section-text {
    max-width: none;
  }
  .about-models-card-content p,
  .about-models-card-content li {
    font-size: 16px;
  }
  .profession-card {
    padding: 32px;
  }
  .profession-card-h {
    padding: 24px;
  }
  .profession-card-h-sm {
    padding: 16px 24px;
    min-height: 162px;
  }
  /***TEAM PAGES***/
  .team-projects-card-content {
    padding: 24px 24px 32px;
  }
  .section-accordion .col-lg-6:nth-child(odd) {
    padding-right: 32px;
  }
  .section-accordion .col-lg-6:nth-child(even) {
    padding-left: 32px;
  }
  /***NEWS***/
  .news-card-content {
    padding: 24px 24px 64px;
  }
  .news-card-content::after {
    height: 64px;
  }
  .news-card-date {
    left: 24px;
    right: 24px;
    bottom: 21px;
  }
  .news-card-tag {
    right: 24px;
    bottom: 16px;
  }
  /***CONTACT US***/
  .contact-info {
    padding-top: 0;
  }
  /*sales manager*/
  .sales-manager-info {
    flex-basis: 110px;
  }
  .sales-manager-contacts {
    flex-basis: 332px;
  }
  .sales-manager-phone-link {
    font-size: 28px;
  }
  /*=INVITATION=*/
  .invitation .contact-form {
    padding: 40px 40px 80px;
  }
  .invitation .contact-form .result {
    padding: 0 40px;
  }
}
@media (max-width: 1199px) and (max-height: 800px) {
  /***HOME***/
  .welcome-to-bottom-btn {
    background-color: rgba(255, 255, 255, 0);
  }
}
@media (max-width: 1199px) and (max-height: 650px) {
  /***HOME***/
  .welcome {
    padding-top: 140px;
  }
}
@media (max-width: 1199px) and (max-height: 550px) {
  /***HOME***/
  .welcome {
    padding-top: 140px;
  }
}
@media (max-width: 1199px) and (max-height: 480px) {
  /*=HEADER=*/
  .header-menu-link {
    padding: 16px 0;
    font-size: 24px;
  }
}
@media (max-width: 1199px) and (max-height: 400px) {
  /*=HEADER=*/
  .header-menu-link {
    padding: 8px 0;
    font-size: 18px;
  }
  .header-submenu-title {
    font-size: 16px;
  }
  .header-submenu-nav li > a {
    font-size: 16px;
  }
  .header-submenu .read-more {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  /***CONTENT***/
  /*text-content*/
  .text-content .portfolio-section.pt-lg-8 {
    padding-top: 8px;
  }
  /***ABOUT***/
  .about-models-card:hover .about-models-card-main {
    opacity: 0;
    transform: rotateY(90deg);
  }
  .about-models-card:hover .about-models-card-content {
    visibility: visible;
    opacity: 1;
    transform: rotateY(0);
  }
  .about-models-card:focus-visible .about-models-card-main {
    opacity: 0;
    transform: rotateY(90deg);
  }
  .about-models-card:focus-visible .about-models-card-content {
    visibility: visible;
    opacity: 1;
    transform: rotateY(0);
  }
}
@media (max-width: 991px) {
  /*=LINKS&FORMS=*/
  /*btns*/
  .btn-category {
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 4px 12px;
    font-size: 14px;
  }
  .btn-category:first-child:not(:only-child) {
    margin-right: 32px;
  }
  .btn-category:first-child:not(:only-child)::after {
    right: -17px;
    margin-top: -10px;
    height: 20px;
  }
  /*=TEXT=*/
  h2,
  .h2 {
    font-size: 36px;
  }
  h3,
  .h3 {
    font-size: 28px;
  }
  h4,
  .h4 {
    font-size: 22px;
  }
  .section-title {
    margin-bottom: 48px;
    font-size: 36px;
  }
  .section-title + .section-text {
    margin-top: -24px;
  }
  .section-text {
    margin-bottom: 48px;
    font-size: 16px;
  }
  .marker-list {
    font-size: 16px;
  }
  .marker-list li {
    padding-left: 16px;
  }
  .marker-list li::before {
    top: 8px;
  }
  dl.marker-list dt {
    padding-left: 16px;
    font-size: 16px;
  }
  dl.marker-list dt:before {
    top: 8px;
  }
  /***CONTENT***/
  /*section*/
  .section {
    padding-top: 96px;
    padding-bottom: 96px;
  }
  .section-sm {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  /*welcome*/
  .greeting .container > .row {
    padding-bottom: 0;
  }
  .greeting-cards .col-6 {
    margin-top: 0;
  }
  .greeting .section-text {
    margin-bottom: 32px;
  }
  .greeting .section-text + .career-info {
    margin-top: 0;
    padding-bottom: 0;
  }
  .greeting-card {
    padding: 16px 8px;
  }
  .greeting-card-title {
    font-size: 38px;
  }
  .greeting-card-text {
    font-size: 14px;
  }
  .greeting-footer {
    position: static;
    margin-top: 32px;
  }
  .welcome-middle {
    padding-top: 71.17px;
    height: 535.17px;
    background-position: center 71.17px;
  }
  .welcome-middle-title {
    font-size: 50px;
  }
  .welcome-middle-title span {
    font-size: 54px;
  }
  /*content*/
  .content-inner {
    padding: 0 0 96px;
  }
  /*text-content*/
  .breadcrumbs ~ .text-content {
    padding: 32px 0 0;
  }
  .text-content {
    font-size: 16px;
  }
  .text-content-p-none {
    padding-top: 0;
  }
  .text-content > .container div[class*=col-lg] {
    margin-bottom: 32px;
  }
  .text-content > .container div[class*=col-lg]:last-child {
    margin-bottom: 0;
  }
  /*card*/
  .cards-row {
    margin-left: -12px;
    margin-right: -12px;
  }
  .cards-row > div {
    margin-bottom: 24px;
    padding-left: 12px;
    padding-right: 12px;
  }
  .cards-row + .read-more {
    margin-top: 16px;
  }
  .cards-row-sm > div {
    margin-bottom: 16px;
  }
  .cards-row-sm + .read-more {
    margin-top: 24px;
  }
  .cards-row-xl > div {
    margin-bottom: 40px;
  }
  .cards-row-xl + .read-more {
    margin-top: 0;
  }
  .cards-row-xxl > div {
    margin-bottom: 48px;
  }
  .cards-row-xxl + .read-more {
    margin-top: 0;
  }
  @supports (row-gap: 32px) {
    .cards-row {
      row-gap: 24px;
    }
    .cards-row > div {
      margin-bottom: 0;
    }
    .cards-row-sm > div {
      margin-bottom: 0;
    }
    .cards-row-xl {
      row-gap: 40px;
    }
    .cards-row-xl > div {
      margin-bottom: 0;
    }
    .cards-row-xxl {
      row-gap: 48px;
    }
    .cards-row-xxl > div {
      margin-bottom: 0;
    }
    .cards-row + .read-more {
      margin-top: 40px;
    }
  }
  /*quote*/
  .quote {
    padding-left: 64px;
    background-size: 48px auto;
  }
  .section-dark .quote-card {
    padding: 32px 56px;
  }
  /*tabs*/
  .nav-tabs .tabs-item a {
    height: 56px;
    font-size: 12px;
  }
  /*=HEADER=*/
  .header-menu-item {
    max-width: 720px;
  }
  /***HOME***/
  .welcome-info-col {
    padding-left: 64px;
  }
  .welcome-text {
    max-width: 280px;
  }
  .welcome-text br {
    display: none;
  }
  .mission-card {
    padding: 40px 48px;
  }
  .mission-content {
    font-size: 16px;
  }
  .mission-content .author {
    max-width: 220px;
  }
  .mission-content .author-photo {
    margin-right: 16px;
    width: 64px;
    height: 64px;
  }
  .mission-title,
  .mission-text {
    margin-bottom: 24px;
  }
  .counter .section-title {
    margin-bottom: 48px;
  }
  .counter-card-title {
    font-size: 38px;
  }
  .counter-card-text {
    font-size: 16px;
  }
  .counter-card-text br {
    display: none;
  }
  .projects .read-more {
    margin-top: 40px;
  }
  .project-card {
    flex-direction: column;
    justify-content: flex-start;
  }
  .project-card-img-wrapper {
    flex-shrink: 0;
    flex-grow: 0;
    border-bottom-left-radius: 0;
    width: 100%;
    height: auto;
  }
  .project-card-info {
    flex-shrink: 1;
    flex-grow: 1;
    border-bottom-left-radius: 16px;
    padding: 32px;
    width: 100%;
  }
  .project-card .subtitle {
    margin-bottom: 24px;
  }
  .project-card-title {
    margin-bottom: 16px;
  }
  .project-card-description {
    margin-bottom: 48px;
    font-size: 16px;
  }
  .advantages-card-title br {
    display: block;
  }
  .testimonial .row {
    justify-content: flex-start;
    flex-direction: column;
  }
  .testimonial .col-lg-6 {
    flex-shrink: 1;
    flex-grow: 1;
  }
  .testimonial .col-lg-6:first-child {
    flex-shrink: 0;
    flex-grow: 0;
  }
  .testimonial-img {
    max-width: none;
    height: auto;
    background-position: center;
  }
  .testimonial-content {
    padding-top: 32px;
  }
  .testimonial .subtitle {
    margin-bottom: 16px;
  }
  .testimonial-title {
    margin-bottom: 24px;
  }
  .testimonial-rating {
    margin-bottom: 24px;
  }
  .testimonial-text {
    margin-bottom: 24px;
    font-size: 16px;
  }
  .awards .expertise img {
    width: 120px !important;
  }
  .awards .good-firms img {
    width: 240px !important;
  }
  /***ABOUT***/
  .about-main-img img {
    margin: 0 auto;
  }
  .about-main-info {
    padding-top: 40px;
  }
  .about-story {
    padding-bottom: 56px;
  }
  .about-story-card {
    padding: 32px 32px;
  }
  .about-story-card p {
    font-size: 16px;
  }
  .about-models-card {
    display: flex;
    cursor: auto;
  }
  .about-models-card-main {
    position: static;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 32px;
    width: 50%;
  }
  .about-models-card-title {
    margin-top: 24px;
  }
  .about-models-card-content {
    visibility: visible;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 50%;
    font-size: 16px;
    opacity: 1;
    backface-visibility: visible;
    transform: rotateY(0);
  }
  .profession-card {
    padding: 24px;
  }
  .profession-card-h-sm {
    min-height: 144px;
  }
  .about-map .section-text {
    font-size: 22px;
  }
  .about-map-img {
    padding-top: 0;
  }
  /***TEAM PAGES***/
  .domains-card {
    padding: 24px 16px 32px;
  }
  .team-projects-card .tag-accent {
    right: 24px;
    top: 24px;
  }
  .team-projects-total-card {
    padding: 40px 24px;
    height: auto;
  }
  .section-cards-border .card-border {
    padding: 24px 16px 24px 24px;
    height: auto;
  }
  .section-lists ul li {
    font-size: 16px;
    padding-left: 24px;
  }
  .section-lists-with-titles .row p {
    font-size: 16px;
  }
  .section-lists-with-titles .marker-list + .h4 {
    margin-top: 40px;
  }
  .section-numbers p {
    max-width: none;
    font-size: 16px;
  }
  .section-numbers p.section-numbers-step {
    font-size: 38px;
  }
  .section-numbers-sm .row p:not(.section-numbers-step):not(.h6) {
    max-width: none;
  }
  .section-cards-lists .card {
    padding: 24px;
  }
  .section-cards-lists .card p,
  .section-cards-lists .card ul {
    font-size: 16px;
  }
  .section-cards-lists .card li {
    padding-left: 24px;
  }
  .section-accordion-btn {
    padding: 24px 0;
  }
  .section-accordion-content-in {
    padding-bottom: 24px;
    font-size: 16px;
  }
  .section-accordion .col-lg-6 .section-accordion-item:last-child {
    border-bottom: 1px solid #DEE0F4;
  }
  .section-accordion .col-lg-6:nth-child(odd) {
    padding-right: 15px;
  }
  .section-accordion .col-lg-6:nth-child(even) {
    padding-left: 15px;
  }
  .section-accordion .col-lg-6:last-child .section-accordion-item:last-child {
    border-bottom: none;
  }
  .section-accordion .col-lg-6 > .h4 {
    margin-bottom: 8px;
    padding-top: 24px;
  }
  .section-accordion .col-lg-6 > .h4 ~ .section-accordion-item:last-child {
    border-bottom: none;
  }
  .section-tabs .tab-content-in {
    padding: 32px;
  }
  .section-cards-numbers .card {
    padding: 24px;
  }
  .section-cards-numbers-amount {
    font-size: 38px;
  }
  .section-cards-numbers p:not(.section-cards-numbers-amount) {
    font-size: 16px;
  }
  .section-img-half .col-lg-6:last-child {
    padding-left: 12px;
  }
  .section-img-half-reverse .row {
    flex-direction: row;
  }
  .section-img-half-reverse .col-lg-6:last-child {
    padding-left: 12px;
    padding-right: 12px;
  }
  .section-img-half img {
    margin-left: auto;
    margin-right: auto;
  }
  @supports (row-gap: 32px) {
    .section-tabs .row {
      margin-left: -12px;
      margin-right: -12px;
    }
    .section-tabs .row > div {
      margin-bottom: 24px;
      padding-left: 12px;
      padding-right: 12px;
    }
    .section-tabs .tab-content-in .row {
      row-gap: 24px;
    }
    .section-tabs .tab-content-in .row > div {
      margin-bottom: 0;
    }
  }
  .section-cards-numbers-left .card {
    padding: 24px;
  }
  .section-cards-numbers-left p {
    font-size: 16px;
  }
  .section-cards-numbers-left p.section-numbers-step {
    font-size: 38px;
  }
  /***CAREERS***/
  .review .row {
    justify-content: flex-start;
    flex-direction: column;
    height: 100%;
  }
  .review .col-lg-6 {
    flex-shrink: 1;
    flex-grow: 1;
    padding-top: 32px;
  }
  .review .col-lg-6:first-child {
    flex-shrink: 0;
    flex-grow: 0;
    padding-top: 0;
  }
  .review-img {
    height: auto;
  }
  .review-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
  }
  .review-text {
    margin-bottom: 24px;
    font-size: 16px;
  }
  .review .author {
    margin-top: auto;
  }
  /***CAREER-PAGE***/
  .career-info {
    font-size: 16px;
  }
  /***SERVICES***/
  .services-card {
    padding: 24px;
  }
  /***CONTACT US***/
  .contact-info {
    margin-bottom: 72px;
  }
  .contact-form {
    padding: 56px 48px;
  }
  .sales-manager {
    max-width: none;
  }
  .sales-manager-info {
    flex-basis: 32.5%;
  }
  .sales-manager-contacts {
    flex-basis: 67.5%;
  }
  /***ERRORS***/
  .error {
    padding-top: 72px;
  }
  .error .container {
    display: block;
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .error-content {
    margin-bottom: 64px;
    margin-right: 0;
    width: auto;
    text-align: center;
  }
  .error-img {
    max-width: 100%;
  }
  /***MODALS***/
  .modal-content {
    padding: 48px 40px;
  }
  button.modal-close {
    top: 16px;
    right: 16px;
  }
  .popup-img {
    padding-right: 40px;
  }
  .popup-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (max-height: 570px) {
  /***HOME***/
  .welcome {
    position: relative;
    padding-top: 88px;
  }
  .welcome-text {
    margin-top: 24px;
    margin-bottom: 32px;
  }
  .welcome-to-bottom-btn {
    display: none;
  }
}
@media (max-width: 767px) {
  /*=TEXT=*/
  h2,
  .h2 {
    font-size: 32px;
  }
  .section-title {
    font-size: 32px;
  }
  h3,
  .h3 {
    font-size: 24px;
  }
  h4,
  .h4 {
    font-size: 20px;
  }
  h5,
  .h5 {
    font-size: 18px;
  }
  h6,
  .h6 {
    font-size: 16px;
  }
  /*=LINKS&FORMS=*/
  /*share*/
  .share {
    position: static;
    margin-top: 48px;
  }
  .share-title {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 24px;
  }
  .share-link {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .share-link + .share-link {
    margin-top: 0;
  }
  /***CONTENT***/
  /*section*/
  .section {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .section-sm {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  /*welcome*/
  .greeting-cards .row {
    margin-left: -4px;
    margin-right: -4px;
  }
  .greeting-cards .col-6 {
    padding-left: 4px;
    padding-right: 4px;
  }
  .greeting-card {
    padding: 16px 8px;
  }
  .greeting-card-title {
    margin-bottom: 4px;
    font-size: 28px;
  }
  .greeting-card-text {
    font-size: 12px;
  }
  .greeting-footer {
    display: block;
  }
  .greeting-footer .btn {
    margin-right: 0;
    margin-bottom: 16px;
    width: 100%;
    max-width: none;
  }
  .greeting-footer .btn:last-child {
    margin-bottom: 0;
  }
  /*content*/
  .content-inner {
    padding: 0 0 64px;
  }
  /*text-content*/
  .breadcrumbs ~ .text-content {
    padding: 24px 0 0;
  }
  .text-content div[class*=col-md] {
    margin-bottom: 32px;
  }
  .text-content div[class*=col-md]:last-child {
    margin-bottom: 0;
  }
  /*tabs*/
  .nav-tabs .tabs-item a {
    height: 48px;
  }
  /*slider*/
  .default-slider-wrapper .swiper-pagination {
    margin-top: 40px;
  }
  /*quote*/
  .quote {
    padding-left: 48px;
    background-size: 36px auto;
  }
  /*=HEADER=*/
  .header-menu-item {
    max-width: 540px;
  }
  .header-menu-link {
    padding: 8px 0;
    font-size: 18px;
  }
  .header-menu-btn {
    margin-left: 8px;
  }
  .header-submenu-title {
    font-size: 16px;
  }
  .header-submenu-nav li > a {
    font-size: 16px;
  }
  .header-submenu .read-more {
    font-size: 16px;
  }
  /***HOME***/
  .welcome {
    text-align: center;
    background-image: url("https://pub-piesoft.s3.amazonaws.com/backgrounds/bg-home-welcome-mob.png");
    background-position: center right;
  }
  .welcome-info-col {
    padding-left: 15px;
  }
  .welcome-soc {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 32px;
  }
  .welcome-soc a {
    margin-bottom: 0;
    margin-right: 16px;
  }
  .welcome-soc a:last-child {
    margin-right: 0;
  }
  .welcome-text {
    max-width: none;
  }
  .welcome-text br {
    display: block;
  }
  .mission-card {
    padding: 24px 32px;
  }
  .mission-card::before {
    width: 8px;
  }
  .mission-content .author {
    max-width: 200px;
  }
  .mission-content .author-photo {
    margin-right: 16px;
    width: 56px;
    height: 56px;
  }
  .mission-title {
    margin-bottom: 16px;
  }
  .counter-col {
    margin-bottom: 16px;
  }
  .counter-col:last-child {
    margin-bottom: 0;
  }
  .counter-card {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
  }
  .counter-card-title {
    margin-bottom: 0;
    margin-right: 24px;
    min-width: 88px;
    text-align: center;
  }
  .advantages-col {
    margin-top: 48px;
  }
  .advantages-col:nth-child(2) {
    margin-top: 48px;
  }
  .advantages-card-img {
    margin-bottom: 16px;
    height: auto;
  }
  .advantages-card-title {
    margin-bottom: 16px;
  }
  .advantages-card-title br {
    display: none;
  }
  .projects-tabs {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .projects-tabs .tabs-item {
    flex-shrink: 0;
    flex-grow: 0;
    width: 112px;
  }
  .project-card-info {
    padding: 24px;
  }
  /***ABOUT***/
  .about-story {
    padding-bottom: 24px;
  }
  .about-story-card {
    padding: 24px;
  }
  .about-models-card-main {
    padding: 24px;
  }
  .about-models-card-content {
    padding: 24px;
  }
  .about-team {
    background-image: linear-gradient(89.45deg, #5A3FFF -25.46%, #7F33F2 43.28%, #9268E6 90.7%);
  }
  .profession-card-h {
    flex-direction: column;
    text-align: center;
  }
  .profession-card-h img {
    flex-shrink: 0;
    flex-grow: 0;
    margin-right: 0;
  }
  .profession-card-h .profession-card-title {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .profession-card-h .profession-card-content {
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .profession-card-h-sm {
    min-height: 0;
  }
  .about-map .section-text {
    font-size: 20px;
  }
  /***TEAM PAGES***/
  .consultation .container {
    display: block;
  }
  .consultation-content {
    margin-bottom: 40px;
    padding-right: 0;
  }
  .consultation .btn {
    width: 100%;
  }
  .team-projects-card {
    height: auto;
  }
  .section-cards .card {
    padding: 24px;
    min-height: 0;
  }
  .team-help-btns {
    display: block;
  }
  .team-help-btns .btn {
    margin-bottom: 16px;
    margin-right: 0;
    min-width: 0;
    width: 100%;
  }
  .team-help-btns .btn:last-child {
    margin-bottom: 0;
  }
  .section-tabs .tab-content-in {
    padding: 32px 24px;
  }
  /***CAREERS***/
  .careers-locations-item img {
    margin: 0 auto 24px;
    max-height: 64px;
    height: auto;
    width: auto;
  }
  /***CAREER-PAGE***/
  .career-info-item {
    margin-right: 40px;
  }
  /***NEWS***/
  .news-card {
    display: block;
    height: auto;
  }
  /***CONTACT US***/
  .sales-manager-info {
    flex-basis: 110px;
  }
  .sales-manager-contacts {
    flex-basis: 100%;
  }
  .contact-form {
    height: auto;
  }
  /***ERRORS***/
  .error .container {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  /*=INVITATION=*/
  .invitation {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .invitation-content {
    display: flex;
    justify-content: space-between;
  }
  .invitation-block {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-bottom: 0;
  }
  .invitation-block + .invitation-block {
    margin-top: 40px;
  }
  .invitation-block::after {
    display: none;
  }
  .invitation-block-title {
    width: 100%;
  }
  .invitation-contacts {
    margin-top: auto;
  }
  .invitation .contact-form {
    margin-top: 48px;
  }
  /*=FOOTER=*/
  .footer-copyright-wrapper {
    display: block;
  }
  .footer-links {
    margin-right: 0;
    margin-bottom: 16px;
  }
  /***MODALS***/
  .modal-content {
    padding: 64px;
  }
  button.modal-close {
    top: 32px;
    right: 32px;
  }
  .popup-img {
    display: none;
  }
}
@media (max-width: 767px) and (max-height: 760px) {
  /***HOME***/
  .welcome {
    padding-top: 160px;
  }
}
@media (max-width: 767px) and (max-height: 700px) {
  /***HOME***/
  .welcome {
    padding-top: 120px;
  }
}
@media (max-width: 767px) and (max-height: 580px) {
  /***HOME***/
  .welcome {
    padding-top: 96px;
  }
  .welcome-soc {
    margin-bottom: 16px;
  }
  .welcome-to-bottom-btn {
    display: none;
  }
}
@media (max-width: 767px) and (max-height: 530px) {
  /*=TEXT=*/
  .main-title {
    font-size: 36px;
  }
  /***HOME***/
  .welcome-text {
    margin-top: 24px;
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) and (max-height: 480px) {
  /*=TEXT=*/
  .main-title {
    font-size: 34px;
  }
  /***HOME***/
  .welcome {
    position: relative;
    padding-top: 104px;
  }
}
@media (max-width: 767px) and (max-height: 380px) {
  /***HOME***/
  .welcome {
    padding-top: 88px;
  }
  .welcome-text {
    margin-top: 16px;
    margin-bottom: 24px;
  }
}
@media (max-width: 575px) {
  /*=TEXT=*/
  h2,
  .h2 {
    font-size: 28px;
    line-height: 1.2;
  }
  .section-title {
    margin-bottom: 32px;
    font-size: 28px;
    line-height: 1.2;
  }
  .section-title + .section-text {
    margin-top: -16px;
  }
  .section-text {
    margin-bottom: 32px;
  }
  /***CONTENT***/
  /*section*/
  .section {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .section-sm {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .content-inner {
    padding: 0 0 56px;
  }
  /*welcome*/
  .greeting-cards .col-6 {
    margin-top: 8px;
  }
  .greeting-cards .col-6:first-child,
  .greeting-cards .col-6:nth-child(2) {
    margin-top: 0;
  }
  .welcome-middle {
    height: 471.17px;
    background-position: center 71.17px;
  }
  .welcome-middle-title {
    font-size: 44px;
  }
  .welcome-middle-title span {
    font-size: 48px;
  }
  /*categories*/
  .categories-wrapper {
    padding-bottom: 16px;
  }
  /*quote*/
  .section-dark .quote-card {
    padding: 24px;
  }
  /*text-content*/
  .text-content div[class*=col-sm] {
    margin-bottom: 32px;
  }
  .text-content div[class*=col-sm]:last-child {
    margin-bottom: 0;
  }
  /*card*/
  .cards-row-xxl > div {
    margin-bottom: 40px;
  }
  @supports (row-gap: 32px) {
    .cards-row-xxl {
      row-gap: 40px;
    }
    .cards-row-xxl > div {
      margin-bottom: 0;
    }
  }
  /*=HEADER=*/
  .header-menu {
    padding-left: 40px;
  }
  .header-menu-item {
    max-width: none;
  }
  .header-submenu {
    padding-left: 40px;
  }
  .header-submenu-subnav {
    padding-left: 55px;
  }
  .header-submenu-subnav.open {
    left: 0;
  }
  /***HOME***/
  .counter .section-title {
    margin-bottom: 32px;
  }
  .counter-card {
    font-size: 16px;
  }
  .counter-card-title {
    margin-right: 16px;
    min-width: 72px;
    font-size: 32px;
  }
  .project-card-info {
    padding: 24px 16px;
  }
  .awards .expertise img {
    width: 100px !important;
  }
  .awards .good-firms img {
    width: 200px !important;
  }
  /***ABOUT***/
  .about-story {
    padding-bottom: 16px;
  }
  .about-models-card {
    display: block;
  }
  .about-models-card-main {
    border-top-right-radius: 16px;
    border-bottom-left-radius: 0;
    width: 100%;
    height: auto;
  }
  .about-models-card-title {
    margin-top: 24px;
  }
  .about-models-card-content {
    border-top-right-radius: 0;
    border-bottom-left-radius: 16px;
    width: 100%;
    height: auto;
  }
  /***TEAM PAGES***/
  .section-numbers p.section-numbers-step {
    font-size: 32px;
  }
  .section-numbers p.section-numbers-step::after {
    width: 120px;
  }
  .section-cards-numbers-amount {
    font-size: 32px;
  }
  .section-cards-numbers-left p.section-numbers-step {
    font-size: 32px;
  }
  .section-cards-numbers-left p.section-numbers-step::after {
    width: 120px;
  }
  /***SERVICES***/
  .services-card {
    height: auto;
  }
  /***PORTFOLIO***/
  .cirrus-before-img-wrapper .cirrus-before-img-title:first-child {
    left: 6px;
  }
  .cirrus-before-img-wrapper .cirrus-before-img-title:nth-child(2) {
    right: auto;
    left: 72.5%;
  }
  /*=INVITATION=*/
  .invitation {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  /*=FOOTER=*/
  .footer .container {
    flex-direction: column;
    justify-content: flex-start;
  }
  .footer-copyright-wrapper {
    order: 2;
  }
  .footer-soc {
    order: 1;
    margin-bottom: 24px;
    justify-content: center;
  }
  .footer-copyright {
    text-align: center;
  }
  .footer-links {
    text-align: center;
  }
  /***MODALS***/
  .modal-content {
    padding: 48px 40px;
  }
  button.modal-close {
    top: 16px;
    right: 16px;
  }
}
@media (max-width: 500px) {
  /*=TEXT=*/
  h1,
  .h1 {
    font-size: 32px;
  }
  .main-title {
    font-size: 32px;
  }
  /***CONTENT***/
  /*welcome*/
  .welcome-middle-title {
    font-size: 40px;
  }
  .welcome-middle-title span {
    font-size: 44px;
  }
  /***NEWS***/
  .try-title {
    font-size: 18px;
  }
  /***CONTACT US***/
  .contact-content {
    text-align: center;
  }
  .contact-form {
    padding: 45px 30px;
  }
  /*sales manager*/
  .sales-department-title {
    line-height: 1.5;
  }
  .sales-manager {
    display: block;
  }
  .sales-manager + .sales-manager {
    margin-top: 32px;
  }
  .sales-manager-info {
    position: relative;
    float: none;
    padding: 0;
    width: 100%;
    max-width: none;
  }
  .sales-manager-info:after {
    position: absolute;
    bottom: -28px;
    left: 50%;
    content: "\e313";
    font-size: 30px;
    line-height: 1;
    font-family: "Material Icons", sans-serif;
    color: #B1B4CC;
    transform: translateX(-50%);
  }
  .sales-manager-contacts {
    margin-top: 30px;
    margin-left: 0;
    border-radius: 16px;
    border: 1px solid #B1B4CC;
    padding: 40px 16px;
    background-image: none;
  }
  .sales-manager-phone-link {
    font-size: 24px;
  }
  /***ERRORS***/
  .error-title {
    font-size: 100px;
  }
}
@media (max-width: 480px) {
  body.inner .page-wrapper {
    padding-top: 65px;
  }
  .btn-sm {
    padding: 12px 24px;
  }
  /*=HEADER=*/
  .header-logo {
    margin-left: 48px;
  }
  .header-nav-btn {
    top: 24px;
  }
  .header-logo {
    padding: 20px 0;
  }
  .header-logo-img {
    width: 120px;
  }
  /***CONTENT***/
  /*quote*/
  .quote {
    padding-left: 0;
    background-image: none;
  }
  .section-dark .quote {
    background-image: none;
  }
  /***HOME***/
  .testimonial-footer {
    justify-content: flex-start;
    flex-direction: column;
    align-items: stretch;
  }
  .testimonial-footer .author:last-child {
    padding-bottom: 56px;
  }
  .testimonial-footer .btn {
    margin-top: 16px;
  }
  /***ABOUT***/
  .profession-card {
    padding: 16px;
  }
  .profession-card img {
    width: auto;
    height: 64px;
  }
  .profession-card-title {
    margin-top: 16px;
    font-size: 14px;
  }
  .profession-card .read-more {
    font-size: 12px;
  }
  .profession-card .read-more::after {
    bottom: -2px;
    padding-left: 4px;
    font-size: 18px;
  }
  /***SERVICES***/
  .services-card {
    padding: 16px;
  }
  /***TEAM PAGES***/
  .domains-card {
    padding: 24px 16px;
  }
  .domains-card img {
    margin-bottom: 16px;
  }
  .domains-card-title {
    font-size: 14px;
  }
  /***CAREERS***/
  .careers-locations {
    flex-wrap: wrap;
  }
  .careers-locations-item {
    margin-top: 40px;
    width: 50%;
  }
  .careers-locations-item:nth-child(1),
  .careers-locations-item:nth-child(2) {
    margin-top: 0;
  }
  /*=INVITATION=*/
  .invitation-content {
    display: block;
  }
  .invitation-block {
    display: block;
    margin-top: 32px;
    padding-bottom: 32px;
  }
  .invitation-block + .invitation-block {
    margin-top: 32px;
  }
  .invitation-block::after {
    display: block;
  }
  .invitation .contact-form {
    padding: 40px 24px 80px;
  }
  .invitation .contact-form .result {
    padding: 0 24px;
  }
}
@media (max-width: 400px) {
  /*=TEXT=*/
  h1,
  .h1 {
    font-size: 30px;
  }
  .main-title {
    font-size: 30px;
  }
  h2,
  .h2 {
    font-size: 30px;
  }
  .section-title {
    font-size: 26px;
  }
  /*=LINKS&FORMS=*/
  /*share*/
  .share-title {
    display: block;
    margin-right: 0;
    margin-bottom: 8px;
  }
  /***CONTENT***/
  /*welcome*/
  .welcome-middle-title {
    font-size: 38px;
  }
  .welcome-middle-title span {
    font-size: 42px;
  }
  /***HOME***/
  .welcome-text br {
    display: none;
  }
  .counter-card-title {
    min-width: 56px;
    font-size: 30px;
  }
  /***ERRORS***/
  .error-title {
    font-size: 100px;
  }
  /***MODALS***/
  .modal-content {
    padding: 48px 32px;
  }
  .popup-contacts {
    display: block;
  }
  .popup-contacts-item {
    margin-bottom: 8px;
    width: 100%;
  }
  .popup-contacts-item:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 380px) {
  /*=HEADER=*/
  .header-logo {
    margin-left: 40px;
  }
  .header-contacts-link {
    padding: 12px 16px;
  }
  /***HOME***/
  .counter {
    background-image: url("https://pub-piesoft.s3.amazonaws.com/backgrounds/bg-counter-mob.png");
  }
  /***TEAM PAGES***/
  .domains-card {
    padding: 16px 8px;
  }
  .domains-card img {
    max-width: 100%;
    height: auto;
    width: auto;
  }
  .section-tabs .nav-tabs {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .section-tabs .nav-tabs .tabs-item {
    flex-shrink: 0;
    flex-grow: 0;
    width: 116px;
  }
  /*=INVITATION=*/
  .invitation {
    background-image: url("https://pub-piesoft.s3.amazonaws.com/backgrounds/bg-work-with-us-mob.png");
  }
}
@media (max-width: 360px) {
  /***CONTENT***/
  /*welcome*/
  .greeting-cards .row {
    margin-left: -8px;
    margin-right: -8px;
  }
  .greeting-col {
    margin-top: 16px;
    padding-left: 8px;
    padding-right: 8px;
  }
  .greeting-card {
    padding: 16px;
  }
  .greeting-card-title {
    font-size: 24px;
  }
  .welcome-middle-title {
    font-size: 34px;
  }
  .welcome-middle-title span {
    font-size: 38px;
  }
  /*=HEADER=*/
  .header-logo {
    margin-left: 40px;
  }
  .header-contacts-link {
    padding: 12px 8px;
    font-size: 14px;
  }
  /***ABOUT***/
  .profession-card {
    padding: 16px 8px;
  }
  /***TEAM PAGES***/
  .team-projects-card .tag-accent {
    right: 16px;
  }
  .team-projects-card-content {
    padding: 24px 16px;
  }
  .team-projects-total-card {
    padding: 32px 16px;
    height: auto;
  }
  /***NEWS***/
  .news-card-content {
    padding: 24px 16px 64px;
  }
  .news-card-date {
    left: 16px;
    right: 16px;
    font-size: 10px;
  }
  .news-card-date::before {
    padding-right: 0;
  }
  .news-card-tag {
    right: 16px;
    bottom: 16px;
    padding: 8px;
    font-size: 10px;
  }
  /***CONTACT US***/
  .sales-manager-phone-link {
    font-size: 22px;
  }
}
/**
 * Swiper 9.3.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 15, 2023
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

.swiper, swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide, swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  -ms-touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification, swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.is-style-section-white {
  background-color: #fff;
}

.is-style-section-gray {
  background-color: #f9f9f9;
}

.is-style-section-gradient {
  background: linear-gradient(89.74deg, #5A3FFF -25.11%, #7F33F2 19.69%, #9268E6 90.88%);
  color: white;
}
.is-style-section-gradient h1, .is-style-section-gradient h2, .is-style-section-gradient h3, .is-style-section-gradient h4, .is-style-section-gradient h5, .is-style-section-gradient h6 {
  color: white;
}
.is-style-section-gradient .h1, .is-style-section-gradient .h2, .is-style-section-gradient .h3, .is-style-section-gradient .h4, .is-style-section-gradient .h5, .is-style-section-gradient .h6 {
  color: white;
}

.is-style-section-chevron {
  padding: 110px 0;
  background: linear-gradient(89.74deg, #5A3FFF -25.11%, #7F33F2 19.69%, #9268E6 90.88%); /* fallback */
  background: url("./img/bg-chevron-top.png") top right, url("./img/bg-chevron-bottom.png") bottom left, linear-gradient(89.74deg, #5A3FFF -25.11%, #7F33F2 19.69%, #9268E6 90.88%); /* W3C */
  background-repeat: no-repeat;
  color: white;
}
.is-style-section-chevron h1, .is-style-section-chevron h2, .is-style-section-chevron h3, .is-style-section-chevron h4, .is-style-section-chevron h5, .is-style-section-chevron h6 {
  color: white;
}
.is-style-section-chevron .h1, .is-style-section-chevron .h2, .is-style-section-chevron .h3, .is-style-section-chevron .h4, .is-style-section-chevron .h5, .is-style-section-chevron .h6 {
  color: white;
}

.services-domains > li:nth-child(4),
.services-domains > li:nth-child(5),
.services-domains > li:nth-child(6),
.services-domains > li:nth-child(7),
.services-domains > li:nth-child(8),
.services-domains > li:nth-child(9),
.services-domains > li:nth-child(10),
.services-domains > li:nth-child(11),
.services-domains > li:nth-child(12) {
  margin-top: 32px;
}

.services-domains figure {
  border-radius: 10px;
  padding: 40px 16px;
  height: 100%;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.16);
}

.services-domains img {
  display: block;
  margin: 0 auto 16px !important;
}

.services-domains figcaption {
  font-weight: 600;
  font-size: 18px;
  text-align: center;
}

@media (max-width: 767px) {
  .services-domains > li:nth-child(3) {
    margin-top: 32px;
  }
}
.domains-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 32px 34px 40px;
  height: 100%;
}

.section-numbers .h4 {
  margin-bottom: 16px;
}

.section-numbers .row p:not(.section-numbers-step):not(.h6) {
  max-width: 520px;
  font-size: 16px;
}

.marker--info::before {
  background-image: url("./img/marker-info.svg");
}

.marker--ok::before {
  background-image: url("./img/marker-ok.svg");
}

.marker--fail::before {
  background-image: url("./img/marker-fail.svg");
}

.marker--warning::before {
  background-image: url("./img/marker-warning.svg");
}

/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: flex;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.post,
.page {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/* Galleries
--------------------------------------------- */
.testimonial-footer {
  margin-top: 20px;
}

.projects-slider .swiper-slide {
  height: auto !important;
}

.testimonial-img img {
  height: auto !important;
}

/* swiper
--------------------------------------------- */
.swiper-button {
  z-index: 10;
}

.location-button-next {
  width: 16px;
  height: auto;
  right: -25px;
  color: white;
  transform: translateY(-50%);
}
.location-button-next::after {
  font-size: 27px;
  font-weight: bold;
}

.location-button-prev {
  width: 12px;
  height: auto;
  left: -25px;
  color: white;
  transform: translateY(-50%);
}
.location-button-prev::after {
  font-size: 27px;
  font-weight: bold;
}

.location-slider-pagination .swiper-pagination-bullet-active {
  background: white;
}

.section-white .location-slider-pagination .swiper-pagination-bullet-active {
  background: #7D3EF2;
}
.section-white .location-button-next {
  color: #7D3EF2;
}
.section-white .location-button-prev {
  color: #7D3EF2;
}

.projects {
  overflow: hidden;
  position: relative;
  text-align: center;
}

.projects .btn-border {
  display: inline-block;
  margin-top: 56px;
}

.projects-tabs {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  background-color: #ffffff;
  box-shadow: 0 8px 24px rgba(201, 201, 201, 0.25);
}

.projects-tabs .nav-item {
  width: 16.7%;
}

.projects-slider {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  box-shadow: 0 8px 24px rgba(201, 201, 201, 0.25);
}

.project-card {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}

.project-card-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .project-card-img {
    width: auto;
  }
}
.project-card-img-wrapper {
  border-bottom-left-radius: 16px;
  width: 50%;
  background-color: #f9f9f9;
}

.project-card-info {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-sizing: border-box;
  border-bottom-right-radius: 16px;
  padding: 40px 40px;
  width: 50%;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
}

.project-card .subtitle {
  margin-bottom: 48px;
}

.project-card-title {
  margin-bottom: 24px;
}

.project-card-description {
  margin-bottom: 80px;
  font-size: 18px;
  color: #4B4F5C;
}

.project-card-technologies {
  overflow: hidden;
  position: relative;
  margin-top: auto;
  margin-bottom: 24px;
  -ms-text-overflow: clip;
  text-overflow: clip;
  white-space: nowrap;
  min-height: 24px;
}

.project-card-technologies::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 92%, #ffffff 100%);
}

.project-card-technologies-item {
  display: inline-block;
  margin-right: 8px;
  font-size: 14px;
}

.project-card-technologies-item:last-child {
  margin-left: 0;
}

.project-card .read-more {
  font-weight: 500;
}

.project-card .read-more::after {
  display: none;
}

.tabs-item > .active {
  border-bottom-color: #7D3EF2;
  font-weight: 600;
  color: #7D3EF2;
}

.projects-slider .swiper-slide {
  margin-top: 0;
  margin-bottom: 0;
}

#welcome-slider {
  position: relative;
  padding: 0;
  height: calc(100vh - 80px);
}

.swiper-slide {
  height: 100%;
  display: block;
  margin: auto;
}

*, *::before, *::after {
  box-sizing: border-box;
  box-sizing: border-box;
}

.wp-block-piesoft-swiper-slide {
  position: relative;
}

.welcome-slider-container {
  width: 1170px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.welcome-slider-container_gap {
  position: relative;
  margin: 0 auto;
  max-width: 1170px;
  height: calc(100svh - 80px);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0 80px;
}

.welcome-slider-subtitle {
  margin-bottom: 24px;
}

.welcome-slider-title {
  margin-bottom: 30px;
  max-width: 700px;
}

.welcome-slider-text {
  max-width: 700px;
  margin-bottom: 45px;
}

.welcome-slider-buttons {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  gap: 24px;
  margin-bottom: 60px;
}

.welcome-slider-btn {
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}

.welcome-slider-btn:hover {
  border: 1px solid #985bef;
  background-color: #985bef;
}

.welcome-slider-buttons-nav {
  position: relative;
  display: flex;
  gap: 32px;
  z-index: 100;
}

.welcome-slider-buttons-nav1 {
  position: absolute;
  width: 1200px;
  bottom: 100px;
  margin-left: 15px;
  display: flex;
  gap: 32px;
  z-index: 10;
  left: 50%;
  transform: translateX(-50%);
}

.welcome-slider-buttons-nav1-fade {
  animation: fade 0.5s ease forwards;
}

.welcome-slider-buttons-nav1-inverse {
  animation: inverse 0.8s ease forwards;
}

@keyframes fade {
  from {
    opacity: 1;
    visibility: visible;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes inverse {
  from {
    opacity: 0;
    visibility: hidden;
  }
  to {
    opacity: 1;
    visibility: visible;
  }
}
.welcome-slider-prev,
.welcome-slider-next {
  width: 40px;
  height: 40px;
  border: 1px rgba(125, 124, 124, 0.2) solid;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgb(124, 72, 237);
  text-align: center;
  position: relative;
}

button.welcome-slider-prev > svg {
  position: absolute;
  top: 25%;
  left: 42%;
  transform: translate(-50%);
}

button.welcome-slider-next > svg {
  position: absolute;
  top: 25%;
  left: 52%;
  transform: translate(-50%);
}

.welcome-slider-prev {
  padding: 0 2px 2px 0;
}

.welcome-slider-next {
  padding: 0 0 2px 1px;
}

.welcome-slider-prev:hover,
.welcome-slider-next:hover {
  background-color: #985bef;
}

.welcome-slider-card-wrap .welcome-slider-card-wrap:not(:last-child) {
  margin-bottom: 24px;
}

.welcome-slider-card-wrap {
  padding: 25px 34px;
  background: radial-gradient(121.18% 95% at 4.71% 75.52%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  border: 1px solid rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(7.5px);
  border-radius: 16px;
  display: flex;
  gap: 40px;
  align-items: center;
}

.welcome-slider-cards-wrap_mobile {
  display: none;
}

.welcome-slider-card-img {
  width: 100px;
  height: auto;
}

.welcome-slider-card-img img {
  width: 100px;
  height: auto;
  object-fit: contain;
}

.welcome-slider-pagination {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  z-index: 1;
}

.swiper-pagination-bullet.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.2);
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #FFFFFF;
}

@media (max-width: 1200px) {
  .welcome-slider-buttons > a {
    padding: 15px 20px;
  }
}
@media (min-width: 990px) and (max-width: 1200px) {
  .welcome-slider-buttons-nav1 {
    width: 960px;
  }
}
@media (max-width: 990px) {
  .welcome-slider-container {
    align-items: flex-start;
    padding: 10px 0;
  }
  .welcome-slider-container_gap {
    padding: 20px 0;
    height: calc(100svh - 120px);
  }
  .welcome-slider-subtitle {
    text-align: center;
  }
  .welcome-slider-title {
    text-align: center;
    font-size: 32px;
    line-height: 1.2;
  }
  .welcome-slider-text {
    margin-bottom: 25px;
    text-align: center;
  }
  .welcome-slider-cards-wrap {
    display: none;
  }
  .welcome-slider-cards-wrap_mobile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 30px;
  }
  .welcome-slider-card-img img {
    width: auto;
    height: 70px;
    object-fit: contain;
  }
  .welcome-slider-info-wrap {
    flex: 0 0 100%;
    max-width: 100%;
    align-content: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .welcome-slider-buttons {
    margin: 20px 0 30px;
  }
  .welcome-slider-card-wrap {
    width: auto;
  }
  .welcome-slider-buttons-nav {
    width: 960px;
    justify-content: space-between;
  }
  .welcome-slider-prev,
  .welcome-slider-next {
    display: none;
  }
  .welcome-slider-pagination {
    left: 0;
  }
  .welcome-slider-buttons {
    justify-content: center;
  }
  .welcome-slider-cards-wrap_mobile {
    display: none;
  }
  .swiper-slide {
    background-position-x: 40%;
  }
}
@media (max-width: 500px) {
  .welcome-slider-buttons > a {
    width: 80%;
  }
}
@media (max-width: 1100px) {
  .wp-block-piesoft-swiper-slide {
    background-position: bottom right;
  }
}
.clutch-button-prev {
  width: 16px;
  height: auto;
  left: -30px;
  color: #7C22F2;
  top: 60%;
  transform: translateY(-50%);
}
.clutch-button-prev::after {
  font-size: 27px;
  font-weight: bold;
}

.clutch-button-next {
  width: 12px !important;
  height: auto;
  right: -30px;
  color: #7C22F2;
  top: 60%;
  transform: translateY(-50%);
}
.clutch-button-next::after {
  font-size: 27px;
  font-weight: bold;
}

.section-gradient .clutch-button-prev {
  color: white;
}
.section-gradient .clutch-button-next {
  color: white;
}

.clutchReviews {
  padding: 20px 20px;
}
.clutchReviews .swiper-wrapper {
  max-width: 1170px;
  height: 370px;
}

.clutchReviewsAverage {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 23px;
}
.clutchReviewsAverage .clutchReviewsAverage_powered {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
}
.clutchReviewsAverage .clutchReviewsAverage_powered span {
  position: relative;
}
.clutchReviewsAverage .clutchReviewsAverage_powered span:after {
  content: "";
  background: url("./img/testimonials/clutch.png") no-repeat;
  width: 74px;
  height: 21px;
  bottom: 0;
  position: relative;
  margin-left: 10px;
  display: inline-block;
}
.clutchReviewsAverage .clutchReviewsAverage_counter {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  column-gap: 15px;
}
.clutchReviewsAverage .clutchReviewsAverage_piesoft {
  font-size: 24px;
  font-weight: 600;
}
.clutchReviewsAverage .clutchReviewsAverage_rating {
  font-size: 32px;
  font-weight: 600;
  position: relative;
  padding-right: 35px;
}
.clutchReviewsAverage .clutchReviewsAverage_rating span:after {
  content: "";
  background: url("./img/testimonials/star-fill.svg") no-repeat;
  width: 26px;
  height: 29px;
  position: absolute;
  bottom: 7px;
  left: 60px;
}
.clutchReviewsAverage .clutchReviewsAverage_reviews {
  font-size: 16px;
  font-weight: 500;
}

.section-gradient .clutchReviews .clutchReviewsAverage {
  color: white;
}
.section-gradient .clutchReviews .clutchReviewsAverage .clutchReviewsAverage_powered span:after {
  background-image: url("./img/testimonials/clutch-white.png");
  height: 31px;
  width: 78px;
  margin-bottom: -5px;
}
.section-gradient .clutchReviews .clutchReviewsAverage .clutchReviewsAverage_rating span:after {
  background: url("./img/testimonials/star-empty.svg") no-repeat;
}

.card_clutch {
  box-shadow: none;
  height: 370px !important;
  text-align: left;
}
.card_clutch header.clutchReviewheader {
  padding: 40px 32px 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  column-gap: 15px;
}
.card_clutch header.clutchReviewheader span {
  font-size: 32px;
  font-weight: 600;
}
.card_clutch .review_content {
  background: url("./img/testimonials/quotes.svg") no-repeat;
  font-weight: 500;
  margin: 20px 32px 50px;
  padding-top: 30px;
  height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #292C32;
}
.card_clutch .review_content .review_content_position {
  padding-top: 15px;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  font-weight: 600;
  color: #4B4F5C;
}
.card_clutch .review_content .review_content_company {
  font-size: 13px;
  line-height: 18px;
  font-weight: 600;
  color: #4B4F5C;
}
.card_clutch footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 17px 32px;
  border-top: 1px solid #E8D4FD;
}
.card_clutch footer p {
  font-weight: 500;
  padding-left: 15px;
  content: "";
  font-size: 16px;
  text-transform: capitalize;
}

.raiting-stars {
  background: linear-gradient(90deg, var(--sgStarsBackground, #fff) 4%, var(--sgStarsColor, var(--sgRatingColor, #e62415)) 4% calc(var(--sgStarsRating, 0%) + var(--sgStarsSize, 16px) / 8 + 0.5px - var(--sgStarsSize, 16px) / 16), var(--sgStarsBackground, #fff) calc(var(--sgStarsRating, 0%) - var(--sgStarsSize, 16px) / 16));
  height: calc(var(--sgStarsSize, 16px) - 4px);
  margin-right: calc(var(--sgStarsSize, 16px) / -8);
  position: relative;
  text-decoration: none;
  transform: translateX(calc(var(--sgStarsSize, 16px) / -8));
  width: calc(var(--sgStarsSize, 16px) * 5 + var(--sgStarsSize, 16px) / 8 * 5 - 0.5px);
}

.raiting-stars::before, .raiting-stars::after {
  content: "";
  display: block;
  height: calc(100% + var(--sgStarsSize, 16px) * 0.125 * 2);
  left: 0;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  position: absolute;
  top: 0;
  transform: translate(calc(var(--sgStarsSize, 16px) / 8), calc(var(--sgStarsSize, 16px) / -8));
  width: calc(var(--sgStarsSize, 16px) * 5 + var(--sgStarsSize, 16px) / 8 * 4);
}

.raiting-stars::before {
  background-color: var(--sgStarsColor, var(--sgRatingColor, #e62415));
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 451 82' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m40.96 58.775 17.154 10.759-4.47-20.16 15.196-14.03-20.317-1.828-7.557-18.695-7.61 18.695-20.21 1.823L28.54 49.347l-4.524 20.157L40.96 58.775ZM3.147 28.522a3.366 3.366 0 0 0-1.835.765A3.62 3.62 0 0 0 .177 30.98a3.78 3.78 0 0 0-.062 2.068c.172.681.53 1.295 1.03 1.765l18.916 17.212-5.73 25.527a3.778 3.778 0 0 0 .126 2.097c.239.67.662 1.251 1.217 1.67a3.35 3.35 0 0 0 1.897.679 3.333 3.333 0 0 0 1.938-.54L40.98 67.862l21.678 13.596c.58.353 1.245.523 1.915.487a3.354 3.354 0 0 0 1.858-.69 3.602 3.602 0 0 0 1.194-1.643c.238-.66.287-1.373.142-2.06l-5.661-25.527 18.64-17.212c.53-.45.919-1.057 1.113-1.742a3.704 3.704 0 0 0-.022-2.097 3.547 3.547 0 0 0-1.15-1.717 3.293 3.293 0 0 0-1.874-.735L53.89 26.28 44.156 2.2A3.58 3.58 0 0 0 42.883.6 3.341 3.341 0 0 0 40.98 0a3.34 3.34 0 0 0-1.903.6 3.582 3.582 0 0 0-1.273 1.599L28.001 26.28 3.147 28.522ZM133.21 58.775l17.154 10.759-4.47-20.16 15.196-14.03-20.317-1.828-7.557-18.695-7.611 18.695-20.21 1.823 15.396 14.008-4.524 20.157 16.943-10.729ZM95.397 28.522a3.366 3.366 0 0 0-1.835.765 3.62 3.62 0 0 0-1.135 1.693 3.78 3.78 0 0 0-.062 2.068c.172.681.53 1.295 1.03 1.765l18.916 17.212-5.73 25.527a3.783 3.783 0 0 0 .126 2.097c.239.67.662 1.251 1.217 1.67.548.416 1.21.653 1.897.679a3.334 3.334 0 0 0 1.938-.54l21.471-13.596 21.678 13.596c.58.353 1.245.523 1.915.487a3.353 3.353 0 0 0 1.858-.69 3.603 3.603 0 0 0 1.194-1.643c.238-.66.287-1.373.142-2.06l-5.661-25.527 18.64-17.212c.53-.45.919-1.057 1.113-1.742a3.704 3.704 0 0 0-.022-2.097 3.546 3.546 0 0 0-1.149-1.717 3.296 3.296 0 0 0-1.875-.735L146.14 26.28 136.406 2.2a3.582 3.582 0 0 0-1.273-1.6 3.336 3.336 0 0 0-1.903-.6 3.33 3.33 0 0 0-1.903.6 3.578 3.578 0 0 0-1.273 1.599l-9.803 24.081-24.854 2.242ZM409.96 58.775l17.154 10.759-4.47-20.16 15.196-14.03-20.317-1.828-7.557-18.695-7.611 18.695-20.21 1.823 15.396 14.008-4.524 20.157 16.943-10.729Zm-37.813-30.253a3.363 3.363 0 0 0-1.835.765 3.615 3.615 0 0 0-1.135 1.693 3.777 3.777 0 0 0-.062 2.068 3.651 3.651 0 0 0 1.03 1.765l18.916 17.212-5.73 25.527a3.783 3.783 0 0 0 .126 2.097c.239.67.662 1.251 1.217 1.67.548.416 1.21.653 1.897.679a3.334 3.334 0 0 0 1.938-.54l21.471-13.596 21.678 13.596c.58.353 1.245.523 1.915.487a3.353 3.353 0 0 0 1.858-.69 3.603 3.603 0 0 0 1.194-1.643c.238-.66.287-1.373.142-2.06l-5.661-25.527 18.64-17.212c.53-.45.919-1.057 1.113-1.742a3.704 3.704 0 0 0-.022-2.097 3.546 3.546 0 0 0-1.149-1.717 3.296 3.296 0 0 0-1.875-.735L422.89 26.28 413.156 2.2a3.582 3.582 0 0 0-1.273-1.6 3.336 3.336 0 0 0-1.903-.6 3.33 3.33 0 0 0-1.903.6 3.578 3.578 0 0 0-1.273 1.599l-9.803 24.081-24.854 2.242ZM317.71 58.775l17.154 10.759-4.47-20.16 15.196-14.03-20.317-1.828-7.557-18.695-7.611 18.695-20.21 1.823 15.396 14.008-4.524 20.157 16.943-10.729Zm-37.813-30.253a3.363 3.363 0 0 0-1.835.765 3.615 3.615 0 0 0-1.135 1.693 3.777 3.777 0 0 0-.062 2.068 3.651 3.651 0 0 0 1.03 1.765l18.916 17.212-5.73 25.527a3.783 3.783 0 0 0 .126 2.097c.239.67.662 1.251 1.217 1.67.548.416 1.21.653 1.897.679a3.334 3.334 0 0 0 1.938-.54l21.471-13.596 21.678 13.596c.58.353 1.245.523 1.915.487a3.353 3.353 0 0 0 1.858-.69 3.603 3.603 0 0 0 1.194-1.643c.238-.66.287-1.373.142-2.06l-5.661-25.527 18.64-17.212c.53-.45.919-1.057 1.113-1.742a3.704 3.704 0 0 0-.022-2.097 3.546 3.546 0 0 0-1.149-1.717 3.296 3.296 0 0 0-1.875-.735L330.64 26.28 320.906 2.2a3.582 3.582 0 0 0-1.273-1.6 3.336 3.336 0 0 0-1.903-.6 3.33 3.33 0 0 0-1.903.6 3.578 3.578 0 0 0-1.273 1.599l-9.803 24.081-24.854 2.242ZM225.46 58.775l17.154 10.759-4.47-20.16 15.196-14.03-20.317-1.828-7.557-18.695-7.611 18.695-20.21 1.823 15.396 14.008-4.524 20.157 16.943-10.729Zm-37.813-30.253a3.363 3.363 0 0 0-1.835.765 3.615 3.615 0 0 0-1.135 1.693 3.777 3.777 0 0 0-.062 2.068 3.651 3.651 0 0 0 1.03 1.765l18.916 17.212-5.73 25.527a3.783 3.783 0 0 0 .126 2.097c.239.67.662 1.251 1.217 1.67.548.416 1.21.653 1.897.679a3.334 3.334 0 0 0 1.938-.54l21.471-13.596 21.678 13.596c.58.353 1.245.523 1.915.487a3.353 3.353 0 0 0 1.858-.69 3.603 3.603 0 0 0 1.194-1.643c.238-.66.287-1.373.142-2.06l-5.661-25.527 18.64-17.212c.53-.45.919-1.057 1.113-1.742a3.704 3.704 0 0 0-.022-2.097 3.546 3.546 0 0 0-1.149-1.717 3.296 3.296 0 0 0-1.875-.735L238.39 26.28 228.656 2.2a3.582 3.582 0 0 0-1.273-1.6 3.336 3.336 0 0 0-1.903-.6 3.33 3.33 0 0 0-1.903.6 3.578 3.578 0 0 0-1.273 1.599l-9.803 24.081-24.854 2.242Z' fill='%23E62415'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 451 82' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m40.96 58.775 17.154 10.759-4.47-20.16 15.196-14.03-20.317-1.828-7.557-18.695-7.61 18.695-20.21 1.823L28.54 49.347l-4.524 20.157L40.96 58.775ZM3.147 28.522a3.366 3.366 0 0 0-1.835.765A3.62 3.62 0 0 0 .177 30.98a3.78 3.78 0 0 0-.062 2.068c.172.681.53 1.295 1.03 1.765l18.916 17.212-5.73 25.527a3.778 3.778 0 0 0 .126 2.097c.239.67.662 1.251 1.217 1.67a3.35 3.35 0 0 0 1.897.679 3.333 3.333 0 0 0 1.938-.54L40.98 67.862l21.678 13.596c.58.353 1.245.523 1.915.487a3.354 3.354 0 0 0 1.858-.69 3.602 3.602 0 0 0 1.194-1.643c.238-.66.287-1.373.142-2.06l-5.661-25.527 18.64-17.212c.53-.45.919-1.057 1.113-1.742a3.704 3.704 0 0 0-.022-2.097 3.547 3.547 0 0 0-1.15-1.717 3.293 3.293 0 0 0-1.874-.735L53.89 26.28 44.156 2.2A3.58 3.58 0 0 0 42.883.6 3.341 3.341 0 0 0 40.98 0a3.34 3.34 0 0 0-1.903.6 3.582 3.582 0 0 0-1.273 1.599L28.001 26.28 3.147 28.522ZM133.21 58.775l17.154 10.759-4.47-20.16 15.196-14.03-20.317-1.828-7.557-18.695-7.611 18.695-20.21 1.823 15.396 14.008-4.524 20.157 16.943-10.729ZM95.397 28.522a3.366 3.366 0 0 0-1.835.765 3.62 3.62 0 0 0-1.135 1.693 3.78 3.78 0 0 0-.062 2.068c.172.681.53 1.295 1.03 1.765l18.916 17.212-5.73 25.527a3.783 3.783 0 0 0 .126 2.097c.239.67.662 1.251 1.217 1.67.548.416 1.21.653 1.897.679a3.334 3.334 0 0 0 1.938-.54l21.471-13.596 21.678 13.596c.58.353 1.245.523 1.915.487a3.353 3.353 0 0 0 1.858-.69 3.603 3.603 0 0 0 1.194-1.643c.238-.66.287-1.373.142-2.06l-5.661-25.527 18.64-17.212c.53-.45.919-1.057 1.113-1.742a3.704 3.704 0 0 0-.022-2.097 3.546 3.546 0 0 0-1.149-1.717 3.296 3.296 0 0 0-1.875-.735L146.14 26.28 136.406 2.2a3.582 3.582 0 0 0-1.273-1.6 3.336 3.336 0 0 0-1.903-.6 3.33 3.33 0 0 0-1.903.6 3.578 3.578 0 0 0-1.273 1.599l-9.803 24.081-24.854 2.242ZM409.96 58.775l17.154 10.759-4.47-20.16 15.196-14.03-20.317-1.828-7.557-18.695-7.611 18.695-20.21 1.823 15.396 14.008-4.524 20.157 16.943-10.729Zm-37.813-30.253a3.363 3.363 0 0 0-1.835.765 3.615 3.615 0 0 0-1.135 1.693 3.777 3.777 0 0 0-.062 2.068 3.651 3.651 0 0 0 1.03 1.765l18.916 17.212-5.73 25.527a3.783 3.783 0 0 0 .126 2.097c.239.67.662 1.251 1.217 1.67.548.416 1.21.653 1.897.679a3.334 3.334 0 0 0 1.938-.54l21.471-13.596 21.678 13.596c.58.353 1.245.523 1.915.487a3.353 3.353 0 0 0 1.858-.69 3.603 3.603 0 0 0 1.194-1.643c.238-.66.287-1.373.142-2.06l-5.661-25.527 18.64-17.212c.53-.45.919-1.057 1.113-1.742a3.704 3.704 0 0 0-.022-2.097 3.546 3.546 0 0 0-1.149-1.717 3.296 3.296 0 0 0-1.875-.735L422.89 26.28 413.156 2.2a3.582 3.582 0 0 0-1.273-1.6 3.336 3.336 0 0 0-1.903-.6 3.33 3.33 0 0 0-1.903.6 3.578 3.578 0 0 0-1.273 1.599l-9.803 24.081-24.854 2.242ZM317.71 58.775l17.154 10.759-4.47-20.16 15.196-14.03-20.317-1.828-7.557-18.695-7.611 18.695-20.21 1.823 15.396 14.008-4.524 20.157 16.943-10.729Zm-37.813-30.253a3.363 3.363 0 0 0-1.835.765 3.615 3.615 0 0 0-1.135 1.693 3.777 3.777 0 0 0-.062 2.068 3.651 3.651 0 0 0 1.03 1.765l18.916 17.212-5.73 25.527a3.783 3.783 0 0 0 .126 2.097c.239.67.662 1.251 1.217 1.67.548.416 1.21.653 1.897.679a3.334 3.334 0 0 0 1.938-.54l21.471-13.596 21.678 13.596c.58.353 1.245.523 1.915.487a3.353 3.353 0 0 0 1.858-.69 3.603 3.603 0 0 0 1.194-1.643c.238-.66.287-1.373.142-2.06l-5.661-25.527 18.64-17.212c.53-.45.919-1.057 1.113-1.742a3.704 3.704 0 0 0-.022-2.097 3.546 3.546 0 0 0-1.149-1.717 3.296 3.296 0 0 0-1.875-.735L330.64 26.28 320.906 2.2a3.582 3.582 0 0 0-1.273-1.6 3.336 3.336 0 0 0-1.903-.6 3.33 3.33 0 0 0-1.903.6 3.578 3.578 0 0 0-1.273 1.599l-9.803 24.081-24.854 2.242ZM225.46 58.775l17.154 10.759-4.47-20.16 15.196-14.03-20.317-1.828-7.557-18.695-7.611 18.695-20.21 1.823 15.396 14.008-4.524 20.157 16.943-10.729Zm-37.813-30.253a3.363 3.363 0 0 0-1.835.765 3.615 3.615 0 0 0-1.135 1.693 3.777 3.777 0 0 0-.062 2.068 3.651 3.651 0 0 0 1.03 1.765l18.916 17.212-5.73 25.527a3.783 3.783 0 0 0 .126 2.097c.239.67.662 1.251 1.217 1.67.548.416 1.21.653 1.897.679a3.334 3.334 0 0 0 1.938-.54l21.471-13.596 21.678 13.596c.58.353 1.245.523 1.915.487a3.353 3.353 0 0 0 1.858-.69 3.603 3.603 0 0 0 1.194-1.643c.238-.66.287-1.373.142-2.06l-5.661-25.527 18.64-17.212c.53-.45.919-1.057 1.113-1.742a3.704 3.704 0 0 0-.022-2.097 3.546 3.546 0 0 0-1.149-1.717 3.296 3.296 0 0 0-1.875-.735L238.39 26.28 228.656 2.2a3.582 3.582 0 0 0-1.273-1.6 3.336 3.336 0 0 0-1.903-.6 3.33 3.33 0 0 0-1.903.6 3.578 3.578 0 0 0-1.273 1.599l-9.803 24.081-24.854 2.242Z' fill='%23E62415'/%3E%3C/svg%3E");
}

.raiting-stars::after {
  background-color: var(--sgStarsBackground, #fff);
  -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 451 82" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M40.98 0H0v82h451V0H40.98Zm92.25 0a3.33 3.33 0 0 1 1.903.6c.565.39 1.007.946 1.273 1.599l9.734 24.081 24.923 2.242c.686.043 1.342.3 1.875.735.539.438.94 1.036 1.149 1.717.209.68.217 1.412.022 2.097a3.556 3.556 0 0 1-1.113 1.742l-18.64 17.212 5.661 25.527c.145.686.096 1.4-.142 2.06a3.603 3.603 0 0 1-1.194 1.643 3.327 3.327 0 0 1-3.773.203L133.23 67.862l-21.471 13.596a3.334 3.334 0 0 1-1.938.54 3.351 3.351 0 0 1-1.897-.68 3.595 3.595 0 0 1-1.217-1.67 3.779 3.779 0 0 1-.126-2.096l5.73-25.527-18.916-17.212a3.647 3.647 0 0 1-1.03-1.765 3.78 3.78 0 0 1 .062-2.068 3.62 3.62 0 0 1 1.135-1.693c.52-.434 1.16-.7 1.835-.765l24.854-2.242 9.803-24.08a3.58 3.58 0 0 1 1.273-1.6c.564-.39 1.226-.6 1.903-.6Zm92.25 0a3.33 3.33 0 0 1 1.903.6c.565.39 1.007.946 1.273 1.599l9.734 24.081 24.923 2.242c.686.043 1.342.3 1.875.735.539.438.94 1.036 1.149 1.717.209.68.217 1.412.022 2.097a3.556 3.556 0 0 1-1.113 1.742l-18.64 17.212 5.661 25.527c.145.686.096 1.4-.142 2.06a3.603 3.603 0 0 1-1.194 1.643 3.327 3.327 0 0 1-3.773.203L225.48 67.862l-21.471 13.596a3.334 3.334 0 0 1-1.938.54 3.351 3.351 0 0 1-1.897-.68 3.595 3.595 0 0 1-1.217-1.67 3.779 3.779 0 0 1-.126-2.096l5.73-25.527-18.916-17.212a3.651 3.651 0 0 1-1.03-1.765 3.777 3.777 0 0 1 .062-2.068 3.615 3.615 0 0 1 1.135-1.693c.521-.434 1.16-.7 1.835-.765l24.854-2.242 9.803-24.08a3.58 3.58 0 0 1 1.273-1.6c.564-.39 1.226-.6 1.903-.6Zm92.25 0a3.33 3.33 0 0 1 1.903.6c.565.39 1.007.946 1.273 1.599l9.734 24.081 24.923 2.242c.686.043 1.342.3 1.875.735.539.438.94 1.036 1.149 1.717.209.68.217 1.412.022 2.097a3.556 3.556 0 0 1-1.113 1.742l-18.64 17.212 5.661 25.527c.145.686.096 1.4-.142 2.06a3.603 3.603 0 0 1-1.194 1.643 3.327 3.327 0 0 1-3.773.203L317.73 67.862l-21.471 13.596a3.334 3.334 0 0 1-1.938.54 3.351 3.351 0 0 1-1.897-.68 3.595 3.595 0 0 1-1.217-1.67 3.779 3.779 0 0 1-.126-2.096l5.73-25.527-18.916-17.212a3.651 3.651 0 0 1-1.03-1.765 3.777 3.777 0 0 1 .062-2.068 3.615 3.615 0 0 1 1.135-1.693c.521-.434 1.16-.7 1.835-.765l24.854-2.242 9.803-24.08a3.58 3.58 0 0 1 1.273-1.6c.564-.39 1.226-.6 1.903-.6Zm92.25 0a3.33 3.33 0 0 1 1.903.6c.565.39 1.007.946 1.273 1.599l9.734 24.081 24.923 2.242c.686.043 1.342.3 1.875.735.539.438.94 1.036 1.149 1.717.209.68.217 1.412.022 2.097a3.556 3.556 0 0 1-1.113 1.742l-18.64 17.212 5.661 25.527c.145.686.096 1.4-.142 2.06a3.603 3.603 0 0 1-1.194 1.643 3.327 3.327 0 0 1-3.773.203L409.98 67.862l-21.471 13.596a3.334 3.334 0 0 1-1.938.54 3.351 3.351 0 0 1-1.897-.68 3.595 3.595 0 0 1-1.217-1.67 3.779 3.779 0 0 1-.126-2.096l5.73-25.527-18.916-17.212a3.651 3.651 0 0 1-1.03-1.765 3.777 3.777 0 0 1 .062-2.068 3.615 3.615 0 0 1 1.135-1.693c.521-.434 1.16-.7 1.835-.765l24.854-2.242 9.803-24.08a3.58 3.58 0 0 1 1.273-1.6c.564-.39 1.226-.6 1.903-.6Zm-369 0a3.33 3.33 0 0 1 1.903.6c.565.39 1.008.946 1.273 1.599L53.89 26.28l24.923 2.242c.686.043 1.342.3 1.875.735.54.438.94 1.036 1.15 1.717.208.68.216 1.412.021 2.097a3.557 3.557 0 0 1-1.113 1.742l-18.64 17.212 5.66 25.527c.145.686.097 1.4-.14 2.06a3.603 3.603 0 0 1-1.195 1.643 3.328 3.328 0 0 1-3.773.203L40.98 67.862 19.51 81.458a3.334 3.334 0 0 1-1.939.54 3.35 3.35 0 0 1-1.897-.68 3.595 3.595 0 0 1-1.217-1.67 3.778 3.778 0 0 1-.126-2.096l5.73-25.527L1.145 34.813a3.648 3.648 0 0 1-1.03-1.765 3.778 3.778 0 0 1 .062-2.068 3.62 3.62 0 0 1 1.135-1.693c.52-.434 1.16-.7 1.835-.765l24.854-2.242L37.804 2.2A3.582 3.582 0 0 1 39.077.6 3.34 3.34 0 0 1 40.98 0Z" fill="%23fff"/></svg>');
  mask-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 451 82" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M40.98 0H0v82h451V0H40.98Zm92.25 0a3.33 3.33 0 0 1 1.903.6c.565.39 1.007.946 1.273 1.599l9.734 24.081 24.923 2.242c.686.043 1.342.3 1.875.735.539.438.94 1.036 1.149 1.717.209.68.217 1.412.022 2.097a3.556 3.556 0 0 1-1.113 1.742l-18.64 17.212 5.661 25.527c.145.686.096 1.4-.142 2.06a3.603 3.603 0 0 1-1.194 1.643 3.327 3.327 0 0 1-3.773.203L133.23 67.862l-21.471 13.596a3.334 3.334 0 0 1-1.938.54 3.351 3.351 0 0 1-1.897-.68 3.595 3.595 0 0 1-1.217-1.67 3.779 3.779 0 0 1-.126-2.096l5.73-25.527-18.916-17.212a3.647 3.647 0 0 1-1.03-1.765 3.78 3.78 0 0 1 .062-2.068 3.62 3.62 0 0 1 1.135-1.693c.52-.434 1.16-.7 1.835-.765l24.854-2.242 9.803-24.08a3.58 3.58 0 0 1 1.273-1.6c.564-.39 1.226-.6 1.903-.6Zm92.25 0a3.33 3.33 0 0 1 1.903.6c.565.39 1.007.946 1.273 1.599l9.734 24.081 24.923 2.242c.686.043 1.342.3 1.875.735.539.438.94 1.036 1.149 1.717.209.68.217 1.412.022 2.097a3.556 3.556 0 0 1-1.113 1.742l-18.64 17.212 5.661 25.527c.145.686.096 1.4-.142 2.06a3.603 3.603 0 0 1-1.194 1.643 3.327 3.327 0 0 1-3.773.203L225.48 67.862l-21.471 13.596a3.334 3.334 0 0 1-1.938.54 3.351 3.351 0 0 1-1.897-.68 3.595 3.595 0 0 1-1.217-1.67 3.779 3.779 0 0 1-.126-2.096l5.73-25.527-18.916-17.212a3.651 3.651 0 0 1-1.03-1.765 3.777 3.777 0 0 1 .062-2.068 3.615 3.615 0 0 1 1.135-1.693c.521-.434 1.16-.7 1.835-.765l24.854-2.242 9.803-24.08a3.58 3.58 0 0 1 1.273-1.6c.564-.39 1.226-.6 1.903-.6Zm92.25 0a3.33 3.33 0 0 1 1.903.6c.565.39 1.007.946 1.273 1.599l9.734 24.081 24.923 2.242c.686.043 1.342.3 1.875.735.539.438.94 1.036 1.149 1.717.209.68.217 1.412.022 2.097a3.556 3.556 0 0 1-1.113 1.742l-18.64 17.212 5.661 25.527c.145.686.096 1.4-.142 2.06a3.603 3.603 0 0 1-1.194 1.643 3.327 3.327 0 0 1-3.773.203L317.73 67.862l-21.471 13.596a3.334 3.334 0 0 1-1.938.54 3.351 3.351 0 0 1-1.897-.68 3.595 3.595 0 0 1-1.217-1.67 3.779 3.779 0 0 1-.126-2.096l5.73-25.527-18.916-17.212a3.651 3.651 0 0 1-1.03-1.765 3.777 3.777 0 0 1 .062-2.068 3.615 3.615 0 0 1 1.135-1.693c.521-.434 1.16-.7 1.835-.765l24.854-2.242 9.803-24.08a3.58 3.58 0 0 1 1.273-1.6c.564-.39 1.226-.6 1.903-.6Zm92.25 0a3.33 3.33 0 0 1 1.903.6c.565.39 1.007.946 1.273 1.599l9.734 24.081 24.923 2.242c.686.043 1.342.3 1.875.735.539.438.94 1.036 1.149 1.717.209.68.217 1.412.022 2.097a3.556 3.556 0 0 1-1.113 1.742l-18.64 17.212 5.661 25.527c.145.686.096 1.4-.142 2.06a3.603 3.603 0 0 1-1.194 1.643 3.327 3.327 0 0 1-3.773.203L409.98 67.862l-21.471 13.596a3.334 3.334 0 0 1-1.938.54 3.351 3.351 0 0 1-1.897-.68 3.595 3.595 0 0 1-1.217-1.67 3.779 3.779 0 0 1-.126-2.096l5.73-25.527-18.916-17.212a3.651 3.651 0 0 1-1.03-1.765 3.777 3.777 0 0 1 .062-2.068 3.615 3.615 0 0 1 1.135-1.693c.521-.434 1.16-.7 1.835-.765l24.854-2.242 9.803-24.08a3.58 3.58 0 0 1 1.273-1.6c.564-.39 1.226-.6 1.903-.6Zm-369 0a3.33 3.33 0 0 1 1.903.6c.565.39 1.008.946 1.273 1.599L53.89 26.28l24.923 2.242c.686.043 1.342.3 1.875.735.54.438.94 1.036 1.15 1.717.208.68.216 1.412.021 2.097a3.557 3.557 0 0 1-1.113 1.742l-18.64 17.212 5.66 25.527c.145.686.097 1.4-.14 2.06a3.603 3.603 0 0 1-1.195 1.643 3.328 3.328 0 0 1-3.773.203L40.98 67.862 19.51 81.458a3.334 3.334 0 0 1-1.939.54 3.35 3.35 0 0 1-1.897-.68 3.595 3.595 0 0 1-1.217-1.67 3.778 3.778 0 0 1-.126-2.096l5.73-25.527L1.145 34.813a3.648 3.648 0 0 1-1.03-1.765 3.778 3.778 0 0 1 .062-2.068 3.62 3.62 0 0 1 1.135-1.693c.52-.434 1.16-.7 1.835-.765l24.854-2.242L37.804 2.2A3.582 3.582 0 0 1 39.077.6 3.34 3.34 0 0 1 40.98 0Z" fill="%23fff"/></svg>');
}

@media screen and (max-width: 768px) {
  .clutchReviews .clutchReviewsAverage {
    flex-direction: column;
    column-gap: 10px;
    align-items: center;
    font-size: 14px;
  }
  .clutchReviews .clutchReviewsAverage .clutchReviewsAverage_piesoft {
    font-size: 16px;
  }
  .clutchReviews .clutchReviewsAverage .clutchReviewsAverage_rating {
    font-size: 24px;
  }
  .clutchReviews .clutchReviewsAverage .clutchReviewsAverage_rating span:after {
    background-size: 80%;
    bottom: -1px;
    left: 40px;
  }
}
.subservice-card-thumb {
  width: 48px;
  height: 48px;
}

.domains-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px 34px 40px;
  height: 100%;
}

.about-models-card {
  min-height: 350px;
}

.wp-block-piesoft-single-person {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px 34px 40px;
  height: 100%;
}
.wp-block-piesoft-single-person img {
  height: 278px !important;
  border-radius: 16px;
  object-fit: cover;
  object-position: top center;
}
.wp-block-piesoft-single-person img:hover {
  transform: scale(1.01);
  overflow: hidden;
  transition: ease-in-out 0.5s;
}
.wp-block-piesoft-single-person .profession-card-name {
  width: 100%;
}
.wp-block-piesoft-single-person .profession-card-name a {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 20px 10px 10px 0;
  justify-content: space-between;
}
.wp-block-piesoft-single-person .profession-card-name a h3 {
  font-weight: 600;
  font-size: 24px;
  color: white;
  margin: 0;
}
.wp-block-piesoft-single-person .profession-card-name a .linkedin_scaled:hover {
  transform: scale(1.1);
  animation-duration: 1.5s;
}
.wp-block-piesoft-single-person .profession-card-title {
  padding-bottom: 24px;
  margin: 0;
  width: 100%;
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  color: white;
  border-bottom: 1px solid white;
}
.wp-block-piesoft-single-person .profession-card-description {
  margin-top: 0;
  padding: 15px 0 25px;
  width: 100%;
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  color: white;
}

.profession-card figure {
  min-width: 100px;
}

.profession-card {
  column-gap: 20px;
}

.cardServicesHeader {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid black;
  padding-bottom: 20px;
  border-bottom: 1px solid rgb(222, 224, 244);
}
.cardServicesHeader img {
  width: 100px;
  height: auto;
}
.cardServicesHeader .cardServicesTitle {
  color: black;
  font-size: 32px;
  padding-left: 20px;
}
.cardServicesHeader .cardServicesDescription {
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  padding-top: 8px;
}

.cardServicesContent {
  padding-top: 24px;
}
.cardServicesContent h4 {
  font-size: 18px;
  font-weight: 600;
}
.cardServicesContent p {
  font-size: 18px;
  font-weight: 400;
}

.is-style-card-services-texted-small .cardServicesTitle {
  font-size: 22px;
  font-weight: 600;
}

.is-style-card-services-texted .cardServicesHeader {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.is-style-card-services-texted .cardServicesHeader img {
  display: none;
}
.is-style-card-services-texted .cardServicesTitle {
  padding-left: 0;
  font-size: 22px;
  font-weight: 600;
}
.is-style-card-services-texted .cardServicesContent {
  padding-top: 16px;
}
.is-style-card-services-texted .cardServicesContent .cardServicesList {
  margin-top: 16px;
}
.is-style-card-services-texted .cardServicesContent .cardServicesList h4 {
  font-size: 16px;
  margin-bottom: 8px;
}
.is-style-card-services-texted .cardServicesContent .cardServicesList p {
  font-size: 16px;
}
.is-style-card-services-texted .cardServicesContent .cardServicesList:first-child {
  margin-top: 0;
}
.is-style-card-services-texted .marker-list {
  margin-bottom: 0;
}

@media screen and (max-width: 1200px) {
  .cardServicesHeader .cardServicesTitle {
    font-size: 28px;
  }
}
@media screen and (max-width: 991px) {
  .cardServicesHeader .cardServicesTitle {
    font-size: 22px;
  }
}
.cards-row {
  position: relative;
}

.card-link {
  color: black !important;
  text-decoration: none !important;
}

.services-card-img {
  height: 86px;
  width: auto;
}

.card-border {
  overflow: hidden;
  position: relative;
  border-radius: 8px 16px 16px 8px;
  padding: 32px 32px 32px 40px;
  height: 100%;
  text-align: left;
}

.card-border .h4 {
  margin-bottom: 16px;
}

.team-projects-card-img-wrapper img {
  width: 100%;
  height: auto;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.card-hover:hover {
  box-shadow: 0px 8px 24px #F3EBFF;
}

.cards-row > figure {
  margin: 0 auto;
}

.border-off {
  background: none;
  box-shadow: none;
  border: none;
}
.border-off:hover {
  background: none;
  box-shadow: none;
  border: none;
}

.card .section-numbers-step {
  font-size: 28px !important;
}

.invitation {
  overflow: hidden;
  padding: 72px 0;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("https://pub-piesoft.s3.amazonaws.com/backgrounds/bg-work-with-us.png");
}

.invitation .section-title {
  margin-bottom: 16px;
}

.invitation .section-title + .section-text {
  margin-bottom: 0;
  margin-top: 0;
}

.invitation-block {
  position: relative;
  margin-top: 40px;
  margin-bottom: 32px;
}

.invitation-block::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  height: 1px;
  width: 228px;
  background-color: #ffffff;
}

.invitation-block:last-child {
  padding-bottom: 0;
}

.invitation-block:last-child::after {
  display: none;
}

.invitation-block-title.h3 {
  margin-bottom: 24px;
  color: #ffffff;
}

.invitation-contacts-title {
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  color: #ffffff;
}

.invitation-contacts-item {
  margin-bottom: 8px;
}

.invitation-contacts-item:last-child {
  margin-bottom: 0;
}

.invitation-contacts-item a {
  padding-left: 36px;
  font-weight: 600;
  font-size: 18px;
  color: #ffffff;
  background-repeat: no-repeat;
  background-position: left center;
}

.invitation-contacts-item a:hover,
.invitation-contacts-item a:active {
  color: white;
  opacity: 0.7;
}

.invitation-contacts-item a:focus-visible {
  color: white;
  opacity: 0.7;
}

.invitation .contact-form {
  padding: 48px 72px 80px;
  box-shadow: none;
}

.invitation .contact-form .result {
  padding: 0 72px;
}

.invintation-content-tab-wrapper {
  display: flex;
  align-items: center;
}

.invitation-block-title-tab {
  padding: 16px 8px 16px 16px;
  border-bottom: solid 2px #A3A4A4;
  font-size: 24px;
  font-weight: 500;
  color: #FFFFFF;
  box-sizing: border-box;
}

.invitation-block-title-tab:hover {
  transform: scale(1.01);
  opacity: 0.7;
  cursor: pointer;
}

.invitation-block-title-tab.active {
  border-bottom: solid 5px #7D3EF2;
  font-weight: 600;
}

.invitation-block-title-tab.eu {
  padding: 16px 16px 16px 50px;
}

.invitation-contacts-title {
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  color: #fff;
  padding-left: 36px;
  background-image: url("./img/ico-location-white.svg");
  background-repeat: no-repeat;
}

.invitation-contacts-tel a {
  background-image: url(./img/ico-tel.svg);
}

.invitation-contacts-email a {
  background-image: url(./img/ico-email.svg);
}

.invitation-block-body {
  position: relative;
  transition: 0.25s;
}

.invitation-block {
  display: none;
  transform: scaleY(0.8);
  opacity: 0;
  transform-origin: center top;
  animation: showContent 0.6s forwards;
}

.tabs-content-active {
  display: block;
}

@keyframes showContent {
  0% {
    transform: scaleY(0.8);
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    opacity: 1;
  }
}
.col-12.invitation-contacts-item img {
  display: block;
  width: 100%;
}

.col-12.invitation-contacts-item.br img {
  border-radius: 8px;
  border: solid 3px rgba(163, 164, 164, 0.8);
}

@media (max-width: 767px) {
  .invitation-content {
    flex-direction: column;
  }
  .invitation-block-title-tab {
    font-size: 18px;
  }
  .invitation-block-title-tab.eu {
    padding: 16px 16px 16px 8px;
  }
}
.invitation-block:after {
  display: none;
}

@media (max-width: 487px) {
  .invitation-block-title-tab {
    width: fit-content;
    white-space: nowrap;
  }
}
.footer {
  flex-shrink: 0;
  flex-grow: 0;
  padding: 24px 0;
  background-color: #ffffff;
}

.footer .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer-copyright-wrapper {
  order: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 20px;
}
.footer-copyright-wrapper .footer-links {
  margin: 0;
}

.footer-copyright {
  font-size: 14px;
  color: #888ea6;
}

.footer-soc {
  order: 2;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.footer-soc .soc-link {
  margin-right: 16px;
  width: 32px;
  height: 32px;
}

.footer-soc .soc-link:last-child {
  margin-right: 0;
}

@media screen and (max-width: 576px) {
  .footer-soc {
    margin-top: 20px;
  }
}
@media screen and (max-width: 420px) {
  .footer-copyright-wrapper {
    flex-direction: column;
    gap: 10px 0;
  }
  .footer-links {
    order: 2;
  }
}
.sales-manager-contacts {
  background-image: none !important;
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.contact-location {
  margin: 0 0 36px 0;
  font-size: 1.3rem;
}

.sales-manager-tel,
.sales-manager-email,
.sales-manager-email-link {
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 22px;
  color: #292C32;
  max-width: 300px;
}

.sales-manager-tel,
.sales-manager-email-link {
  margin: 16px 0 0 0;
}

.sales-manager-name {
  font-size: 1.1rem;
  line-height: 22px;
  font-weight: 600;
}

.sales-manager-tel:hover,
.sales-manager-email:hover {
  transform: scale(1.01);
  opacity: 0.7;
  cursor: pointer;
}

.sales-manager-tel svg,
.sales-manager-email svg,
.sales-manager-email-link svg {
  margin: 0 16px 0 0;
}

.sales-department {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.sales-manager {
  flex-direction: column;
  border-radius: 8px;
  box-shadow: 0px 8px 24px 0px rgba(201, 201, 201, 0.25);
  padding: 40px 0;
  aspect-ratio: 1/1;
  width: 100%;
  max-width: 456px;
  margin-top: 60px;
}

@media screen and (max-width: 990px) {
  .sales-manager,
  .sales-department {
    margin-top: 0;
  }
}
@media (max-width: 500px) {
  .sales-manager-contacts {
    border: none;
  }
  .sales-manager-tel,
  .sales-manager-email,
  .sales-manager-email-link {
    font-size: 20px;
  }
  .sales-manager {
    padding: 30px 0;
  }
}
.tablist {
  display: flex;
  flex-direction: row;
  justify-content: center;
  background: white;
}
.tablist li {
  text-align: center;
}
.tablist li a.active {
  border-bottom: 3px solid #7D3EF2;
}

.wp-block-piesoft-tabs-block .tab-content {
  padding: 40px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  background: white;
  box-shadow: 0 8px 24px rgba(201, 201, 201, 0.25);
  transition: all ease-in-out 0.3s;
}
.wp-block-piesoft-tabs-block .tab-content h4 {
  margin-bottom: 20px;
}
.wp-block-piesoft-tabs-block .tab-content h2 {
  margin-bottom: 20px;
}

@media (max-width: 1199px) {
  .tablist .header-menu-link {
    font-size: 16px;
  }
}
.wp-block-piesoft-single-tab {
  background: white;
  padding: 0 20px;
}

.wp-block-piesoft-tabs-block .d-sm-block {
  box-shadow: 0 8px 24px rgba(201, 201, 201, 0.25);
  transition: all ease-in-out 0.3s;
}

.wp-block-piesoft-single-tab .section-accordion-btn {
  border-bottom: 1px solid #DEE0F4;
}

.wp-block-piesoft-tabs-block div:first-child {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.wp-block-piesoft-tabs-block div:last-child {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.block-editor-link-control {
  min-width: 100px !important;
}

.components-menu-item__item {
  min-width: 100px !important;
}

/*.wp-block-piesoft-single-step*/
.wp-block-piesoft-list-item .h4 {
  margin-bottom: 24px;
}

.wp-block-piesoft-list-item .h6 {
  margin-top: 32px;
  margin-bottom: 24px;
}

.wp-block-piesoft-single-step p {
  font-size: 16px;
}

.wp-block-piesoft-portfolio-half img {
  border-radius: 16px;
}

.wp-block-piesoft-custom-backgroung-cection li::before {
  background-color: #fff;
}

blockquote.wp-block-quote {
  box-sizing: border-box;
  margin: 48px 0;
  padding: 40px 56px 40px 40px;
  background-color: #f9f9f9;
}
blockquote.wp-block-quote:last-child {
  margin-bottom: 0;
}

.wp-block-image > img {
  height: auto;
}

@media screen and (max-width: 576px) {
  .wp-block-piesoft-portfolio-half a.btn-simple {
    width: 100%;
  }
}
.wp-block-piesoft-single-step p.section-numbers-step {
  position: relative;
  margin-bottom: 16px;
  padding-bottom: 16px;
  font-weight: 600;
  font-size: 48px;
  line-height: 1;
  color: #7d3ef2;
}
.wp-block-piesoft-single-step .h4 {
  margin-top: 0;
  margin-bottom: 16px;
}

.wp-block-table {
  margin: 0;
  width: 100%;
  box-shadow: 0 8px 24px rgba(197, 201, 208, 0.25);
  overflow: auto;
}
.wp-block-table * {
  scrollbar-width: thin;
  scrollbar-color: #7D3EF2 #E2CFFF;
}
.wp-block-table::-webkit-scrollbar {
  height: 10px;
}
.wp-block-table::-webkit-scrollbar-track {
  background: #E2CFFF;
}
.wp-block-table::-webkit-scrollbar-thumb {
  background: #7D3EF2;
}
.wp-block-table table {
  min-width: 560px;
  border-collapse: collapse;
  border-style: hidden;
}
.wp-block-table table td {
  border: none;
  padding: 20px 10px;
  vertical-align: top;
}
.wp-block-table table thead {
  color: #fff;
}
.wp-block-table table thead th {
  text-transform: uppercase;
  border: none;
  padding: 20px 20px;
  vertical-align: middle;
  background: #7d3ef2;
}
.wp-block-table table thead th:first-child {
  border-top-left-radius: 16px;
}
.wp-block-table table thead th:last-child {
  border-top-right-radius: 16px;
}
.wp-block-table table tbody td:first-child {
  vertical-align: middle;
}
.wp-block-table table tbody tr:nth-child(odd) {
  background-color: rgba(146, 104, 230, 0.05);
}
.wp-block-table table tbody tr:last-child {
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  box-shadow: 0 8px 24px rgba(197, 201, 208, 0.25);
}
.wp-block-table table tbody s {
  position: relative;
  text-decoration: none;
  padding-left: 15px;
}
.wp-block-table table tbody s::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  z-index: 1;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  background-color: #7D3EF2;
}

.wp-block-piesoft-card-portfolio .card {
  height: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border-radius: 16px;
  white-space: normal;
  background-color: #ffffff;
  box-shadow: 0 8px 24px rgba(201, 201, 201, 0.25);
  transition: all ease-in-out 0.3s;
  text-align: left;
  padding-bottom: 50px;
}
.wp-block-piesoft-card-portfolio .wp-block-image img {
  object-fit: cover;
  width: 100%;
  aspect-ratio: 37/24;
}
.wp-block-piesoft-card-portfolio .wp-block-heading {
  padding: 38px 24px 30px;
}
.wp-block-piesoft-card-portfolio ul {
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 30px;
}
.wp-block-piesoft-card-portfolio p:empty {
  display: none;
}
.wp-block-piesoft-card-portfolio p {
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 30px;
}
.wp-block-piesoft-card-portfolio a.read-more {
  cursor: pointer;
  position: absolute;
  bottom: 25px;
  left: 24px;
}

.wp-block-piesoft-simple-image img {
  width: 100%;
  height: auto;
}
.wp-block-piesoft-simple-image .simpleImage {
  display: block;
}
.wp-block-piesoft-simple-image .simpleImageMobile {
  display: none;
}

@media screen and (max-width: 772px) {
  .wp-block-piesoft-simple-image img {
    width: 100%;
    height: auto;
  }
  .wp-block-piesoft-simple-image .simpleImage {
    display: none;
  }
  .wp-block-piesoft-simple-image .simpleImageMobile {
    display: block;
  }
}
.section-gradient .pipedriveWebForms {
  margin: 15px;
  padding: 32px;
  background: radial-gradient(121.18% 95% at 4.71% 75.52%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 32px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.section-gradient .pipedriveWebForms iframe body {
  color: white !important;
}
.section-gradient h2, .section-gradient h3, .section-gradient h4 {
  color: #fff;
}

.wp-block-piesoft-call-to-action .call_to_action {
  width: 100%;
  display: flex;
  gap: 25px;
}
.wp-block-piesoft-call-to-action .call_to_action .cta-text {
  font-size: 18px;
  line-height: 1.5;
}
.wp-block-piesoft-call-to-action .call_to_action.horizontal {
  flex-direction: row;
  align-items: center;
}
.wp-block-piesoft-call-to-action .call_to_action.horizontal .button_container {
  min-width: 15%;
}
.wp-block-piesoft-call-to-action .call_to_action.vertical {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.wp-block-piesoft-call-to-action .call_to_action .wp-element-button {
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .wp-block-piesoft-call-to-action .call_to_action {
    width: 100%;
    display: flex;
  }
  .wp-block-piesoft-call-to-action .call_to_action.horizontal {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .wp-block-piesoft-call-to-action .call_to_action .button_container,
  .wp-block-piesoft-call-to-action .call_to_action .wp-block-buttons,
  .wp-block-piesoft-call-to-action .call_to_action .wp-block-button,
  .wp-block-piesoft-call-to-action .call_to_action .wp-element-button {
    width: 100%;
  }
}
.wp-block-piesoft-simple-image .simpleImageMobile {
  width: auto;
  margin: 0 auto;
}

.newShare {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.newShare .share-title {
  margin-bottom: 0;
}

.new-news-date {
  font-size: 14px;
  color: #888ea6;
}

/*breadcrumbs*/
.breadcrumbs {
  padding: 40px 0;
  font-weight: 500;
  line-height: 1.3;
}

.breadcrumbs li {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  padding-right: 16px;
}

.breadcrumbs li::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 1;
  margin-top: -7px;
  height: 14px;
  width: 1px;
  background-color: #A9AAB6;
}

.breadcrumbs li:last-child {
  margin-right: 0;
  padding-right: 0;
}

.breadcrumbs li:last-child::after {
  display: none;
}

.breadcrumbs a {
  color: #292C32;
}

.breadcrumbs a:hover,
.breadcrumbs a:active {
  text-decoration: underline;
}

.breadcrumbs a:focus-visible {
  text-decoration: underline;
}

.breadcrumbs span {
  color: #A9AAB6;
}

.breadcrumbs_list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-left: 0;
}

@media (max-width: 991px) {
  .breadcrumbs {
    padding: 32px 0;
  }
}
.greeting {
  overflow: hidden;
  position: relative;
  background-color: #1c1c1c;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.greeting-bg {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: auto;
  height: 100%;
  object-position: center right;
  transform: translate(-50%, -50%);
}

.greeting .container {
  position: relative;
  z-index: 2;
}

.greeting .container > .row {
  padding-bottom: 104px;
}

.greeting .container > .row:last-child {
  padding-bottom: 0;
}

.greeting .breadcrumbs a {
  color: #ffffff;
}

.greeting .tag {
  display: inline-block;
  margin-bottom: 32px;
  border-radius: 5px;
  padding: 8px 16px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  color: #ffffff;
  background-color: #7D3EF2;
}

.greeting .section-text {
  margin-bottom: 0;
}

.greeting .section-text + .career-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 24px;
}

.greeting-cards .col-6 {
  margin-top: 24px;
}

.greeting-cards .col-6:first-child,
.greeting-cards .col-6:nth-child(2) {
  margin-top: 0;
}

.greeting-card {
  text-align: center;
}

.greeting-card-title {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 48px;
  line-height: 1.2;
}

.greeting-card-text {
  font-weight: 500;
}

.greeting-footer {
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 0;
  display: flex;
  justify-content: flex-start;
}

.greeting-footer .btn {
  margin-right: 32px;
  padding-left: 8px;
  padding-right: 8px;
  min-width: 200px;
  max-width: 200px;
}

.greeting-footer .btn:last-child {
  margin-right: 0;
}

@supports (object-fit: cover) {
  .greeting-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media screen and (max-width: 1100px) {
  .greeting-bg {
    object-position: center;
  }
}
.section-infographic-column {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.infographic-steps {
  position: relative;
  width: 100%;
  padding: 40px 0 20px;
}

.infographic-steps > .infographic-steps-column:nth-child(2n+1) {
  padding-right: 100px;
}

.infographic-steps > .infographic-steps-column:nth-child(2n+2) {
  padding-left: 100px;
}

.infographic-steps > .infographic-steps-column {
  padding-bottom: 60px;
}

.infographic-step {
  z-index: 3;
  width: 100%;
  height: 100%;
  padding: 32px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.infographic-step .infographic-text {
  width: 200px;
  text-align: left;
  margin: 0 20px;
}
.infographic-step .infographic-counter {
  font-size: 42px;
  font-weight: 500;
}

.infographic-steps-column {
  z-index: 3;
}

.infographic-steps-column:nth-child(2n+2) > .infographic-step {
  flex-direction: row-reverse;
}

.section-infographic-start {
  z-index: 3;
  font-size: 20px;
  text-transform: uppercase;
  padding: 50px 30px;
  color: black;
  background-color: #E6D8FF;
  border: 14px solid white;
  border-radius: 150px;
  box-shadow: 0px 8px 24px rgba(125, 62, 242, 0.08);
}

.section-infographic-success {
  z-index: 3;
  font-size: 20px;
  text-transform: uppercase;
  padding: 50px 15px;
  color: white;
  background-color: #7D3EF2;
  border: 14px solid white;
  border-radius: 250px;
  box-shadow: 0px 8px 24px rgba(125, 62, 242, 0.08);
}

.info-devider {
  z-index: 0;
  position: absolute;
  height: 100%;
  top: 0;
  left: 50%;
  padding: 0 !important;
  width: 15px;
  transform: translateX(-50%);
  background: linear-gradient(0, #7D3EF2 0%, #EADEFF 100%);
}

@media (max-width: 990px) {
  .infographic-steps > .infographic-steps-column {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .infographic-step {
    flex-direction: row !important;
  }
  .infographic-steps > .infographic-steps-column {
    padding-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .infographic-step .infographic-img {
    width: 35px;
  }
  .infographic-step .infographic-counter {
    font-size: 28px;
  }
}
/* Typography
--------------------------------------------- */
h1,
.h1 {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.2;
  color: #4B4F5C;
}

.main-title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #292C32;
}

h2,
.h2 {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.2;
  color: #292C32;
}

.section-title {
  margin-bottom: 64px;
  font-weight: 600;
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #292C32;
}

.section-title-white {
  color: #ffffff;
}

.section-title + .section-text {
  margin-top: -40px;
}

h3,
.h3 {
  font-weight: 600;
  font-size: 32px;
  line-height: 1.2;
  color: #292C32;
}

.wp-block-piesoft-portfolio-half h3.section-title {
  font-size: 24px;
  text-transform: uppercase;
}

.section-img-half h3.section-title {
  font-size: 24px;
  text-transform: uppercase;
}

h4,
.h4 {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.2;
  color: #292C32;
}

h4.bold,
.h4.bold {
  font-weight: 700;
}

h5,
.h5 {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.5;
  color: #292C32;
}

h6,
.h6 {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5;
  color: #292C32;
}

@media screen and (max-width: 500px) {
  .wp-block-piesoft-custom-cection .section-title {
    font-size: 28px;
    line-height: 1.4;
  }
  .wp-block-piesoft-portfolio-half h3.section-title {
    font-size: 20px;
  }
}
*::selection {
  background-color: rgba(125, 62, 242, 0.4);
}

.section-text {
  margin-bottom: 64px;
  font-size: 18px;
}

.section-text:last-child {
  margin-bottom: 0;
}

.section-text + .section-text {
  margin-top: 24px;
}

.section-text p {
  margin-bottom: 24px;
}

.section-text p:last-child {
  margin-bottom: 0;
}

.subtitle {
  line-height: 1;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #7D3EF2;
}

strong,
b {
  font-weight: 600;
}

.violet {
  color: #7D3EF2;
}

.text-center {
  text-align: center;
}

em,
i {
  font-style: italic;
}

/* Elements
--------------------------------------------- */
html {
  min-height: 100%;
}

body {
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  font-size: 16px;
  line-height: 1.5;
  font-family: "Montserrat", sans-serif;
  color: #4B4F5C;
  -webkit-tap-highlight-color: rgba(125, 62, 242, 0.5);
  background-color: #f9f9f9;
  -webkit-font-smoothing: antialiased;
  margin: 0 !important;
}

body.news-template {
  background: white;
}

body.noscroll {
  overflow-y: hidden;
}

body.inner .page-wrapper {
  padding-top: 86px;
}

body.inner .header {
  border-bottom: 1px solid #eeeff4;
  background-color: #ffffff;
}

body.inner .header-menu-link.active::after {
  background-color: #7D3EF2;
}

.text-content hr {
  margin-top: 64px;
  margin-bottom: 64px;
  height: 1px;
  width: 180px;
  background-color: rgba(125, 62, 242, 0.15);
}

/*lists*/
.counter-list {
  counter-reset: li;
}

.counter-list li + li {
  margin-top: 24px;
}

.counter-list li:before {
  content: counter(li) ".";
  counter-increment: li;
  padding-right: 10px;
  color: #7D3EF2;
}

.counter-list-dark li::before {
  color: #4B4F5C;
}

.counter-list-bold li::before {
  font-weight: 600;
}

dl.counter-list {
  counter-reset: dt;
}

dl.counter-list dt + dd {
  margin-top: 6px;
}

dl.counter-list dt:before {
  content: counter(dt) ".";
  counter-increment: dt;
  padding-right: 10px;
  color: #7D3EF2;
}

dl.counter-list dd + dt {
  margin-top: 8px;
}

.marker-list {
  font-size: 18px;
}

.marker-list li {
  position: relative;
  padding-left: 24px;
}

.marker-list li:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 1;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  background-color: #7D3EF2;
}

.marker-list li + li {
  margin-top: 24px;
}

dl.marker-list dt {
  position: relative;
  padding-left: 24px;
  font-weight: 600;
  font-size: 18px;
}

dl.marker-list dt:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 1;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  background-color: #7D3EF2;
}

dl.marker-list dt + dd {
  margin-top: 16px;
}

dl.marker-list dd + dt {
  margin-top: 24px;
}

.marker-list-stack li {
  margin-right: 0;
}

.marker-list-stack li:nth-child(even) {
  margin-right: 0;
}

.is-style-inline-list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: start;
  width: 100%;
  position: relative;
  margin-bottom: 40px;
}
.is-style-inline-list li {
  position: relative;
  margin-top: 16px;
  margin-left: 55px;
}
.is-style-inline-list li:first-child {
  margin-left: 25px;
}

.list-none li:before {
  background: none;
}

/* Links
--------------------------------------------- */
.footer-links {
  margin-right: 16px;
  font-size: 14px;
  color: #888ea6;
}

.footer-links a {
  text-decoration: underline;
}

.footer-links a:hover {
  text-decoration: none;
}

/* Forms
--------------------------------------------- */
a,
button {
  text-decoration: none;
  color: currentColor;
  transition: all ease-in-out 0.1s;
}

a:hover,
button:hover,
a:active,
button:active,
a:focus,
button:focus {
  outline: none;
  text-decoration: none;
}

.read-more {
  font-weight: 600;
  line-height: 1;
  color: #7D3EF2;
  transition: all ease-in-out 0.3s;
}

.read-more:after {
  content: "\e409";
  position: relative;
  right: 0;
  display: inline-block;
  vertical-align: text-bottom;
  font-size: 1em;
  line-height: 1;
  padding-left: 10px;
  font-family: "Material Icons", sans-serif;
  color: #7D3EF2;
  transition: all ease-in-out 0.3s;
}

.read-more:hover:after,
.read-more:focus:after,
.read-more:active:after {
  right: -6px;
}

.read-more:focus-visible:after {
  right: -6px;
}

.view-more {
  font-weight: 600;
  line-height: 1;
  color: #7D3EF2;
  transition: all ease-in-out 0.3s;
}

.view-more:hover,
.view-more:focus,
.view-more:active {
  color: #985bef;
}

.view-more:focus-visible {
  color: #985bef;
}

.scroll-anchor {
  user-select: none;
}

/*soc-links*/
.soc-link {
  display: block;
}

.soc-link svg {
  display: block;
}

.soc-link path {
  fill: #7D3EF2;
}

.soc-link:hover,
.soc-link:focus {
  box-shadow: none;
}

.soc-link:hover path,
.soc-link:focus path {
  fill: #985bef;
}

/*share*/
.share {
  position: -webkit-sticky;
  position: sticky;
  top: 104px;
}

.share-title {
  display: block;
  margin-bottom: 24px;
  font-weight: 600;
  font-size: 14px;
  color: #4B4F5C;
}

.share-link {
  display: flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  box-sizing: border-box;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: transparent;
}

.share-link-twitter {
  padding-top: 1px;
}

.share-link-google {
  padding-top: 1px;
}

.share-link:hover {
  background-color: rgba(152, 91, 239, 0.1);
}

.share-link + .share-link {
  margin-top: 4px;
}

.btn,
.wp-element-button {
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid #7D3EF2;
  border-radius: 8px;
  padding: 15px 30px;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.34;
  text-align: center;
  user-select: none;
}
.btn:active, .btn:hover,
.wp-element-button:active,
.wp-element-button:hover {
  outline: none;
}
.btn:focus-visible,
.wp-element-button:focus-visible {
  outline: none;
}
.btn.btn-sm,
.wp-element-button.btn-sm {
  padding: 12px 38px;
  font-size: 16px;
  line-height: 1;
}
.btn.btn-dark, .btn.is-style-button-dark > .wp-element-button, .btn.is-style-button-dark > .wp-block-button__link,
.wp-element-button.btn-dark,
.wp-element-button.is-style-button-dark > .wp-element-button,
.wp-element-button.is-style-button-dark > .wp-block-button__link {
  color: #ffffff;
  background-color: #7D3EF2;
}
.btn.btn-dark:hover, .btn.btn-dark:active, .btn.btn-dark.active, .btn.is-style-button-dark:hover, .btn.is-style-button-dark:active, .btn.is-style-button-dark.active,
.wp-element-button.btn-dark:hover,
.wp-element-button.btn-dark:active,
.wp-element-button.btn-dark.active,
.wp-element-button.is-style-button-dark:hover,
.wp-element-button.is-style-button-dark:active,
.wp-element-button.is-style-button-dark.active {
  border: 1px solid #985bef;
  color: #ffffff;
  background-color: #985bef;
}
.btn.btn-dark:focus-visible,
.wp-element-button.btn-dark:focus-visible {
  border: 1px solid #985bef;
  color: #ffffff;
  background-color: #985bef;
}
.btn.btn-simple,
.wp-element-button.btn-simple {
  background-image: none;
  box-shadow: none;
}
.btn.btn-border,
.wp-element-button.btn-border {
  font-weight: 500;
  color: #7D3EF2;
  background-color: transparent;
}
.btn.btn-border:hover, .btn.btn-border:active, .btn.btn-border.active,
.wp-element-button.btn-border:hover,
.wp-element-button.btn-border:active,
.wp-element-button.btn-border.active {
  border: 1px solid #7D3EF2;
  color: #ffffff;
  background-color: #7D3EF2;
}
.btn.btn-border:focus-visible,
.wp-element-button.btn-border:focus-visible {
  border: 1px solid #7D3EF2;
  color: #ffffff;
  background-color: #7D3EF2;
}

.btn-category {
  margin-right: 16px;
  margin-bottom: 16px;
  border-color: transparent;
  padding: 6px 16px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  color: #4B4F5C;
  background-color: #ffffff;
  box-shadow: none;
}

.btn-category:hover,
.btn-category:focus {
  outline: none;
  border-color: transparent;
  color: #ffffff;
  background-color: #7D3EF2;
  box-shadow: none;
}

.btn-category.active {
  font-weight: 500;
  color: #ffffff;
  background-color: #7D3EF2;
  box-shadow: none;
}

.btn-category:first-child:not(:only-child) {
  position: relative;
  margin-right: 48px;
}

.btn-category:first-child:not(:only-child)::after {
  content: "";
  position: absolute;
  right: -25px;
  top: 50%;
  z-index: 1;
  margin-top: -13px;
  height: 26px;
  width: 1px;
  background-color: #DEE0F4;
}

.btn[disabled] {
  border-color: #C9B8F4;
  background-color: #C9B8F4;
  background-image: none;
  box-shadow: none;
  cursor: not-allowed;
}

.projects .btn-border {
  display: inline-block;
  margin-top: 56px;
}

.is-style-button-light .wp-element-button {
  box-sizing: border-box;
  border: 1px solid #7D3EF2;
  color: #7D3EF2;
  border-radius: 8px;
  padding: 15px 30px;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
  user-select: none;
  background-color: white;
}

.is-style-button-dark .wp-element-button {
  box-sizing: border-box;
  border: 1px solid #7D3EF2;
  color: white;
  border-radius: 8px;
  padding: 15px 30px;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
  user-select: none;
  background-color: #7D3EF2;
}

/*dropzone*/
.dropzone-wrapper {
  position: relative;
  border: 1px dashed #DDE0F5;
  border-radius: 8px;
  height: 120px;
  color: #535559;
  background-clip: content-box;
  background-color: transparent;
  transition: color 0.3s linear;
}

.has-error .dropzone-wrapper {
  border: 1px dashed #FF4343;
}

.has-success .dropzone-wrapper {
  border: 1px dashed #72be40;
}

.dropzone-wrapper:hover,
.dropzone-wrapper.dragover {
  border: 1px dashed #7D3EF2;
  background-color: #f9f9f9;
}

.dropzone-input {
  outline: none !important;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.dropzone-desc {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px;
  height: 100%;
  width: 100%;
  font-size: 12px;
  text-align: center;
  color: #B1B4CC;
  pointer-events: none;
}

.dropzone-desc__button {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 16px;
  color: #7D3EF2;
  cursor: pointer;
}

.dropzone-desc__button:hover,
.dropzone-desc__button:active {
  color: #985bef;
}

.dropzone-desc.hidden {
  display: none !important;
}

.preview-zone {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px;
  width: 100%;
  height: 100%;
  text-align: center;
}

.preview-zone.hidden {
  display: none !important;
}

.preview-zone .remove-file-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-grow: 0;
  margin: 0 0 0 16px;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  background-color: #d3d7e5;
}

.preview-zone .remove-file-btn img {
  display: block;
  width: 8px;
  height: 8px;
}

.preview-zone .remove-file-btn:hover,
.preview-zone .remove-file-btn:active {
  color: #985bef;
}

.preview-zone-text {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

/***validation***/
.result {
  position: absolute !important;
  left: 0;
  bottom: 24px;
  box-sizing: border-box;
  padding: 0 48px;
  width: 100%;
  font-size: 12px;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  text-align: left;
}

.result p {
  position: relative;
  display: none;
  padding-left: 32px;
}

.result p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 1;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center;
}

.success-form {
  color: #72be40;
}

.success-form::before {
  background-image: url("./img/ico-success-circle.svg");
}

.error-form {
  color: #FF4343;
}

.error-form::before {
  background-image: url("./img/ico-error-circle.svg");
}

.help-block {
  margin-bottom: 0;
}

/*has-success*/
.has-success .help-block {
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
  color: #888ea6;
}

.has-success .label.focus {
  color: #72be40;
}

.has-success .form-control {
  border-bottom: 1px solid #72be40;
  color: #4B4F5C;
  background-image: url("./img/ico-success.svg");
  box-shadow: none;
}

.has-success .form-control:focus {
  border-bottom: 1px solid #72be40;
  color: #4B4F5C;
  box-shadow: none;
}

/*has-error*/
.has-error .help-block {
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
  text-align: left;
  color: #FF4343;
}

.has-error .label.focus {
  color: #FF4343;
}

.has-error .form-control {
  border-bottom: 1px solid #FF4343;
  background-image: url("./img/ico-error.svg");
  box-shadow: none;
}

.has-error .form-control:focus {
  border-bottom: 1px solid #FF4343;
  box-shadow: none;
}

/***ERRORS***/
.error {
  overflow: hidden;
  padding-top: 86px;
  min-height: 100vh;
  background-image: url("/img/bg-errors.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.error .container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding-top: 96px;
  padding-bottom: 96px;
}

@media (min-height: 1080px) {
  .error .container {
    padding-top: 200px;
  }
}
.error-content {
  flex-shrink: 0;
  flex-grow: 0;
  margin-right: 56px;
  width: 336px;
}

.error-title {
  font-weight: 700;
  font-size: 120px;
  line-height: 0.75;
  color: #985bef;
}

.error-img {
  display: block;
  width: auto;
  height: auto;
}

.popup-contacts-tel a {
  padding-left: 24px;
  background-image: url("./img/ico-tel-dark.svg");
}

.popup-contacts-tel a:hover,
.popup-contacts-tel a:active {
  background-image: url("./img/ico-tel-purple.svg");
}

.popup-contacts-tel a:focus-visible {
  background-image: url("./img/ico-tel-purple.svg");
}

.popup-contacts-email a {
  padding-left: 27px;
  background-image: url("./img/ico-email-dark.svg");
}

.popup-contacts-email a:hover,
.popup-contacts-email a:active {
  background-image: url("./img/ico-email-purple.svg");
}

.popup-contacts-email a:focus-visible {
  background-image: url("./img/ico-email-purple.svg");
}

.cta-text {
  padding-top: 16px;
}

lite-youtube {
  background-color: #000;
  position: relative;
  display: block;
  contain: content;
  background-position: center center;
  background-size: cover;
  cursor: pointer;
  max-width: 720px;
  border-radius: 16px;
  width: 100%;
}

/* gradient */
lite-youtube::before {
  content: attr(data-title);
  display: block;
  position: absolute;
  top: 0;
  /* Pixel-perfect port of YT's gradient PNG, using https://github.com/bluesmoon/pngtocss plus optimizations */
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.67) 0%, rgba(0, 0, 0, 0.54) 14%, rgba(0, 0, 0, 0.15) 54%, rgba(0, 0, 0, 0.05) 72%, rgba(0, 0, 0, 0) 94%);
  height: 99px;
  width: 100%;
  font-family: "YouTube Noto", Roboto, Arial, Helvetica, sans-serif;
  color: hsl(0, 0%, 93.33%);
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  font-size: 18px;
  padding: 25px 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
}

lite-youtube:hover::before {
  color: white;
}

/* responsive iframe with a 16:9 aspect ratio
    thanks https://css-tricks.com/responsive-iframes/
*/
lite-youtube::after {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}

lite-youtube > iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
}

/* play button */
lite-youtube > .lty-playbtn {
  display: block;
  /* Make the button element cover the whole area for a large hover/click target… */
  width: 100%;
  height: 100%;
  /* …but visually it's still the same size */
  background: no-repeat center/68px 48px;
  /* YT's actual play button svg */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');
  position: absolute;
  cursor: pointer;
  z-index: 1;
  filter: grayscale(100%);
  transition: filter 0.1s cubic-bezier(0, 0, 0.2, 1);
  border: 0;
}

lite-youtube:hover > .lty-playbtn,
lite-youtube .lty-playbtn:focus {
  filter: none;
}

/* Post-click styles */
lite-youtube.lyt-activated {
  cursor: unset;
}

lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated > .lty-playbtn {
  opacity: 0;
  pointer-events: none;
}

.lyt-visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.admin-bar header.header {
  top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar header.header {
    top: 46px;
  }
}
main#primary {
  overflow: hidden;
  position: relative;
  z-index: 11;
  background-color: #ffffff;
}

main {
  overflow-x: hidden;
}

.step-img-wrapper {
  flex-shrink: 0;
  flex-grow: 0;
  display: block;
}
.step-img-wrapper img {
  display: block;
  height: auto;
}

.step-content {
  margin-left: 0;
}

.wpcf7 form {
  position: relative;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 56px 48px 80px;
  background-color: #ffffff;
  box-shadow: 0 15px 29px 0 rgba(107, 2, 255, 0.06), 0 -2px 29px 0 rgba(107, 2, 255, 0.06);
}

.current-menu-item > .header-menu-link {
  color: #6b02ff;
}

.wpcf7 form.sent .wpcf7-response-output {
  border: none !important;
  position: relative;
  display: block;
  padding-left: 32px;
  color: #72be40;
  font-size: 12px;
}

.wpcf7 form.failed .wpcf7-response-output {
  border: none !important;
  position: relative;
  display: block;
  padding-left: 32px;
  color: #ff2500;
  font-size: 12px;
}

.subservices .row {
  align-items: baseline;
}

.breadcrumbs li span {
  color: #A9AAB6;
}

.breadcrumbs li a span {
  color: #ffffff;
}

.sales-manager-contacts {
  background-image: url("./img/sales-manager-border.svg");
}

.error {
  background-image: url("./img/bg-errors.svg");
}

.quote {
  background-image: url("./img/ico-quote.svg");
}

.projects-tab-content .is-style-inline-list li {
  border-radius: 5px;
  padding: 4px 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  color: #ffffff;
  background-color: #7D3EF2;
}

@media (max-width: 768px) {
  .is-style-inline-list {
    flex-direction: column;
  }
  .is-style-inline-list li {
    margin-left: 25px;
  }
  .wp-block-piesoft-portfolio-half h4 {
    margin-bottom: 20px;
  }
}
.career-info-item-location {
  background-image: url("./img/ico-location.svg");
}

.career-info-item-time {
  background-image: url("./img/ico-time.svg");
}

.section-lists .h4 {
  margin-bottom: 24px;
}

.block-editor-inner-blocks {
  width: 100%;
}

p.section-numbers-step {
  position: relative;
  margin-bottom: 16px;
  padding-bottom: 16px;
  font-weight: 600;
  font-size: 48px;
  line-height: 1;
  color: #7D3EF2;
}

p.section-numbers-step::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  height: 1px;
  width: 136px;
  background-color: #DEE0F4;
}

.step p:not(.section-numbers-step):not(.h6) {
  max-width: 520px;
  font-size: 16px;
}

.section-gray {
  background-color: #f9f9f9;
}

.section-numbers ul li + li {
  margin-top: 8px;
}

.section-numbers p:not(.section-numbers-step):not(.h6) + ul {
  margin-top: 16px;
}

.section-numbers ul {
  margin-bottom: 16px;
}

.marker-list + .h4 {
  margin-top: 48px;
}

.fz-18 {
  font-size: 18px;
}

.section-img-half {
  align-items: center;
}

.section-img-half .section-title {
  text-align: left;
}

.section-white .breadcrumbs li a span {
  color: #4b4f5c;
}

.projects-tabs .tabs-item {
  width: 100%;
}

.modal-content {
  overflow: hidden;
}

.has-success .form-control {
  border-bottom: 1px solid #72be40;
  color: #4B4F5C;
  background-image: url("./img/ico-success.svg");
  box-shadow: none;
}

.has-error .form-control {
  border-bottom: 1px solid #FF4343;
  background-image: url("./img/ico-error.svg");
  box-shadow: none;
}

.bold {
  font-weight: bold;
}

.review-img img {
  height: auto;
}

.img-border {
  border-radius: 16px;
}

.section-numbers-step > figure {
  margin: 0 auto;
}

.location-slider {
  padding: 20px 18px;
}

.border-shadow {
  box-shadow: 0 8px 24px rgba(201, 201, 201, 0.25);
  transition: all ease-in-out 0.3s;
}

.careers-locations {
  width: 100%;
  padding-bottom: 48px;
  position: relative;
}

.careers-locations-item {
  background: #fff;
  padding: 32px;
  border-radius: 16px;
}
.careers-locations-item p {
  color: #292C32;
  text-align: left;
  margin-bottom: 24px;
  font-size: 1.3rem;
  font-weight: 600;
}
.careers-locations-item img {
  width: 100%;
  height: auto;
  margin-bottom: 0;
  border-radius: 8px;
}

.sales-department {
  margin-top: 30px;
}

.bg-violet {
  background: linear-gradient(89.74deg, #5A3FFF -25.11%, #7F33F2 19.69%, #9268E6 90.88%);
}

.sales-manager {
  color: #292C32;
}

.sales-manager-name {
  color: #292C32;
}

.contact-location {
  display: flex;
  margin-top: 12px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-weight: 600;
}
.contact-location span {
  padding-left: 8px;
  margin: 0;
}

.welcome-middle:before {
  background: none;
}

figcaption {
  text-align: center;
  font-size: 14px;
}

.testimonial-footer {
  margin-top: 20px;
}

.projects-slider .swiper-slide {
  height: auto !important;
}

.testimonial-img img {
  height: auto !important;
}

@media (max-width: 992px) {
  .project-card-img-wrapper {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
  }
  .project-card-info {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .welcome {
    text-align: center;
    background-image: url("./img/bg-home-welcome-mob.jpg");
    background-position: center right;
  }
  .tabs-item {
    width: 70% !important;
  }
  .sm-mt-5 {
    margin-top: 50px;
  }
  .nav-tabs .tabs-item a {
    font-size: 16px;
  }
  .careers-locations-item img {
    margin: 0;
    max-height: none;
    height: auto;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .step-img-wrapper {
    margin-bottom: 32px;
    width: 100%;
  }
  .header-menu {
    padding: 32px;
  }
  .header-submenu {
    padding: 32px;
  }
  header-submenu-subnav.open {
    left: 0;
    padding: 90px 0 150px 32px;
  }
}
@media (max-width: 500px) {
  .sales-manager-contacts {
    background-image: none;
  }
}
@media (max-width: 480px) {
  .quote {
    padding-left: 0;
    background-image: none;
  }
  .careers-locations-item {
    margin-top: 40px;
    width: 85%;
    padding: 32px;
    border-radius: 16px;
  }
  .careers-locations-item img {
    margin: 0 auto 24px;
    height: auto;
    max-height: none;
    width: 100%;
  }
  .location-button-next {
    display: none;
  }
  .location-button-prev {
    display: none;
  }
  .counter {
    background-image: url("./img/bg-counter-mobile.jpg");
  }
  .invitation {
    background-image: url("./img/footer/footer-mobile.jpg");
  }
}
@media (min-width: 768px) {
  .news-card-text {
    max-height: 126px;
  }
}
@media (min-width: 992px) {
  .project-card {
    height: 465px;
  }
  .swiper-slide {
    height: auto !important;
  }
  .nav-tabs .tabs-item {
    font-size: 16px;
  }
}
@media (max-width: 1199px) {
  .header-container {
    justify-content: center;
  }
  .header-nav-btn {
    margin-left: 5px;
  }
  .header-logo-img {
    margin-left: 0;
    z-index: 999 !important;
  }
  .header-menu {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 32px;
  }
  .header-menu-item {
    margin-left: 0;
  }
  .header-menu-item .open {
    padding: 90px 0 150px 32px;
  }
  .header-menu-item .header-submenu-nav {
    margin-top: 0;
  }
  .header-menu-item .header-submenu-nav .open {
    padding: 0;
  }
  .header-submenu-nav {
    overflow-y: scroll;
    margin-top: 24px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 18px;
    padding: 32px 0;
  }
  .header-submenu {
    min-width: 98%;
  }
  .header-submenu-subnav {
    width: 98%;
  }
  .header-menu-item-contacts {
    position: absolute;
    width: 80%;
    left: 10%;
    right: 10%;
    bottom: 90px;
    z-index: 999;
  }
  .header-menu-item-contacts .header-contacts-link {
    width: 100%;
  }
}
header.header {
  position: sticky;
  background-color: #fff;
}

main.page-wrapper {
  margin-top: 0;
}

@media (max-width: 1199px) {
  body.inner .page-wrapper {
    padding-top: 0;
  }
}
body.inner .page-wrapper {
  padding-top: 0;
}

.text-left {
  text-align: left;
}

.sales-manager-email-link {
  border-bottom: none;
}

.collapse.show {
  display: block;
}

.invitation {
  overflow: hidden;
  padding: 72px 0;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("./img/bg-work-with-us.png");
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mx-auto {
  margin: 0 auto;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mt-20 {
  margin-top: 20px;
}

.pt-0 {
  padding-top: 0;
}

.pb-0 {
  padding-top: 0;
}

.py-20 {
  padding-top: 20px;
  padding-top: 20px;
}

.pt-20 {
  padding-top: 20px;
}

.p-20 {
  padding: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-60 {
  padding-bottom: 60px;
}

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.pt-40 {
  padding-top: 40px;
}

.w-100 {
  width: 100%;
}

.alignleft {
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.h-100 {
  height: 100%;
}

.ps-flex-column {
  display: flex;
  flex-direction: column;
}

.clutch-widget {
  width: 100%;
}

.section-pretitle {
  font-weight: 500;
  font-size: 30px;
  text-transform: uppercase;
  color: white;
  margin-bottom: 16px;
}

.section-subtitle {
  color: white;
  margin-top: -40px;
}

.section-gradient {
  background-image: linear-gradient(89.74deg, #5A3FFF -25.11%, #7F33F2 19.69%, #9268E6 90.88%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}
.section-gradient h2 {
  color: white;
}
.section-gradient .section-text {
  color: white;
}

.single-step-align-center {
  text-align: center;
}
.single-step-align-center .section-numbers-step:after {
  display: none;
}

.single-step-align-right {
  text-align: right;
}
.single-step-align-right .section-numbers-step:after {
  left: auto !important;
  right: 0;
}

.awards-slider-pagination button {
  border: 1px solid rgba(125, 62, 242, 0.17);
}

.awards-slider .widgets_wrapper * {
  display: flex;
  justify-content: center;
}

a {
  text-decoration: none !important;
}

.cardServicesTitle:hover {
  color: #7d3ef2;
  transition: 0.25s;
}

.header-logo-img:hover {
  transform: scale(1.01);
  transition: 0.1s;
}

.ps_uppercase {
  text-transform: uppercase;
}

@media (max-width: 1199px) {
  .header-logo {
    margin-left: 0;
  }
}
.header-logo {
  padding-bottom: 20px !important;
}

/*# sourceMappingURL=style.css.map */