.Fs36 {
  font-size: 36px;
}

.Fs30 {
  font-size: 30px;
}

.Fs19 {
  font-size: 19px;
}

.Lh20 {
  line-height: 20px;
}

.Lh37 {
  line-height: 37px;
}

.Lh44 {
  line-height: 44px;
}

.Lh158 {
  line-height: 158%;
}

.MarTop28 {
  margin-top: 28px;
}

.MarTop30 {
  margin-top: 30px;
}

.MarTop40 {
  margin-top: 40px;
}

.MarTop60 {
  margin-top: 60px;
}

.MarLeft34 {
  margin-left: 34px;
}

.Marright8 {
  margin-right: 8px;
}

.BorLeft4-GrSe {
  border-left: 4px solid #e6e6f0;
}

.DisInl {
  display: inline;
}

.flex-center {
  display: flex;
  align-items: center;
}

.Col-MaRe {
  color: #323264;
}

@font-face {
  font-family: "Montserrat";
  src: url(../fonts/Montserrat/Montserrat-VariableFont_wght.ttf) format("woff2-variations");
  font-weight: 100 950;
  font-stretch: 75% 125%;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url(../fonts/Montserrat/Montserrat-Italic-VariableFont_wght.ttf) format("woff2-variations");
  font-weight: 100 950;
  font-stretch: 75% 125%;
  font-style: italic;
}
div {
  display: inline-block;
}

svg {
  width: 100%;
  height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
  font-family: "Montserrat";
  font-style: normal;
}

h1,
h2,
h3,
h4 {
  font-weight: 700;
}

h2,
h3,
h4 {
  color: #323264;
}

p,
li,
a {
  font-weight: 400;
}

p,
a {
  font-size: 16px;
  height: 100%;
}

::marker {
  color: #f0145a;
  font-weight: 700;
}

li {
  font-size: 18px;
  line-height: 144%;
}

