@font-face {
  font-family: KyivType Sans Medium;
  src: local("KyivType Sans Medium"), local("KyivType Sans Medium"),
    url(dist/assets/KyivTypeSans-Medium-.15c406c2.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: KyivType Sans;
  src: local("KyivType Sans Regular"), local("KyivType Sans Regular"),
    url(dist/assets/KyivTypeSans-Regular.12c4eba8.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: KyivType Sans;
  src: local("KyivType Sans Medium"), local("KyivType Sans Medium"),
    url(dist/assets/KyivTypeSans-Medium.54f37c71.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: KyivType Sans;
  src: local("KyivType Sans Bold"), local("KyivType Sans Bold"),
    url(dist/assets/KyivTypeSans-Bold.2b077d8b.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Manrope;
  src: local("Manrope Light"),
    url(dist/assets/Manrope-Light.8d4ec5d9.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Manrope;
  src: local("Manrope Regular"),
    url(dist/assets/Manrope-Regular.2960175e.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Manrope;
  src: local("Manrope Medium"),
    url(dist/assets/Manrope-Medium.562fb5d8.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: Manrope;
  src: local("Manrope Bold"),
    url(dist/assets/Manrope-Bold.ce687c0c.ttf) format("truetype");
  font-weight: 700;
  font-style: bold;
}
@font-face {
  font-family: Manrope;
  src: local("Manrope Heavy"), url(./Manrope-Heavy.ttf) format("truetype");
  font-weight: 800;
  font-style: bold;
}
@font-face {
  font-family: Manrope;
  src: local("Manrope Black"), url(./Manrope-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: bold;
}
@font-face {
  font-family: Space Mono;
  src: local("Space Mono"),
    url(dist/assets/SpaceMono-Regular.74ea8049.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}

#main {
  gap: 120px;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
}

.icon_white {
  color: #ffffff;
  position: absolute;
  right: 14px;
  top: 14px;
  cursor: pointer;
}

.cookie-consent {
  position: fixed;
  bottom: 40px;
  right: 40px;
  width: 100%;
  max-width: 462px;
  background-color: #2e0089;
  color: #fff;
  padding: 40px;
  z-index: 1000;
}

.cookie-consent h3 {
  font-family: "KyivType Sans";
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 16px;
}

.cookie-consent p {
  font-family: "Manrope";
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  text-align: left;
  margin-bottom: 40px;
}

.button_border {
  border: 1px #ffffff solid;
}

@media (max-width: 480px) {
  .cookie-consent {
    bottom: 20px;
    right: 20px;
    width: calc(100vw - 40px);
    padding: 40px 20px 20px;
  }
}

#clients .splide__slide img {
  height: 100%;
  max-height: 49px;
}

#work-process hr:last-of-type {
  display: none;
}

.custom-tabs ul li.current-menu-item {
  --color-from: #2e0089;
  --color-to: white;
  color: #fff;
  background-color: #2e0089;
  padding: 12px 24px;
}

.custom-tabs ul li.current-menu-item:after {
  --color-from: #2e0089;
  --color-to: white;
  color: #fff;
}
@media (max-width: 1024px) {
  .custom-tabs ul li.current-menu-item:not(.button_icon-only) {
    padding: 16px 24px;
    font-size: 16px;
    line-height: 16px;
  }
}
.case-item__content ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.font-two {
  font-style: normal;
}

.text-input-wrapper .text-input {
  width: 100%;
}
.cases-list-item__image {
  left: 0;
}

#our-services .splide__pagination {
  display: none;
}
@media (max-width: 480px) {
  .main-top-sticky {
    position: relative;
    z-index: 30;
    margin-bottom: -40px;
  }
}

@media (min-width: 1024px) {
  .case-item {
    flex-direction: row;
    align-items: flex-start;
    padding: 2.5rem;
    display: grid;
    grid-template-columns: auto auto;
  }
}

.button_new {
  margin-bottom: 24px;
  padding-top: 20px;
  display: block;
}

.case-item__content {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.our-service-item__footer {
  margin-top: auto;
}

.custom-content ul {
  list-style: inherit;
  list-style-position: inside;
}

.case-item {
  height: 100%;
}
@media (max-width: 500px) {
  .case-item__image {
    width: 100%;
  }
}

/* home page video */

.video-muted-button {
  right: 40px;
  border: none;
  box-shadow: 0px 10px 50px 0px #2e00890f;
  background: rgba(255, 255, 255, 0.4);
  display: inline-flex;
  align-items: center;
  gap: 22px;
  padding: 12px 16px 12px 24px;
  cursor: pointer;
  z-index: 30;
}
.video-muted-button:hover,
.video-play-button:hover {
  background: rgba(255, 255, 255, 1);
}
.video-muted-button p {
  text-align: left;
}

.video-muted-button .hidden {
  display: none;
}

.video-play-button .hidden {
  display: none;
}

.video-play-button {
  z-index: 30;
  left: 40px;
  border: none;
  padding: 24px;
  box-shadow: 0px 10px 50px 0px #2e00890f;
  background: rgba(255, 255, 255, 0.4);
  cursor: pointer;
}

.main.modile {
  display: none;
}

@media (max-width: 768px) {
  .main-top-sticky {
    position: relative;
    padding: 0 12px;
    height: fit-content;
    padding-top: 66px;
    overflow: hidden;
  }

  .main-top-sticky video {
    width: 100%;
    height: auto;
  }
  #sticky-video-cover {
    top: initial;
    left: initial;
    width: calc(100% - 24px);
    height: calc(100% - 66px);
    bottom: 0;
    top: 66px;
  }
  .video-play-button {
    left: 12px;
    border: none;
    padding: 8px 12px 8px 8px;
    bottom: 12px;
    gap: 14px;
  }

  .video-play-button p {
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.01em;
  }
  .video-muted-button {
    display: none !important;
  }

  .desck {
    display: none;
  }

  .modile {
    display: block;
  }

  .mobile.main {
    color: #2e0089;
    padding-bottom: 0;
  }
}