h1,
.hero,
.h1 {
  font-size: 38px;
  line-height: 46px;
  background: linear-gradient(90.13deg, #f0145a 0.84%, #ef8080 99.96%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

h2,
.h2 {
  font-size: 30px;
  line-height: 37px;
}

h3,
.h3 {
  font-size: 22px;
  line-height: 27px;
}
h3.caps,
.h3.caps {
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

h4,
.h4 {
  font-size: 16px;
  line-height: 20px;
}

p,
.p {
  line-height: 162%;
  color: #000000;
}

li {
  color: #000000;
}

a {
  line-height: 20px;
  color: #24a3ff;
  text-decoration: none;
}
a:hover {
  color: #f0145a;
}

* {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

.Fs36 {
  font-size: 36px;
}

.Fs30 {
  font-size: 30px;
}

.Fs19 {
  font-size: 19px;
}

.Lh20 {
  line-height: 20px;
}

.Lh37 {
  line-height: 37px;
}

.Lh44 {
  line-height: 44px;
}

.Lh158 {
  line-height: 158%;
}

.MarTop28 {
  margin-top: 28px;
}

.MarTop30 {
  margin-top: 30px;
}

.MarTop40 {
  margin-top: 40px;
}

.MarTop60 {
  margin-top: 60px;
}

.MarLeft34 {
  margin-left: 34px;
}

.Marright8 {
  margin-right: 8px;
}

.BorLeft4-GrSe {
  border-left: 4px solid #e6e6f0;
}

.DisInl {
  display: inline;
}

.flex-center {
  display: flex;
  align-items: center;
}

.Col-MaRe {
  color: #323264;
}

.svg-32x32bgnone-32x32-AcRe {
  width: 32px;
  height: 32px;
  background: none;
  display: inline-flex;
  position: relative;
  justify-content: center;
  align-items: center;
  min-width: 11.62px;
  min-height: 24px;
}
.svg-32x32bgnone-32x32-AcRe svg {
  width: 32px;
  height: 32px;
  display: inline-flex;
  position: relative;
  min-width: 11.62px;
  min-height: 18px;
  max-width: 100%;
  max-height: 100%;
}
.svg-32x32bgnone-32x32-AcRe svg path {
  fill: #f0145a;
}

.svg-21x47bgnone-21x47-AcRe {
  width: 21px;
  height: 47px;
  background: none;
  display: inline-flex;
  position: relative;
  justify-content: center;
  align-items: center;
  min-width: 11.62px;
  min-height: 24px;
}
.svg-21x47bgnone-21x47-AcRe svg {
  width: 21px;
  height: 47px;
  display: inline-flex;
  position: relative;
  min-width: 11.62px;
  min-height: 18px;
  max-width: 100%;
  max-height: 100%;
}
.svg-21x47bgnone-21x47-AcRe svg path {
  fill: #f0145a;
  stroke: #f0145a;
}

.svg-1162x26bgnone-1162x26-AcRe-media21x47 {
  width: 11.62px;
  height: 26px;
  background: none;
  display: inline-flex;
  position: relative;
  justify-content: center;
  align-items: center;
  min-width: 11.62px;
  min-height: 24px;
}
.svg-1162x26bgnone-1162x26-AcRe-media21x47 svg {
  width: 11.62px;
  height: 26px;
  display: inline-flex;
  position: relative;
  min-width: 11.62px;
  min-height: 18px;
  max-width: 100%;
  max-height: 100%;
}
.svg-1162x26bgnone-1162x26-AcRe-media21x47 svg path {
  fill: #f0145a;
  stroke: #f0145a;
}
@media (min-width: 768px) {
  .svg-1162x26bgnone-1162x26-AcRe-media21x47 {
    width: 21px;
    height: 47px;
    background: none;
    display: inline-flex;
    position: relative;
    justify-content: center;
    align-items: center;
    min-width: 11.62px;
    min-height: 24px;
  }
  .svg-1162x26bgnone-1162x26-AcRe-media21x47 svg {
    width: 21px;
    height: 47px;
    display: inline-flex;
    position: relative;
    min-width: 11.62px;
    min-height: 18px;
    max-width: 100%;
    max-height: 100%;
  }
  .svg-1162x26bgnone-1162x26-AcRe-media21x47 svg path {
    fill: #f0145a;
    stroke: #f0145a;
  }
}

.svg-32x32bgnone-32x32-BaCoNe {
  width: 32px;
  height: 32px;
  background: none;
  display: inline-flex;
  position: relative;
  justify-content: center;
  align-items: center;
  min-width: 11.62px;
  min-height: 24px;
}
.svg-32x32bgnone-32x32-BaCoNe svg {
  width: 32px;
  height: 32px;
  display: inline-flex;
  position: relative;
  min-width: 11.62px;
  min-height: 18px;
  max-width: 100%;
  max-height: 100%;
}
.svg-32x32bgnone-32x32-BaCoNe svg path {
  fill: #EC6F5D;
  stroke: #EC6F5D;
}

.svg-32x32bgnone-32x32-MaRe-active {
  width: 32px;
  height: 32px;
  background: none;
  display: inline-flex;
  position: relative;
  justify-content: center;
  align-items: center;
  min-width: 11.62px;
  min-height: 24px;
}
.svg-32x32bgnone-32x32-MaRe-active svg {
  width: 32px;
  height: 32px;
  display: inline-flex;
  position: relative;
  min-width: 11.62px;
  min-height: 18px;
  max-width: 100%;
  max-height: 100%;
}
.svg-32x32bgnone-32x32-MaRe-active svg path {
  fill: #323264;
  stroke: #323264;
}
.svg-32x32bgnone-32x32-MaRe-active:active {
  width: 32px;
  height: 32px;
  background: #e6e6f0;
  display: inline-flex;
  position: relative;
  justify-content: center;
  align-items: center;
  min-width: 11.62px;
  min-height: 24px;
  border-radius: 8px;
}
.svg-32x32bgnone-32x32-MaRe-active:active svg {
  width: 32px;
  height: 32px;
  display: inline-flex;
  position: relative;
  min-width: 11.62px;
  min-height: 18px;
  max-width: 100%;
  max-height: 100%;
}
.svg-32x32bgnone-32x32-MaRe-active:active svg path {
  fill: #323264;
  stroke: #323264;
}

.svg-32x32GrBg-7x14-AcRe-hover {
  width: 32px;
  height: 32px;
  background: #f5f5fa;
  display: inline-flex;
  position: relative;
  justify-content: center;
  align-items: center;
  min-width: 11.62px;
  min-height: 24px;
}
.svg-32x32GrBg-7x14-AcRe-hover svg {
  width: 7px;
  height: 14px;
  display: inline-flex;
  position: relative;
  min-width: 11.62px;
  min-height: 18px;
  max-width: 100%;
  max-height: 100%;
}
.svg-32x32GrBg-7x14-AcRe-hover svg path {
  stroke: #24a3ff;
}
.svg-32x32GrBg-7x14-AcRe-hover:hover {
  width: 32px;
  height: 32px;
  background: #ededf7;
  display: inline-flex;
  position: relative;
  justify-content: center;
  align-items: center;
  min-width: 11.62px;
  min-height: 24px;
}
.svg-32x32GrBg-7x14-AcRe-hover:hover svg {
  width: 7px;
  height: 14px;
  display: inline-flex;
  position: relative;
  min-width: 11.62px;
  min-height: 18px;
  max-width: 100%;
  max-height: 100%;
}
.svg-32x32GrBg-7x14-AcRe-hover:hover svg path {
  stroke: #f0145a;
}

.svg-38x38bgnone-38x38-ActRe-hover-AccRe {
  width: 38px;
  height: 38px;
  background: none;
  display: inline-flex;
  position: relative;
  justify-content: center;
  align-items: center;
  min-width: 11.62px;
  min-height: 24px;
}
.svg-38x38bgnone-38x38-ActRe-hover-AccRe svg {
  width: 38px;
  height: 38px;
  display: inline-flex;
  position: relative;
  min-width: 11.62px;
  min-height: 18px;
  max-width: 100%;
  max-height: 100%;
}
.svg-38x38bgnone-38x38-ActRe-hover-AccRe svg path {
  fill: #24a3ff;
  stroke: #24a3ff;
}
.svg-38x38bgnone-38x38-ActRe-hover-AccRe:hover {
  width: 38px;
  height: 38px;
  background: none;
  display: inline-flex;
  position: relative;
  justify-content: center;
  align-items: center;
  min-width: 11.62px;
  min-height: 24px;
}
.svg-38x38bgnone-38x38-ActRe-hover-AccRe:hover svg {
  width: 38px;
  height: 38px;
  display: inline-flex;
  position: relative;
  min-width: 11.62px;
  min-height: 18px;
  max-width: 100%;
  max-height: 100%;
}
.svg-38x38bgnone-38x38-ActRe-hover-AccRe:hover svg path {
  fill: #f0145a;
  stroke: #f0145a;
}

.svg-50x50bgnone-38x38-MaRe {
  width: 50px;
  height: 50px;
  background: none;
  display: inline-flex;
  position: relative;
  justify-content: center;
  align-items: center;
  min-width: 11.62px;
  min-height: 24px;
}
.svg-50x50bgnone-38x38-MaRe svg {
  width: 38px;
  height: 38px;
  display: inline-flex;
  position: relative;
  min-width: 11.62px;
  min-height: 18px;
  max-width: 100%;
  max-height: 100%;
}
.svg-50x50bgnone-38x38-MaRe svg path {
  fill: #f0145a;
  stroke: #f0145a;
}
.svg-50x50bgnone-38x38-MaRe:hover {
  width: 55px;
  height: 55px;
  background: none;
  display: inline-flex;
  position: relative;
  justify-content: center;
  align-items: center;
  min-width: 11.62px;
  min-height: 24px;
}
.svg-50x50bgnone-38x38-MaRe:hover svg {
  width: 338px;
  height: 338px;
  display: inline-flex;
  position: relative;
  min-width: 11.62px;
  min-height: 18px;
  max-width: 100%;
  max-height: 100%;
}
.svg-50x50bgnone-38x38-MaRe:hover svg path {
  fill: #323264;
  stroke: #323264;
}
.svg-50x50bgnone-38x38-MaRe:active {
  width: 55px;
  height: 55px;
  background: none;
  display: inline-flex;
  position: relative;
  justify-content: center;
  align-items: center;
  min-width: 11.62px;
  min-height: 24px;
}
.svg-50x50bgnone-38x38-MaRe:active svg {
  width: 338px;
  height: 338px;
  display: inline-flex;
  position: relative;
  min-width: 11.62px;
  min-height: 18px;
  max-width: 100%;
  max-height: 100%;
}
.svg-50x50bgnone-38x38-MaRe:active svg path {
  fill: #000000;
  stroke: #000000;
}

.svg-24x24bgnone-24x24-GrTx {
  width: 24px;
  height: 24px;
  background: none;
  display: inline-flex;
  position: relative;
  justify-content: center;
  align-items: center;
  min-width: 11.62px;
  min-height: 24px;
}
.svg-24x24bgnone-24x24-GrTx svg {
  width: 24px;
  height: 24px;
  display: inline-flex;
  position: relative;
  min-width: 11.62px;
  min-height: 18px;
  max-width: 100%;
  max-height: 100%;
}
.svg-24x24bgnone-24x24-GrTx svg path {
  fill: #B3B3BA;
  stroke: #B3B3BA;
}

.svg-24x25bgnone-24x24-GrTx {
  width: 24px;
  height: 25px;
  background: none;
  display: inline-flex;
  position: relative;
  justify-content: center;
  align-items: center;
  min-width: 11.62px;
  min-height: 24px;
}
.svg-24x25bgnone-24x24-GrTx svg {
  width: 24px;
  height: 24px;
  display: inline-flex;
  position: relative;
  min-width: 11.62px;
  min-height: 18px;
  max-width: 100%;
  max-height: 100%;
}
.svg-24x25bgnone-24x24-GrTx svg path {
  fill: #B3B3BA;
  stroke: #B3B3BA;
}

.log-10x10bgnone-AcRe-MaRe {
  width: 10px;
  height: 10px;
  background: none;
  display: inline-flex;
  position: relative;
  min-width: 84.95px;
  min-height: 32px;
  align-items: center;
  justify-content: center;
}
.log-10x10bgnone-AcRe-MaRe span {
  max-width: 100%;
  max-height: 100%;
  display: flex;
  position: absolute;
  min-width: 84.95px;
  min-height: 32px;
  justify-content: space-between;
  aspect-ratio: 2.6546875/1;
}
.log-10x10bgnone-AcRe-MaRe span .hlegal {
  max-width: 81.612713%;
  max-height: 100%;
  display: inline-flex;
}
.log-10x10bgnone-AcRe-MaRe span .slash {
  max-width: 13.678634%;
  max-height: 81.25%;
  display: inline-flex;
}
.log-10x10bgnone-AcRe-MaRe span svg path {
  fill: #323264;
}
.log-10x10bgnone-AcRe-MaRe span svg :first-child {
  fill: #f0145a;
}

.log-100x100bgnone-AcRe-MaRe {
  width: 100px;
  height: 100px;
  background: none;
  display: inline-flex;
  position: relative;
  min-width: 84.95px;
  min-height: 32px;
  align-items: center;
  justify-content: center;
}
.log-100x100bgnone-AcRe-MaRe span {
  max-width: 100%;
  max-height: 100%;
  display: flex;
  position: absolute;
  min-width: 84.95px;
  min-height: 32px;
  justify-content: space-between;
  aspect-ratio: 2.6546875/1;
}
.log-100x100bgnone-AcRe-MaRe span .hlegal {
  max-width: 81.612713%;
  max-height: 100%;
  display: inline-flex;
}
.log-100x100bgnone-AcRe-MaRe span .slash {
  max-width: 13.678634%;
  max-height: 81.25%;
  display: inline-flex;
}
.log-100x100bgnone-AcRe-MaRe span svg path {
  fill: #323264;
}
.log-100x100bgnone-AcRe-MaRe span svg :first-child {
  fill: #f0145a;
}

.log-130x60bgnone-AcRe-MaRe {
  width: 130px;
  height: 60px;
  background: none;
  display: inline-flex;
  position: relative;
  min-width: 69.33px;
  min-height: 32px;
  align-items: center;
  justify-content: center;
}
.log-130x60bgnone-AcRe-MaRe .hlegal {
  max-width: 100%;
  max-height: 100%;
  display: inline-flex;
}
.log-130x60bgnone-AcRe-MaRe svg path {
  fill: #323264;
}
.log-130x60bgnone-AcRe-MaRe svg :first-child {
  fill: #f0145a;
}

.log-6933x32bgnone-AcRe-MaRe-media130x60 {
  width: 69.33px;
  height: 32px;
  background: none;
  display: inline-flex;
  position: relative;
  min-width: 69.33px;
  min-height: 32px;
  align-items: center;
  justify-content: center;
}
.log-6933x32bgnone-AcRe-MaRe-media130x60 .hlegal {
  max-width: 100%;
  max-height: 100%;
  display: inline-flex;
}
.log-6933x32bgnone-AcRe-MaRe-media130x60 svg path {
  fill: #323264;
}
.log-6933x32bgnone-AcRe-MaRe-media130x60 svg :first-child {
  fill: #f0145a;
}
@media (min-width: 768px) {
  .log-6933x32bgnone-AcRe-MaRe-media130x60 {
    width: 130px;
    height: 60px;
    background: none;
    display: inline-flex;
    position: relative;
    min-width: 69.33px;
    min-height: 32px;
    align-items: center;
    justify-content: center;
  }
  .log-6933x32bgnone-AcRe-MaRe-media130x60 .hlegal {
    max-width: 100%;
    max-height: 100%;
    display: inline-flex;
  }
  .log-6933x32bgnone-AcRe-MaRe-media130x60 svg path {
    fill: #323264;
  }
  .log-6933x32bgnone-AcRe-MaRe-media130x60 svg :first-child {
    fill: #f0145a;
  }
}

.log-slash-namepage-inter4px {
  display: inline-flex;
  align-items: flex-start;
}
.log-slash-namepage-inter4px :nth-child(2n) {
  margin: 0 4px;
}

.Fs36 {
  font-size: 36px;
}

.Fs30 {
  font-size: 30px;
}

.Fs19 {
  font-size: 19px;
}

.Lh20 {
  line-height: 20px;
}

.Lh37 {
  line-height: 37px;
}

.Lh44 {
  line-height: 44px;
}

.Lh158 {
  line-height: 158%;
}

.MarTop28 {
  margin-top: 28px;
}

.MarTop30 {
  margin-top: 30px;
}

.MarTop40 {
  margin-top: 40px;
}

.MarTop60 {
  margin-top: 60px;
}

.MarLeft34 {
  margin-left: 34px;
}

.Marright8 {
  margin-right: 8px;
}

.BorLeft4-GrSe {
  border-left: 4px solid #e6e6f0;
}

.DisInl {
  display: inline;
}

.flex-center {
  display: flex;
  align-items: center;
}

.Col-MaRe {
  color: #323264;
}

.NamePage-height44-fs36-lh44-MaRe {
  height: 44px;
  font-size: 36px;
  line-height: 44px;
  color: #323264;
  display: inline-flex;
  position: relative;
  margin-block: 0px;
}

.header {
  position: fixed;
  min-width: 250px;
  z-index: 20;
  background: #ffffff;
  min-height: 102px;
}
.header .boxgrey {
  z-index: -1;
  display: flex;
  height: 0px;
  width: 100vw;
  height: 45px;
  background: #f5f5fa;
}
.header .language-nav {
  position: absolute;
  top: 10px;
  left: 15px;
}
.header .language-nav ul {
  list-style-type: none;
  display: inline-flex;
}
.header .language-nav ul li {
  font-size: unset;
  line-height: unset;
}
.header .language-nav ul li a {
  display: inline-flex;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 1px;
  color: #B3B3BA;
  height: 25px;
  width: 33px;
  align-items: center;
  justify-content: center;
}
.header .language-nav ul .active-language a {
  background: #f0145a;
  border-radius: 8px;
  color: #ffffff;
}
.header .contact-information {
  position: absolute;
  right: 15px;
  top: 12.5px;
  list-style-type: none;
}
.header .contact-information li {
  display: none;
}
.header .contact-information li img {
  display: none;
}
.header .contact-information li a {
  color: #B3B3BA;
}
.header .contact-information :nth-child(2) {
  display: block;
}
.header .contact-information :nth-child(2) a {
  font-weight: 700;
}
.header .log-slash-namepage-inter4px {
  position: absolute;
  left: 15px;
  top: 57.5px;
}
.header .log-slash-namepage-inter4px .NamePage-height44-fs36-lh44-MaRe {
  height: 24px;
  font-size: 20px;
  line-height: 24px;
  color: #323264;
  display: inline-flex;
  position: relative;
  margin-block: 0px;
}
.header .hamburgersvg {
  position: absolute;
  float: right;
  top: 57.5px;
  right: 15px;
}
.header input,
.header .hamburgermenu {
  display: none;
  position: absolute;
  top: 0;
}
.header input:checked ~ .hamburgermenu {
  min-height: 162px;
  display: flex;
  background: #323264;
  height: 100vh;
  width: 100vw;
  z-index: 5;
}
.header input:checked ~ .hamburgermenu nav {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 12px;
  gap: 20px;
  position: fixed;
  width: calc(100vw - 16px - 24px);
  right: 8px;
  bottom: 0px;
  background: #ffffff;
  border-radius: 12px 12px 0px 0px;
}
.header input:checked ~ .hamburgermenu nav label {
  width: 32px;
  height: 32px;
}
.header input:checked ~ .hamburgermenu nav ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  align-self: center;
  justify-content: space-between;
}
.header input:checked ~ .hamburgermenu nav ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(100vw + 335px - 375px);
  height: 6.4467766vh;
  padding: 7px 0px;
  background: #f5f5fa;
  border-radius: 12px;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  min-height: 20px;
  max-height: 43px;
}
.header input:checked ~ .hamburgermenu nav ul li a:hover {
  background: #e6e6f0;
  color: #24a3ff;
}
.header input:checked ~ .hamburgermenu nav ul li .active-page {
  color: #f0145a;
}
.header input:checked ~ .hamburgermenu nav ul li .active-page:hover {
  color: #f0145a;
}

.footer {
  display: flex;
  position: relative;
  width: 100vw;
  bottom: 0;
  flex-direction: column;
  align-items: center;
  background: #f5f5fa;
}
.footer .separator {
  background: #e6e6f0;
  height: 2px;
  left: 30px;
  right: 30px;
  position: absolute;
}
.footer ul {
  list-style: none;
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  margin: 30px auto 0;
}
.footer ul li a {
  font-weight: 700;
}
.footer .footer-adress-OnMap li a {
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 15px;
  text-transform: uppercase;
}
.footer .footer-contact-information :first-child {
  height: 38px;
}
.footer .footer-contact-information :nth-child(2) a {
  color: #46466e;
}
.footer .llc {
  color: #B3B3BA;
  line-height: 20px;
  margin: 30px auto;
}

@media (min-width: 768px) {
  body .header {
    height: 220px;
    width: 100vw;
    background: #ffffff;
  }
  body .header .boxgrey {
    display: none;
  }
  body .header .language-nav {
    top: 50px;
    left: 60px;
  }
  body .header .contact-information {
    display: flex;
    top: 50px;
    left: 159px;
    width: 383px;
    justify-content: space-between;
  }
  body .header .contact-information li {
    display: inline-flex;
    height: 25px;
  }
  body .header .contact-information li img {
    display: block;
    width: 6px;
    height: 6px;
    margin: auto 6px;
  }
  body .header .contact-information li a {
    line-height: inherit;
  }
  body .header .contact-information :nth-child(2) {
    display: inline-flex;
  }
  body .header .log-slash-namepage-inter4px {
    left: 60px;
    top: 105px;
  }
  body .header .log-slash-namepage-inter4px .NamePage-height44-fs36-lh44-MaRe {
    width: 159px;
    height: 44px;
    font-size: 36px;
    line-height: 44px;
  }
  body .header .lebel-hamburger {
    display: none;
  }
  body .header .hamburgermenu {
    top: 195px;
    left: 60px;
    display: inline;
    height: 45px;
  }
  body .header .hamburgermenu label {
    display: none;
  }
  body .header .hamburgermenu ul {
    display: flex;
    align-items: center;
    list-style: none;
  }
  body .header .hamburgermenu ul li a {
    margin-right: 15px;
    font-weight: 700;
  }
  body .header .hamburgermenu ul li a:hover {
    border-bottom: 2px solid;
    color: #24a3ff;
  }
  body .header .hamburgermenu ul li .active-page {
    color: #f0145a;
    border-bottom: 2px solid;
  }
  body .header .hamburgermenu ul li .active-page:hover {
    color: #f0145a;
    border-bottom: 2px solid;
  }
  body .footer .separator {
    left: 60px;
    right: 60px;
  }
  body .footer ul {
    list-style-type: disc;
    display: flex;
    flex-direction: row;
  }
  body .footer ul li::marker {
    color: #B3B3BA;
  }
  body .footer ul :first-child {
    list-style-type: none;
  }
  body .footer ul :nth-child(n+2) {
    margin-left: 26px;
  }
  body .footer .footer-contact-information {
    margin: 21px auto 0;
  }
}
@media (min-width: 1024px) {
  body .header {
    height: 116px;
  }
  body .header .language-nav {
    right: 442px;
    left: auto;
  }
  body .header .contact-information {
    right: 60px;
    left: auto;
  }
  body .header .log-slash-namepage-inter4px {
    left: 60px;
    top: 50px;
  }
  body .header .hamburgermenu {
    top: 91px;
    left: auto;
    right: 60px;
  }
  body .header .hamburgermenu ul :nth-last-child(1) a {
    margin-right: 0px;
  }
  body .header .boxheader {
    height: 176px;
  }
  body .footer {
    height: 141px;
  }
  body .footer .separator {
    position: absolute;
    top: 0;
  }
  body .footer .footer-adress-OnMap {
    position: absolute;
    left: 60px;
    top: 32px;
    margin: 0;
  }
  body .footer .footer-contact-information {
    position: absolute;
    left: 60px;
    top: 73px;
    margin: 0;
  }
  body .footer .llc {
    position: absolute;
    right: 60px;
    top: 32px;
    margin: 0;
  }
}
@media (min-width: 1920px) {
  body .header .language-nav {
    right: 542px;
    left: auto;
  }
  body .header .contact-information {
    right: 160px;
    left: auto;
  }
  body .header .log-slash-namepage-inter4px {
    left: 160px;
  }
  body .header .hamburgermenu {
    top: 91px;
    left: auto;
    right: 160px;
  }
  body .header .hamburgermenu ul :nth-last-child(1) a {
    margin-right: 0px;
  }
  body .footer .footer-adress-OnMap {
    left: 160px;
  }
  body .footer .footer-contact-information {
    left: 160px;
  }
  body .footer .llc {
    right: 160px;
  }
}
.darktheme .header {
  background: #323264;
}
.darktheme .header .boxgrey {
  opacity: 0.2;
}
.darktheme .header .language-nav ul li a {
  color: #ffffff;
}
.darktheme .header .contact-information li a {
  color: #ffffff;
}
.darktheme .header .contact-information li img {
  background: white;
  border-radius: 50%;
}
.darktheme .header .log-slash-namepage-inter4px .log-6933x32bgnone-AcRe-MaRe-media130x60 svg > path {
  fill: #ffffff;
}
.darktheme .header .log-slash-namepage-inter4px .log-6933x32bgnone-AcRe-MaRe-media130x60 svg :first-child {
  fill: #f0145a;
}
.darktheme .header .log-slash-namepage-inter4px .NamePage-height44-fs36-lh44-MaRe {
  color: #ffffff;
}
.darktheme .header .svg-32x32bgnone-32x32-MaRe-active svg path {
  fill: #ffffff;
  stroke: #ffffff;
}
@media (min-width: 768px) {
  .darktheme .header .hamburgermenu ul li a {
    color: #ffffff;
  }
  .darktheme .header .hamburgermenu ul li a:hover {
    color: #ffffff;
  }
}
.darktheme .header .hamburgermenu ul li a.active-page {
  color: #f0145a;
}

.content {
  position: relative;
  margin: 132px 30px 0;
}
.content .Introduction {
  min-height: 274px;
}
.content .TeamText {
  display: flex;
  position: relative;
  margin: 30px -30px 0;
  width: 100vw;
  min-height: 114.06px;
  background: no-repeat center/cover url(../images/photo/Team.svg);
  align-items: center;
  justify-content: center;
  aspect-ratio: 375/114.06;
}
.content .TeamText h2 {
  position: absolute;
  font-size: 36px;
  letter-spacing: 13px;
  text-transform: uppercase;
  color: #ffffff;
  opacity: 0.8;
  text-shadow: 0px 15px 30px rgba(40, 40, 86, 0.8);
}
.content .achievements {
  display: flex;
  margin: 60px -30px -3px;
  width: 100vw;
  min-height: 243px;
  background-color: #f5f5fa;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}
.content .achievements div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.content .achievements div .achievementsimg {
  display: none;
  background-color: #ffffff;
  height: 90px;
  width: 255px;
  border-radius: 12px;
}
.content .achievements div .achievementsimg div {
  height: 90px;
  width: 255px;
}
.content .achievements div :first-child {
  display: inline-block;
}
.content .achievements .Pagination ul {
  list-style-type: none;
  display: flex;
  align-items: center;
}
.content .achievements .Pagination ul li label {
  cursor: pointer;
}
.content .achievements .Pagination ul li label svg > circle:hover {
  opacity: 0.6;
}
.content .achievements .Pagination ul :nth-child(2n) {
  margin: auto 14px;
}
.content .achievements .Pagination ul :last-child {
  margin-right: 0;
}
.content .achievements #achievements__tab1:checked ~ .achievementsimgblock .img1 div {
  background: no-repeat center/53.33px url(../images/Assets/Achievments/Achievment-1.png);
}
.content .achievements #achievements__tab2:checked ~ .achievementsimgblock .img1 div {
  background: no-repeat center/106px url(../images/Assets/Achievments/Achievment-2.png);
}
.content .achievements #achievements__tab3:checked ~ .achievementsimgblock .img1 div {
  background: no-repeat center/130px url(../images/Assets/Achievments/Achievment-3.png);
}
.content .achievements #achievements__tab4:checked ~ .achievementsimgblock .img1 div {
  background: no-repeat center/110.67px url(../images/Assets/Achievments/Achievment-4.png);
}
.content .achievements #achievements__tab1:checked ~ .Pagination ul > li .circle__tab1 svg > circle {
  fill: #24a3ff;
  opacity: 1;
}
.content .achievements #achievements__tab2:checked ~ .Pagination ul > li .circle__tab2 svg > circle {
  fill: #24a3ff;
  opacity: 1;
}
.content .achievements #achievements__tab3:checked ~ .Pagination ul > li .circle__tab3 svg > circle {
  fill: #24a3ff;
  opacity: 1;
}
.content .achievements #achievements__tab4:checked ~ .Pagination ul > li .circle__tab4 svg > circle {
  fill: #24a3ff;
  opacity: 1;
}
.content .achievements input {
  display: none;
}

@media (min-width: 768px) {
  body .content {
    margin: 280px 60px 0;
  }
  body .content .TeamText {
    margin: 60px -60px 0;
  }
  body .content .TeamText h2 {
    font-size: 46px;
    line-height: 56px;
    letter-spacing: 63px;
  }
  body .content .achievements {
    margin: 60px -60px -3px;
  }
  body .content .achievements .achievementsimgblock {
    width: calc(100vw - 120px);
  }
  body .content .achievements .achievementsimgblock .achievementsimg {
    display: inline-block;
    width: 132px;
  }
  body .content .achievements .achievementsimgblock .achievementsimg div {
    width: 132px;
  }
  body .content .achievements #achievements__tab1:checked ~ .achievementsimgblock .img1 div {
    background: no-repeat center/53.33px url(../images/Assets/Achievments/Achievment-1.png);
  }
  body .content .achievements #achievements__tab1:checked ~ .achievementsimgblock .img2 div {
    background: no-repeat center/106px url(../images/Assets/Achievments/Achievment-2.png);
  }
  body .content .achievements #achievements__tab1:checked ~ .achievementsimgblock .img3 div {
    background: no-repeat center/130px url(../images/Assets/Achievments/Achievment-3.png);
  }
  body .content .achievements #achievements__tab1:checked ~ .achievementsimgblock .img4 div {
    background: no-repeat center/110.67px url(../images/Assets/Achievments/Achievment-4.png);
  }
}
@media (min-width: 1024px) {
  body .content {
    margin: 176px 60px 0;
  }
  body .content .Introduction {
    margin-right: calc((478/(1024 - 120)) * 100% - 60px);
  }
  body .content .Introduction h1 {
    font-size: 38px;
    line-height: 46px;
  }
  body .content .Advantages {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 auto 0 calc((576/(1024 - 120)) * 100% - 60px);
    width: 388px;
    height: 322px;
  }
  body .content .TeamText h2 {
    font-size: 86px;
    line-height: 105px;
  }
  body .content .AboutUsMore {
    position: relative;
  }
  body .content .AboutUsMore p {
    margin: 60px calc((482/(1024 - 120)) * 100% - 60px) auto auto;
  }
  body .content .AboutUsMore h1 {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 60px 60px auto calc((602/(1024 - 120)) * 100% - 60px);
    font-size: 38px;
    line-height: 46px;
  }
  body .content .achievements .achievementsimgblock .achievementsimg {
    width: 196px;
    height: 110px;
  }
  body .content .achievements .achievementsimgblock .achievementsimg div {
    width: 196px;
    height: 110px;
  }
  body .content .achievements #achievements__tab1:checked ~ .achievementsimgblock .img1 div {
    background: no-repeat center/80px url(../images/Assets/Achievments/Achievment-1.png);
  }
  body .content .achievements #achievements__tab1:checked ~ .achievementsimgblock .img2 div {
    background: no-repeat center/159px url(../images/Assets/Achievments/Achievment-2.png);
  }
  body .content .achievements #achievements__tab1:checked ~ .achievementsimgblock .img3 div {
    background: no-repeat center/195px url(../images/Assets/Achievments/Achievment-3.png);
  }
  body .content .achievements #achievements__tab1:checked ~ .achievementsimgblock .img4 div {
    background: no-repeat center/166px url(../images/Assets/Achievments/Achievment-4.png);
  }
}
@media (min-width: 1440px) {
  body .content {
    margin: 176px 180px 0;
  }
  body .content .Introduction {
    margin-right: calc((598/(1440 - 360)) * 100% - 180px);
  }
  body .content .Advantages {
    margin: 0 auto 0 calc((872/(1440 - 360)) * 100% - 180px);
  }
  body .content .TeamText {
    margin: 60px -180px 0;
  }
  body .content .TeamText h2 {
    font-size: 96px;
    line-height: 117px;
  }
  body .content .AboutUsMore p {
    margin: 60px calc((602/(1440 - 360)) * 100% - 180px) auto auto;
  }
  body .content .AboutUsMore h1 {
    margin: 60px auto auto calc((898/(1440 - 360)) * 100% - 180px);
  }
  body .content .achievements {
    margin: 60px -180px -3px;
  }
  body .content .achievements .achievementsimgblock .achievementsimg {
    width: 300px;
  }
  body .content .achievements .achievementsimgblock .achievementsimg div {
    width: 300px;
  }
}
@media (min-width: 1920px) {
  body .content {
    margin: 176px 280px 0;
  }
  body .content .Introduction {
    margin-right: calc((698/(1920 - (280 * 2))) * 100% - 180px);
  }
  body .content .Advantages {
    margin: 0 auto 0 calc((1252/(1920 - (280 * 2))) * 100% - 280px);
  }
  body .content .TeamText {
    margin: 60px -280px 0;
  }
  body .content .AboutUsMore p {
    margin: 60px calc((702/(1920 - (280 * 2))) * 100% - 280px) auto auto;
  }
  body .content .AboutUsMore h1 {
    margin: 60px auto auto calc((1278/(1920 - (280 * 2))) * 100% - 280px);
  }
  body .content .achievements {
    margin: 60px -280px -3px;
  }
  body .content .achievements .achievementsimgblock {
    width: calc(100vw - (160px*2));
  }
  body .content .achievements .achievementsimgblock .achievementsimg {
    width: 370px;
  }
  body .content .achievements .achievementsimgblock .achievementsimg div {
    width: 370px;
  }
}
.phototeam1 {
  background: no-repeat center/cover url(../images/photo/Team_photos/Team-1.png);
}

.phototeam2 {
  background: no-repeat center/cover url(../images/photo/Team_photos/Team-2.png);
}

.phototeam3 {
  background: no-repeat center/cover url(../images/photo/Team_photos/Team-3.png);
}

.phototeam4 {
  background: no-repeat center/cover url(../images/photo/Team_photos/Team-4.png);
}

.phototeam5 {
  background: no-repeat center/cover url(../images/photo/Team_photos/Team-5.png);
}

.phototeam6 {
  background: no-repeat center/cover url(../images/photo/Team_photos/Team-6.png);
}

.intertext {
  display: none;
  background: none;
}

.titlejob {
  margin-top: 5px;
  font-size: 14px;
  line-height: 22px;
  color: #B3B3BA;
  display: contents;
}

.contentteam > h1 {
  font-size: 30px;
  line-height: 37px;
}

.team article {
  margin-top: 30px;
  position: relative;
  width: calc(100vw - (30px * 2));
}
.team article .photo {
  width: 100%;
  height: 300px;
  border-radius: 12px;
}
.team article label h4 {
  margin-top: 15px;
}
.team article label h4:hover {
  color: #f0145a;
}
.team article .buttonmore {
  position: absolute;
  right: 0px;
  top: 315px;
  border-radius: 50%;
  transform: rotate(-90deg);
  transition: transform 0.2s;
}
.team article .intertext a {
  display: block;
  margin-top: 10px;
}
.team article .intertext .bio {
  border-top: 4px solid #e6e6f0;
  margin-top: 30px;
}
.team article .intertext .bio p,
.team article .intertext .bio h3 {
  margin-top: 30px;
}
.team article .intertext .bio h3 + p {
  margin-top: 15px;
}
.team:last-child {
  margin-bottom: 60px;
}

.contentteam > input {
  position: absolute;
  opacity: 0;
  top: 0;
  z-index: -5;
}

.team1:checked ~ * {
  display: none;
}
.team1:checked ~ * > article {
  display: none;
}

.team1:checked ~ .team {
  display: block;
}
.team1:checked ~ .team :nth-child(1) {
  display: inline-flex;
}
.team1:checked ~ .team :nth-child(1) .intertext {
  display: inline;
}
.team1:checked ~ .team :nth-child(1) .titlejob {
  display: inline-block;
}

.team2:checked ~ * {
  display: none;
}
.team2:checked ~ * > article {
  display: none;
}

.team2:checked ~ .team {
  display: block;
}
.team2:checked ~ .team :nth-child(2) {
  display: inline-flex;
}
.team2:checked ~ .team :nth-child(2) .intertext {
  display: inline;
}
.team2:checked ~ .team :nth-child(2) .titlejob {
  display: inline-block;
}

.team3:checked ~ * {
  display: none;
}
.team3:checked ~ * > article {
  display: none;
}

.team3:checked ~ .team {
  display: block;
}
.team3:checked ~ .team :nth-child(3) {
  display: inline-flex;
}
.team3:checked ~ .team :nth-child(3) .intertext {
  display: inline;
}
.team3:checked ~ .team :nth-child(3) .titlejob {
  display: inline-block;
}

.team4:checked ~ * {
  display: none;
}
.team4:checked ~ * > article {
  display: none;
}

.team4:checked ~ .team {
  display: block;
}
.team4:checked ~ .team :nth-child(4) {
  display: inline-flex;
}
.team4:checked ~ .team :nth-child(4) .intertext {
  display: inline;
}
.team4:checked ~ .team :nth-child(4) .titlejob {
  display: inline-block;
}

.team5:checked ~ * {
  display: none;
}
.team5:checked ~ * > article {
  display: none;
}

.team5:checked ~ .team {
  display: block;
}
.team5:checked ~ .team :nth-child(5) {
  display: inline-flex;
}
.team5:checked ~ .team :nth-child(5) .intertext {
  display: inline;
}
.team5:checked ~ .team :nth-child(5) .titlejob {
  display: inline-block;
}

.team6:checked ~ * {
  display: none;
}
.team6:checked ~ * > article {
  display: none;
}

.team6:checked ~ .team {
  display: block;
}
.team6:checked ~ .team :nth-child(6) {
  display: inline-flex;
}
.team6:checked ~ .team :nth-child(6) .intertext {
  display: inline;
}
.team6:checked ~ .team :nth-child(6) .titlejob {
  display: inline-block;
}

.contentteam > input:checked ~ .team article {
  margin-top: unset;
  flex-direction: column;
}
.contentteam > input:checked ~ .team article .photo {
  height: 375px;
}
.contentteam > input:checked ~ .team article label > .titlename {
  font-size: 38px;
  line-height: 46px;
  background: linear-gradient(90.13deg, #f0145a 0.84%, #ef8080 99.96%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.contentteam > input:checked ~ .team article label > .buttonmore {
  transform: rotate(90deg);
  position: absolute;
  top: unset;
  float: right;
}
.contentteam > input:checked ~ .team article label > .buttonmore svg path {
  stroke: #f0145a;
}

@media (min-width: 768px) {
  .contentteam > h1 {
    font-size: 38px;
    line-height: 46px;
  }

  .team {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .team article {
    width: calc(50vw - (60px / 2) - (60px * 2 / 2));
    display: inline-block;
  }
  .team article .photo {
    height: 400px;
    position: relative;
  }
  .team article label > .buttonmore {
    top: 415px;
    transform: rotate(0deg);
  }

  .contentteam > input:checked ~ .team article {
    width: calc(100vw - (60px * 2));
  }
  .contentteam > input:checked ~ .team article label,
.contentteam > input:checked ~ .team article .titlejob,
.contentteam > input:checked ~ .team article .intertext > a {
    margin-left: 330px;
  }
  .contentteam > input:checked ~ .team article label > .buttonmore {
    position: absolute;
    top: 0px;
    right: 0px;
    transform: rotate(90deg);
  }
  .contentteam > input:checked ~ .team article label > .buttonmore svg path {
    stroke: #f0145a;
    position: relative;
  }
  .contentteam > input:checked ~ .team article .photo {
    width: 300px;
    height: 375px;
    position: absolute;
  }
  .contentteam > input:checked ~ .team article .intertext {
    display: inline;
  }
  .contentteam > input:checked ~ .team article .intertext .bio {
    margin-top: 146px;
    flex-direction: column;
  }
  .contentteam > input:checked ~ .team article label > .titlename {
    font-size: 38px;
    line-height: 46px;
    background: linear-gradient(90.13deg, #f0145a 0.84%, #ef8080 99.96%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: flex;
    height: 162px;
    align-items: flex-end;
  }
}
@media (min-width: 1024px) {
  .contentteam > h1 {
    margin: 0 120px;
  }

  .team article {
    margin-top: 60px;
    width: calc((100vw / 3) - ((60px * 4)/3));
    display: inline-block;
  }

  .contentteam > input:checked ~ .team article > *,
.contentteam > input:checked ~ .team article > label,
.contentteam > input:checked ~ .team article > .titlejob {
    margin-left: 360px;
  }
  .contentteam > input:checked ~ .team article .photo,
.contentteam > input:checked ~ .team article .intertext > a {
    margin-left: unset;
  }
  .contentteam > input:checked ~ .team article label .titlename {
    height: unset;
    margin-top: unset;
  }
  .contentteam > input:checked ~ .team article .titlejob {
    margin-top: 15px;
  }
  .contentteam > input:checked ~ .team article .intertext > .bio {
    margin-top: 30px;
  }
}
@media (min-width: 1440px) {
  body .contentteam {
    margin: 176px 60px 0;
  }

  .contentteam > input:checked ~ .team article {
    margin: 0 120px;
    width: calc(100vw - (180px * 2));
  }
  .contentteam > input:checked ~ .team article .photo {
    width: 400px;
    height: 500px;
  }
  .contentteam > input:checked ~ .team article .intertext .mail {
    position: absolute;
    height: max-content;
    top: calc(46px + 16px);
    margin-top: 0;
    right: calc(100% / 5);
  }
  .contentteam > input:checked ~ .team article .intertext .LinkedIn {
    position: absolute;
    height: max-content;
    top: calc(46px + 16px);
    margin-top: 0;
    right: 0;
  }
  .contentteam > input:checked ~ .team article > *,
.contentteam > input:checked ~ .team article > label,
.contentteam > input:checked ~ .team article > .titlejob {
    margin-left: 460px;
  }
}
@media (min-width: 1920px) {
  body .contentteam {
    margin: 176px 160px 0;
  }

  .team > article {
    width: calc((100vw / 3) - ((60px * 2)/3) - (160px * 2)/3);
  }

  .contentteam > input:checked ~ .team article {
    margin: 0 120px;
    width: calc(100vw - (280px * 2));
  }
  .contentteam > input:checked ~ .team article .intertext .mail {
    position: absolute;
    height: max-content;
    top: calc(46px + 16px);
    margin-top: 0;
    right: calc(100% / 5);
  }
  .contentteam > input:checked ~ .team article .intertext .LinkedIn {
    position: absolute;
    height: max-content;
    top: calc(46px + 16px);
    margin-top: 0;
    right: 0;
  }
}
html {
  overflow-x: hidden;
}

.contenthomepage {
  margin-top: 102px;
}
.contenthomepage .hoverHomepage.addforhightpriority:hover {
  color: #f0145a;
}
.contenthomepage .hoverHomepage.addforhightpriority:hover * {
  color: #f0145a;
}
.contenthomepage .darkpart {
  background: linear-gradient(228.57deg, #323264 11.93%, #323264 57.17%, #643e72 87.46%);
  border-radius: 0px 0px 12px 12px;
  box-shadow: 0px 22px 18px -13px rgba(0, 0, 0, 0.75);
}
.contenthomepage .darkpart .symbol {
  background: no-repeat center/cover url(../images/Homepage/Symbol.svg);
  height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.contenthomepage .darkpart .symbol h1 {
  position: absolute;
  width: 315px;
  height: 138px;
  text-align: center;
  color: #ffffff;
  background: unset;
  -webkit-text-fill-color: unset;
  background-clip: unset;
}
.contenthomepage .darkpart .symbol label div {
  box-sizing: border-box;
  position: absolute;
  width: 42px;
  height: 42px;
  left: calc(50% - 42px/2);
  bottom: 30px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(90deg);
}
.contenthomepage .darkpart .symbol label div svg {
  width: 9px;
}
.contenthomepage .darkpart .symbol label div svg path {
  stroke: #ffffff;
}
.contenthomepage .darkpart .symbol ~ * {
  margin: 0 30px;
}
.contenthomepage .darkpart .frame {
  width: calc(100vw - (30px * 2));
  display: flex;
  overflow-x: auto;
  height: fit-content;
  border-bottom: solid 4px rgba(255, 255, 255, 0.3);
}
.contenthomepage .darkpart .frame .hero {
  margin: 30px 15px;
  white-space: nowrap;
  font-weight: 700;
  font-size: 30px;
  line-height: 37px;
}
.contenthomepage .darkpart .frame :first-child {
  margin-left: 0;
}
.contenthomepage .darkpart .frame :first-child ~ .hero {
  color: #B3B3BA;
  -webkit-text-fill-color: unset;
}
.contenthomepage .darkpart .frame :last-child {
  margin-right: 0;
}
.contenthomepage .darkpart .about h2,
.contenthomepage .darkpart .about p {
  margin-top: 30px;
  color: #ffffff;
}
.contenthomepage .darkpart .about h2 {
  font-size: 20px;
  line-height: 24px;
}
.contenthomepage .darkpart .about p {
  font-size: 19px;
  line-height: 30px;
}
.contenthomepage .darkpart .services {
  margin-top: 30px;
}
.contenthomepage .darkpart .services :last-child {
  margin-bottom: 60px;
}
.contenthomepage .darkpart .services .titlehref {
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.contenthomepage .darkpart .services p.hero {
  font-weight: 700;
  font-size: 30px;
  line-height: 37px;
  margin-top: 10px;
}
.contenthomepage .darkpart .services article {
  margin-top: 30px;
}
.contenthomepage .darkpart .services article .icon0 {
  background: no-repeat center/cover url(../images/Homepage/servisesicon/Icon-0.svg);
}
.contenthomepage .darkpart .services article .icon1 {
  background: no-repeat center/cover url(../images/Homepage/servisesicon/Icon-1.svg);
}
.contenthomepage .darkpart .services article .icon2 {
  background: no-repeat center/cover url(../images/Homepage/servisesicon/Icon-2.svg);
}
.contenthomepage .darkpart .services article .icon3 {
  background: no-repeat center/cover url(../images/Homepage/servisesicon/Icon-3.svg);
}
.contenthomepage .darkpart .services article .icon4 {
  background: no-repeat center/cover url(../images/Homepage/servisesicon/Icon-4.svg);
}
.contenthomepage .darkpart .services article .icon5 {
  background: no-repeat center/cover url(../images/Homepage/servisesicon/Icon-5.svg);
}
.contenthomepage .darkpart .services article .img {
  width: 96px;
  height: 96px;
}
.contenthomepage .darkpart .services article h3 {
  margin-top: 30px;
  color: #24a3ff;
}
.contenthomepage .darkpart .services article p {
  margin-top: 15px;
  color: #ffffff;
}
.contenthomepage .darkpart ~ * {
  margin: 0 30px;
}
.contenthomepage .team {
  margin-top: 50px;
}
.contenthomepage .team input {
  display: none;
}
.contenthomepage .team article {
  margin-top: unset;
  background-color: #f5f5fa;
  border-radius: 12px;
}
.contenthomepage .team article .img {
  background: no-repeat center/cover url(../images/photo/Team_photos/Team-1.png);
  width: calc(100vw - 60px);
  height: 500px;
  border-radius: 12px 12px 0px 0px;
  margin-top: 0;
}
.contenthomepage .team article div {
  margin-top: 30px;
}
.contenthomepage .team article div * {
  margin-left: 30px;
  margin-right: 30px;
}
.contenthomepage .team article div a h3 {
  color: #24a3ff;
}
.contenthomepage .team article div p.hero {
  font-weight: 700;
  font-size: 30px;
  line-height: 37px;
  margin-top: 5px;
  word-break: break-word;
}
.contenthomepage .team article div h4 {
  margin-top: 30px;
  color: #B3B3BA;
}
.contenthomepage .team article div p {
  margin-top: 6px;
  font-size: 14px;
  line-height: 22px;
  color: #B3B3BA;
  margin-bottom: 30px;
}
.contenthomepage .team .Paginator {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.contenthomepage .team .Paginator ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  gap: 15px;
}
.contenthomepage .team .Paginator ul li:hover label svg circle {
  opacity: 0.6;
}
.contenthomepage .team #acrticle__tab1:checked ~ .Paginator .circle__tab1 > svg > circle {
  opacity: 1;
}
.contenthomepage .team #acrticle__tab2:checked ~ .Paginator .circle__tab2 > svg > circle {
  opacity: 1;
}
.contenthomepage .team #acrticle__tab3:checked ~ .Paginator .circle__tab3 > svg > circle {
  opacity: 1;
}
.contenthomepage .clients {
  margin: 60px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.contenthomepage .clients .articles {
  margin-top: 30px;
}
.contenthomepage .clients .articles article {
  background: blue;
  height: 120px;
  width: 100vw;
  display: none;
  justify-content: center;
  align-items: center;
}
.contenthomepage .clients .articles .Hillel {
  display: inline-flex;
  background-color: #1C4280;
}
.contenthomepage .clients .articles .WannaBiz {
  display: inline-flex;
  background-color: #143646;
}
.contenthomepage .clients .articles .TapGerine {
  display: inline-flex;
  background: linear-gradient(0deg, #F48B30, #F48B30), #F48B30;
}
.contenthomepage .clients .articles .dLook {
  display: inline-flex;
  background: #9E4DC3;
}
.contenthomepage .clients .articles .Orangear {
  display: inline-flex;
  background: #FD9339;
}
.contenthomepage .clients .articles .Adtellige {
  display: inline-flex;
  background: #E2E2E4;
}
.contenthomepage .publications {
  background-color: #f5f5fa;
  margin: 0;
}
.contenthomepage .publications .articles {
  margin: unset;
}
.contenthomepage .publications :last-child {
  margin-bottom: 30px;
}
.contenthomepage .publications * {
  margin: 0 30px 0;
}
.contenthomepage .publications h3.caps {
  margin-top: 30px;
  color: #24a3ff;
}
.contenthomepage .publications p.hero {
  font-weight: 700;
  font-size: 30px;
  line-height: 37px;
}
.contenthomepage .publications article {
  margin-top: 30px;
  background-color: #ffffff;
  border-radius: 8px;
}
.contenthomepage .publications article * {
  margin: 0;
}
.contenthomepage .publications article .img {
  border-radius: 8px 8px 0px 0px;
  width: calc(100vw - 60px);
  height: 200px;
}
.contenthomepage .publications article .text {
  margin: 0 30px;
}
.contenthomepage .publications article .text .title {
  margin-top: 30px;
  color: #24a3ff;
}
.contenthomepage .publications article .text .date {
  margin: 15px 0;
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #B3B3BA;
}
.contenthomepage .publications article .text .inputtext {
  border-top: solid 4px #e6e6f0;
  padding-top: 15px;
  margin-bottom: 30px;
}
.contenthomepage .publications .cover0 .img {
  background: no-repeat center/cover url(../images/Homepage/publications/Cover-0.png);
}
.contenthomepage .publications .cover1 .img {
  background: no-repeat center/cover url(../images/Homepage/publications/Cover-1.png);
}
.contenthomepage .publications .cover2 .img {
  background: no-repeat center/cover url(../images/Homepage/publications/Cover-2.png);
}

@media (min-width: 768px) {
  .contenthomepage {
    margin-top: 219px;
  }
  .contenthomepage .darkpart .symbol {
    height: 804px;
  }
  .contenthomepage .darkpart .symbol h1 {
    width: 100%;
    height: fit-content;
  }
  .contenthomepage .darkpart .symbol ~ * {
    margin: 0 60px;
  }
  .contenthomepage .darkpart .frame {
    width: calc(100vw - (60px * 2));
  }
  .contenthomepage .darkpart .frame .hero {
    margin-top: 60px;
    margin-bottom: 60px;
    font-size: 38px;
    line-height: 46px;
  }
  .contenthomepage .darkpart .about h2 {
    margin-top: 60px;
    font-size: 30px;
    line-height: 37px;
  }
  .contenthomepage .darkpart .services {
    margin-top: 60px;
  }
  .contenthomepage .darkpart .services p.hero {
    font-size: 38px;
    line-height: 46px;
  }
  .contenthomepage .darkpart .services .articlesservices {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0;
  }
  .contenthomepage .darkpart .services .articlesservices article {
    width: 294px;
    margin-top: 0;
  }
  .contenthomepage .darkpart .services .articlesservices article p {
    height: fit-content;
  }
  .contenthomepage .team {
    margin: 80px 60px 0;
  }
  .contenthomepage .team .teamarticle {
    width: fit-content;
  }
  .contenthomepage .team .teamarticle .img {
    width: calc(100vw - (60px * 2));
  }
  .contenthomepage .team .teamarticle a {
    margin: 0;
  }
  .contenthomepage .team .teamarticle p.hero {
    font-size: 38px;
    line-height: 46px;
  }
  .contenthomepage .team .Paginator {
    width: 100%;
    margin-top: 60px;
  }
  .contenthomepage .clients .articles {
    display: flex;
    flex-wrap: wrap;
  }
  .contenthomepage .clients .articles * {
    margin: 0;
    padding: 0;
  }
  .contenthomepage .clients .articles article {
    width: calc(100vw / 3);
    display: inline-flex;
  }
  .contenthomepage .clients .articles .Clickky {
    background: #C71C36;
  }
  .contenthomepage .clients .articles .Ecolease {
    background: #DCF3F9;
  }
  .contenthomepage .clients .articles .InfaTek {
    background: #EAEAEA;
  }
  .contenthomepage .clients .articles .SityPark {
    background: #282240;
  }
  .contenthomepage .clients .articles .ArtPrintStudio {
    background: #1D4568;
  }
  .contenthomepage .clients .articles .UltimateCard {
    background: #000000;
  }
  .contenthomepage .publications {
    width: 100vw;
  }
  .contenthomepage .publications * {
    margin: 0 60px 0;
  }
  .contenthomepage .publications a {
    margin: 0;
  }
  .contenthomepage .publications a h3.caps {
    margin-bottom: 0;
  }
  .contenthomepage .publications p.hero {
    margin-top: 10px;
    font-size: 38px;
    line-height: 46px;
  }
  .contenthomepage .publications .articles {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 60px 0;
  }
  .contenthomepage .publications .articles article {
    width: 309px;
    margin: 30px 0 0;
  }
  .contenthomepage .publications .articles article .img {
    width: 100%;
  }
  .contenthomepage .publications .articles article .inputtext,
.contenthomepage .publications .articles article .title {
    width: calc(100% - 60px);
  }
  .contenthomepage .publications .articles :last-child {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .contenthomepage {
    margin-top: 115px;
  }
  .contenthomepage .darkpart .symbol {
    background-size: 669.96px;
  }
  .contenthomepage .darkpart .frame {
    display: inline-flex;
    flex-direction: column;
    width: calc(375% / (1024 / 100));
    align-items: flex-end;
    border-right: solid 4px rgba(255, 255, 255, 0.3);
    padding-right: 60px;
    margin-right: unset;
    border-bottom: unset;
  }
  .contenthomepage .darkpart .frame p.hero {
    margin: 15px 0 15px;
  }
  .contenthomepage .darkpart .about {
    display: inline-flex;
    width: calc(405% / (1024 / 100));
    flex-direction: column;
    margin-left: 56px;
  }
  .contenthomepage .darkpart .services .articlesservices {
    margin-top: 60px;
  }
  .contenthomepage .darkpart .services .articlesservices article {
    width: calc((100% / 3) - (120px / 3));
  }
  .contenthomepage .team .teamarticle {
    position: relative;
  }
  .contenthomepage .team .teamarticle .img {
    width: 400px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .contenthomepage .team .teamarticle .teamtext {
    margin-left: 400px;
  }
  .contenthomepage .team .teamarticle .teamtext p.hero {
    margin-bottom: unset;
  }
  .contenthomepage .team .Paginator {
    margin-top: 30px;
  }
  .contenthomepage .clients .articles article {
    width: 25%;
  }
  .contenthomepage .publications .articles {
    padding-bottom: 30px;
  }
  .contenthomepage .publications .articles article.cover {
    width: calc((100% / 3) - (60px / 3));
  }
}
@media (min-width: 1440px) {
  .contenthomepage .darkpart .symbol {
    height: 799px;
    background-size: contain;
  }
  .contenthomepage .darkpart .frame {
    margin-top: 60px;
  }
}
@media (min-width: 1920px) {
  .contenthomepage .darkpart .symbol {
    height: 1000px;
  }
  .contenthomepage .darkpart .frame {
    margin: 60px 0 0 280px;
    width: calc(375% / (1920 / 100));
  }
  .contenthomepage .darkpart .about {
    margin: 60px 280px 0 54px;
    width: calc(861% / (1920 / 100));
    height: 304px;
    position: absolute;
  }
  .contenthomepage .darkpart .about h3 {
    margin-top: 73px;
  }
  .contenthomepage .darkpart .services {
    margin: 60px 180px 0;
  }
  .contenthomepage .team {
    margin: 80px 160px 0;
  }
  .contenthomepage .clients .articles {
    margin: 30px 100px 0;
  }
  .contenthomepage .publications {
    margin-top: 60px;
  }
  .contenthomepage .publications * {
    margin: 0 160px 0;
  }
  .contenthomepage .publications .articles {
    margin: 0 160px 0;
  }
}