@font-face {
  font-family: Lato;
  src: url(../fonts/Lato-Regular.woff) format("woff"), url(../fonts/Lato-Regular.woff2) format("woff2");
  font-weight: 400;
  font-display: swap
}

@font-face {
  font-family: Lato;
  src: url(../fonts/Lato-Semibold.woff) format("woff"), url(../fonts/Lato-Semibold.woff2) format("woff2");
  font-weight: 600;
  font-display: swap
}

@font-face {
  font-family: Lato;
  src: url(../fonts/Lato-Bold.woff) format("woff"), url(../fonts/Lato-Bold.woff2) format("woff2");
  font-weight: 700;
  font-display: swap
}

*,
::after,
::before {
  box-sizing: border-box
}

ol[class],
ul[class] {
  padding: 0
}

blockquote,
body,
dd,
dl,
figcaption,
figure,
h1,
h2,
h3,
h4,
li,
p {
  margin: 0
}

body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5
}

ol[class],
ul[class] {
  list-style: none
}

a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto
}

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

article>*+*,
section>*+* {
  margin-top: 1em
}

button,
input,
select,
textarea {
  font: inherit
}

@media (prefers-reduced-motion:reduce) {
  * {
    -webkit-animation-duration: 0s !important;
    animation-duration: 0s !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0s !important;
    scroll-behavior: auto !important
  }
}

body {
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #222
}

body.is-overflow {
  overflow: hidden
}

.o-body-bg {
  width: 100%;
  height: 80vh;
  background-color: #000;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 1;
  transition: opacity .3s ease-in-out, height .3s ease-in-out
}

.o-btn {
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 1.25px;
  text-align: center;
  border: 2px solid;
  border-radius: 2em;
  padding: .54em 1.15em;
  font-size: 14px;
  transition: background-color .2s linear, border-color .2s linear
}

@media (min-width:1023px) {
  .o-btn {
    padding: .7em 1.5em
  }
}

.o-btn--blue {
  background-color: #3872e4;
  border-color: #3872e4;
  color: #fff
}

.o-btn--blue:hover {
  background-color: #1c58cd;
  border-color: #1c58cd
}

.o-btn--yellow {
  color: #000;
  border-color: #ffe500;
  background-color: #f5dc00
}

.o-btn--yellow:hover {
  background-color: #e6ce00;
  border-color: #e6ce00
}

.o-container {
  padding-left: 15px;
  padding-right: 15px
}

@media (min-width:767px) {
  .o-container {
    padding-left: 25px;
    padding-right: 25px
  }
}

@media (min-width:1023px) {
  .o-container {
    max-width: 1010px;
    margin: 0 auto
  }
}

h1 {
  color: #fff;
  font-weight: 600;
  font-size: 30px
}

@media (min-width:767px) {
  h1 {
    font-size: 34px
  }
}

@media (min-width:1290px) {
  h1 {
    font-size: 48px
  }
}

h2 {
  font-size: 24px;
  line-height: 30px
}

@media (min-width:1023px) {
  h2 {
    font-size: 30px;
    line-height: 34px
  }
}

h3 {
  font-size: 20px;
  line-height: 22px
}

@media (min-width:1023px) {
  h3 {
    font-size: 24px
  }
}

.o-scroll {
  overflow-x: auto
}

.o-img {
  margin-top: 12px;
  margin-bottom: 12px;
  height: auto;
  width: auto
}

.c-button-up {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #f5f5f5;
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 300;
  display: none;
  cursor: pointer;
  transition: background-color .15s ease-in-out
}

.c-button-up.is-vissible {
  display: block
}

.c-button-up::before {
  background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Eround-arrow_back_white%3C/title%3E%3Cpath d='M19 11H7.83l4.88-4.88a1.008 1.008 0 0 0 0-1.42.996.996 0 0 0-1.41 0l-6.59 6.59a.996.996 0 0 0 0 1.41l6.59 6.59a.997.997 0 0 0 1.41-1.41L7.83 13H19a1 1 0 0 0 0-2z' fill='%23222'/%3E%3C/svg%3E") no-repeat 50% 50%;
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%) rotate(90deg);
  transition: background .15s ease-in-out
}

.c-button-up:hover {
  background-color: #3872e4
}

.c-button-up:hover::before {
  background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Eround-arrow_back_white%3C/title%3E%3Cpath d='M19 11H7.83l4.88-4.88a1.008 1.008 0 0 0 0-1.42.996.996 0 0 0-1.41 0l-6.59 6.59a.996.996 0 0 0 0 1.41l6.59 6.59a.997.997 0 0 0 1.41-1.41L7.83 13H19a1 1 0 0 0 0-2z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 50%
}

.c-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  background-color: #000;
  z-index: 33
}

.c-header__link+.c-header__link {
  margin-left: 5px
}

.c-burger {
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml;charset=utf8, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 18h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 50%;
  cursor: pointer
}

.c-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding: 15px;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  transition: opacity .2s ease-in-out
}

.c-menu.is-active {
  opacity: 1;
  visibility: visible
}

.c-menu__list[class] {
  margin: 0
}

.c-menu__item:not(:last-child) {
  margin-bottom: 8px
}

.c-menu__link.is-active {
  background-color: #ffffff29;
  color: #fff;
  border-radius: 18px
}

.c-menu__link {
  color: #ffffffb3;
  text-decoration: none;
  display: block;
  font-weight: 600;
  padding: 12px;
  transition: color .2s linear
}

.c-menu__link:hover {
  color: #fff
}

.c-logo {
  display: none
}

@media (min-width:767px) {

  .c-header,
  .c-menu {
    padding-left: 25px;
    padding-right: 25px
  }

  .c-logo {
    display: block;
    margin-right: auto;
    margin-left: 10px
  }

  .c-logo img {
    height: auto;
    max-width: 160px;
    width: 100%
  }
}

@media (min-width:1023px) {
  .c-header {
    max-width: 1010px;
    margin: 0 auto;
    position: relative
  }

  .c-burger {
    display: none
  }

  .c-logo {
    margin-left: 0;
    margin-right: 0
  }

  .c-logo img {
    max-width: 170px
  }

  .c-menu {
    position: static;
    padding: 0;
    background-color: transparent;
    opacity: 1;
    visibility: visible
  }

  .c-menu__list {
    display: flex
  }

  .c-menu__item:not(:last-child) {
    margin-bottom: 0;
    margin-right: 5px
  }

  .c-menu__link {
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 18px;
    transition: color .2s linear, background-color .2s linear
  }

  .c-menu__link:hover {
    background-color: #ffffff29
  }
}

.c-main-block {
  position: relative;
  padding-top: 100px;
  text-align: center
}

@media (min-width:555px) {
  .c-main-block {
    padding-top: 150px
  }
}

.c-main-block__title {
  padding: 15px 15px 5px;
  margin-bottom: 20px
}

.c-main-block__title div {
  display: inline-block;
  padding: 0 8px 0 24px;
  height: 32px;
  margin-left: 7px;
  background: #ffe500;
  box-shadow: 0 4px 8px #ffe5003d;
  border-radius: 16px 16px 16px 0;
  position: relative
}

.c-main-block__title div::before {
  background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Estar_sm_icon_1%3C/title%3E%3Cpath d='M10.001 12.857l2.91 2.03a.586.586 0 0 0 .91-.635l-1.112-3.277 2.873-1.961a.565.565 0 0 0-.343-1.032h-3.523l-1.147-3.424a.599.599 0 0 0-1.123 0l-1.16 3.424H4.764a.565.565 0 0 0-.343 1.032l2.874 1.961-1.112 3.277a.587.587 0 0 0 .91.635z' fill='%23222'/%3E%3C/svg%3E") 50% 50% no-repeat;
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 6px;
  top: 6px
}

.c-main-block__link {
  background-color: #ffe500;
  border-color: #ffe500;
  box-shadow: #e3be1b3d 0 8px 16px 0;
  margin-top: 25px;
  color: #000
}

.c-main-block__link:hover {
  background-color: #f5dc00;
  border-color: #f5dc00
}

.c-front-cont {
  position: relative
}

.c-front-slider {
  width: 100%;
  overflow: hidden;
  position: relative
}

.c-front-slider-list {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch
}

.c-front-slider-list__element {
  flex-grow: 0;
  flex-shrink: 0;
  width: 186px;
  height: 372px;
  padding: 20px 15px 18px;
  box-sizing: border-box;
  position: relative;
  z-index: 10;
  background-image: url(../img/mobile.png)
}

.c-front-slider-list__element-screen {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  background-position: 50% 50%;
  background-size: cover
}

.c-front-slider-list__element-screen a {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

.c-front-slider-list__element-screen a span {
  display: inline-block;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 8px 16px #0713293d;
  width: 48px;
  height: 48px;
  transform: translate(50%, -50%);
  position: absolute;
  top: 50%;
  right: 50%;
  transition: transform .3s linear
}

.c-front-slider-list__element-screen a span:hover {
  transform: translate(50%, -50%) scale(1.1)
}

.c-front-slider-list__element-screen a span::before {
  background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Eround-play_arrow_white%3C/title%3E%3Cpath d='M8 6.82v10.36a.998.998 0 0 0 1.54.84l8.14-5.18a1 1 0 0 0 0-1.69L9.54 5.98A.998.998 0 0 0 8 6.82z' fill='%23453536'/%3E%3C/svg%3E") no-repeat 50% 50%;
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%)
}

.c-front-slider-list__element-screen.desktop,
.c-front-slider-list__element-screen.tablet {
  display: none
}

@media (min-width:767px) {
  .c-front-slider-list__element-screen.tablet {
    display: block
  }



.c-front-slider-list__element-screen.mobile {
    background-image: url('/path/to/mobile.png'); /* Укажите путь к изображению */
    background-size: contain;                    /* Сохранение пропорций изображения */
    background-repeat: no-repeat;                /* Отключаем повторение */
    background-position: center;                 /* Центровка изображения */                   
    width: 100%;                                 /* Ширина блока 100% */
    max-height: 80vh;                            /* Ограничение максимальной высоты до 80% от высоты экрана */
    height: auto;                                /* Высота автоматически подстраивается */
    display: flex;                               /* Центрирование блока */
    justify-content: center;                     /* Центрирование по горизонтали */
    align-items: center;                         /* Центрирование по вертикали */
    overflow: hidden;                            /* Обрезка изображения, если оно выходит за пределы блока */
}

  .c-front-slider-list__element {
    background-image: url(../img/tablet.png);
    width: 596px;
    height: 781px;
    padding: 32px 29px
  }

  .c-front-slider-list__element:nth-child(2) .mobile {
    display: block
  }
}

@media (min-width:1024px) {
  .c-main-block {
    max-width: 1010px;
    margin: 0 auto;
    text-align: left;
    padding-top: 80px
  }

  .c-main-block__title {
    text-align: center
  }

  .c-main-block__title span {
    display: block
  }

  .c-main-block__link {
    margin-top: 10px
  }

  .c-main-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 680px;
    width: 100%;
    text-align: center
  }

  .c-front-cont {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 379px;
    width: 648px;
    margin-bottom: 16px;
    padding: 20px 75px 52px;
    background-image: url(../img/laptop.png)
  }

  .c-front-slider-list__element-screen {
    background-size: contain
  }

  .c-front-slider-list__element {
    height: 307px;
    background-image: none;
    padding: 0
  }

  .c-front-slider-list__element:nth-child(1),
  .c-front-slider-list__element:nth-child(3) {
    display: none
  }

  .c-front-slider-list__element-screen a span {
    width: 56px;
    height: 56px
  }
}

@media (min-width:1290px) {
  .c-main-inner {
    max-width: 830px
  }

  .c-front-cont {
    width: 840px;
    height: 426px;
    padding: 23px 144px 58px
  }

  .c-front-slider-list__element {
    height: 345px
  }
}

@media (max-width:737px) and (orientation:landscape) {
  .c-main-block {
    padding-top: 90px
  }
}

@media (min-width:1024px) and (min-height:1366px) {
  .o-body-bg {
    height: 45vh
  }
}

.c-content-info {
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 25px
}

@media (min-width:1023px) {
  .c-content-info {
    max-width: 640px;
    width: 100%
  }
}

@media (min-width:1290px) {
  .c-content-info {
    max-width: 850px
  }
}

.c-content-info ol:not([class]),
.c-content-info ul:not([class]) {
  padding-left: 20px;
  margin-bottom: 20px
}

@media (min-width:767px) {

  .c-content-info ol:not([class]),
  .c-content-info ul:not([class]) {
    padding-left: 40px
  }
}

.c-content-info ol:not([class])>li,
.c-content-info ul:not([class])>li {
  padding: 2px 0 2px 10px;
  margin-bottom: 10px;
  letter-spacing: .5px
}

.c-content-info img:not([class]) {
  margin-top: 12px;
  margin-bottom: 12px
}

.c-table-box {
  width: 100%
}

.c-table-box td {
  min-width: 140px;
  padding: 15px;
  background-color: #f5f5f5;
  text-align: left;
  vertical-align: top;
  border-radius: 12px
}

.c-table-info {
  display: flex
}

.c-table-info tbody,
.c-table-info thead {
  display: flex;
  width: 100%
}

.c-table-info tr {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-right: 2px
}

.c-table-info th {
  font-weight: 700
}

.c-table-info td,
.c-table-info th {
  min-width: 138px;
  padding: 15px;
  background-color: #f5f5f5;
  vertical-align: top;
  border-radius: 12px;
  text-align: left;
  margin-bottom: 2px
}

@media (min-width:767px) {
  .c-table-info {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px
  }

  .c-table-info thead {
    display: table-header-group
  }

  .c-table-info tbody {
    display: table-row-group;
    width: auto
  }

  .c-table-info tr {
    display: table-row;
    width: auto;
    margin-right: 0
  }

  .c-table-info td {
    margin-bottom: 0
  }
}

.c-counters[class] {
  margin: 30px 0
}

.c-counters__item {
  color: #fff;
  padding: 15px;
  border-radius: 18px;
  text-align: center;
  margin-bottom: 10px
}

.c-counters__item p {
  margin-bottom: 10px;
  font-size: 40px;
  font-weight: 600
}

.c-counters__item span {
  font-size: 14px
}

.c-counters__item--blue {
  background-color: #3872e4
}

.c-counters__item--brown {
  background-color: #11254d
}

.c-counters__item--yellow {
  background-color: #ffe500;
  color: #11254d
}

@media (min-width:767px) {
  .c-counters[class] {
    margin-left: -10px;
    margin-right: -10px
  }

  .c-counters {
    display: flex
  }

  .c-counters__item {
    width: calc(100% / 3 - 20px);
    padding: 28px 32px;
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-around
  }

  .c-counters__item p {
    font-size: 48px;
    margin-bottom: 20px;
    line-height: 50px
  }
}

.c-providers-block {
  margin-top: 12px;
  margin-bottom: 20px
}

.c-providers-block__item {
  border-radius: 12px;
  margin-bottom: 10px;
  overflow: hidden
}

.c-providers-block__content,
.c-providers-block__title {
  background-color: #f5f5f5;
  padding: 15px
}

.c-providers-block__title {
  font-weight: 700;
  margin-bottom: 2px
}

@media (min-width:767px) {
  .c-providers-block {
    display: flex;
    margin-left: -5px;
    margin-right: -5px
  }

  .c-providers-block__item {
    width: calc(100% / 3 - 10px);
    margin-left: 5px;
    margin-right: 5px;
    display: flex;
    flex-direction: column
  }

  .c-providers-block__content {
    height: 100%
  }
}

.c-providers[class] {
  margin-bottom: 20px
}

.c-providers {
  display: flex;
  flex-wrap: wrap
}

.c-providers__item {
  padding: 15px;
  border: 1px solid #e1e6ea;
  width: calc(100% / 2)
}

@media (min-width:555px) {
  .c-providers__item {
    width: calc(100% / 3)
  }
}

.c-providers__item img {
  margin: 0 auto
}

.c-device {
  display: flex;
  flex-wrap: wrap;
  margin-top: 25px;
  margin-bottom: 15px;
  margin-left: -10px;
  margin-right: -10px
}

.c-device__item {
  text-align: center;
  padding: 15px;
  margin: 5px 10px 15px;
  border: 2px solid #c4c4c4;
  border-radius: 5px;
  width: calc(100% / 2 - 20px);
  position: relative
}

.c-device__item img {
  margin: 0 auto 5px
}

.c-device__icon {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #1b9d11;
  z-index: 2
}

.c-device__text {
  font-size: 16px
}

.c-device__icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: #fff;
  stroke: none
}

.c-device__icon--mod {
  background: red
}

.c-device__icon--mod svg {
  stroke-width: 1px
}

@media (min-width:767px) {
  .c-device__item {
    width: calc(100% / 4 - 20px)
  }
}

@media (min-width:1023px) {
  .c-device__item {
    transition: box-shadow .3s ease, transform .3s ease
  }

  .c-device__item:hover {
    box-shadow: 1.575px 2.286px 9.85px .15px rgba(29, 29, 29, .49);
    transform: scale(1.1)
  }
}

.c-table {
  border-collapse: collapse;
  width: 100%
}

.c-table tr:nth-child(odd) {
  background: #f5f5f5
}

.c-table tr td:first-child {
  text-align: left
}

.c-table td,
.c-table th {
  text-align: center;
  padding: 10px;
  border: 1px solid #000;
  vertical-align: middle;
  min-width: 140px
}

.c-masonry-block {
  background-color: #11254d;
  max-width: 696px;
  width: 100%;
  margin: 30px auto;
  padding: 24px;
  border-radius: 18px;
  color: #fff
}

@media (min-width:767px) {
  .c-masonry-block {
    margin: 40px auto;
    padding: 24px 24px 32px 32px
  }
}

.c-masonry-block__title {
  font-size: 24px;
  margin-bottom: 25px;
  padding-right: 25px;
  position: relative
}

.c-masonry-block__title span {
  display: inline-block;
  position: absolute;
  right: -5px;
  top: 5px;
  background: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ctitle%3Eround-star_white%3C/title%3E%3Cpath d='M16 23.025l5.533 3.347a1.33 1.33 0 0 0 1.986-1.44l-1.467-6.294 4.894-4.24a1.33 1.33 0 0 0-.76-2.333l-6.44-.547-2.52-5.946a1.334 1.334 0 0 0-2.454 0l-2.52 5.933-6.44.547a1.33 1.33 0 0 0-.76 2.333l4.894 4.24-1.467 6.293a1.33 1.33 0 0 0 1.987 1.44z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 50%;
  width: 24px;
  height: 24px
}

.c-masonry-block__descr {
  font-size: 16px;
  margin-bottom: 25px
}

.c-masonry-block__link {
  background-color: #ffe500;
  border-color: #ffe500;
  color: #000;
  transition: background-color .2s linear, border-color .2s linear, box-shadow .2s linear
}

.c-masonry-block__link:hover {
  background-color: #ffec43;
  border-color: #f5dc00;
  box-shadow: #e3be1b3d 0 8px 16px 0
}

.c-reviews {
  margin-bottom: 40px
}

.c-reviews__item {
  padding: 20px;
  border: 1px solid #f1f1f1;
  border-radius: 5px;
  display: flex;
  margin-bottom: 15px
}

.c-reviews__item.is-hidden {
  display: none
}

.c-reviews__info {
  width: 90%
}

.c-reviews__img {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-right: 20px
}

@media (min-width:555px) {
  .c-reviews__img {
    width: auto;
    height: auto
  }
}

.c-reviews__top {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  font-weight: 700
}

.c-reviews__name {
  margin-bottom: 5px;
  padding-right: 5px
}

.c-reviews__country {
  font-size: 12px;
  margin-bottom: 10px
}

.c-reviews__descr {
  padding-bottom: 15px;
  border-bottom: 1px solid #e1e6ea
}

.c-reviews__button {
  border: none;
  cursor: pointer;
  background-color: #ffe500;
  border: 2px solid #ffe500;
  padding: .74em 1.75em;
  transition: box-shadow .2s linear;
  outline: 0
}

.c-reviews__button:hover {
  box-shadow: #e3be1b3d 0 8px 16px 0
}

.c-reviews__btn {
  text-align: right;
  padding-top: 15px
}

.c-reviews__btn a {
  text-decoration: none;
  color: #fff;
  display: inline-block;
  background-color: #3872e4;
  padding: 7px 14px;
  border-radius: 24px;
  text-align: center
}

.c-reviews__btn a:hover {
  background-color: #2952a4
}

.c-reviews__btn-wrap {
  text-align: center
}

.c-faq {
  margin-bottom: 40px
}

.c-faq summary::-webkit-details-marker {
  display: none
}

.c-faq details {
  border-radius: 5px;
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, .17);
  position: relative;
  margin-bottom: 20px
}

.c-faq svg {
  display: none
}

@media (min-width:555px) {
  .c-faq details {
    margin: 20px 0 0 75px
  }

  .c-faq details::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -12.5px;
    margin: -12.5px 0 0 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12.5px 12.5px 12.5px 0;
    border-color: transparent #fff transparent transparent
  }

  .c-faq svg {
    display: block;
    position: absolute;
    top: 50%;
    left: -70px;
    margin: -25px 0 0 0;
    width: 50px;
    height: 50px;
    fill: #ce3d3d
  }
}

.c-faq summary {
  padding: 20px 20px 20px 20px;
  font-weight: 700;
  font-size: 18px;
  cursor: pointer;
  outline: 0
}

.c-faq details>div {
  padding: 0 20px 15px
}

.c-reviews {
  margin-bottom: 40px
}

.c-footer {
  background-color: #000;
  padding: 15px;
  padding-bottom: 15px
}

.c-footer__copyright {
  color: #ffffff80;
  text-align: center;
  margin-top: 25px
}

.c-footer__list[class] {
  margin: 0
}

.c-footer__box,
.c-footer__list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap
}

.c-footer__item {
  text-align: center
}

.c-footer__link {
  display: block;
  margin: 10px;
  text-decoration: none;
  color: #ffffffb3;
  font-weight: 600;
  transition: color .2s linear
}

.c-footer__link:hover {
  color: #fff
}

.c-footer__box li {
  margin: 5px 15px
}

@media (min-width:1023px) {
  .c-footer__link {
    margin: 30px;
    font-size: 16px
  }

  .c-footer__box img {
    width: auto;
    height: auto
  }
}

.slot-machines--hover {
  opacity: 1
}

.slot-machines__top-decoration {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 20px
}

.c-footer__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center
}

.c-footer-podcasts {
  margin-left: 10px
}

.c-footer-providers img {
  width: auto;
  height: auto;
  min-width: 100px;
  max-height: 50px;
}

.c-footer-providers {
  margin: 10px;
}
.c-table-of-content[class] {
	margin: 0 10px 15px;
	padding: 10px 20px;
}
.c-table-of-content{
	display: block;
	border-radius: 7px;
	border: 3px solid #3872e4;
}
.c-table-of-content li {
	padding: 5px 0 5px 20px;
	position: relative;
}
.c-table-of-content li::before{
	content: "";
	width: 5px;
	height: 5px;
	position: absolute;
	top: 14.5px;
	left: 0;
	border-radius: 50%;
	background: #3872e4;
}
.c-table-of-content a{
	color: #000;
	text-decoration: none;
}
.c-table-of-content a:hover{
		color: #3872e4;
}
@media(min-width: 600px){
	.o-clearfix::after{
		content: '';
		display: block;
		clear: both;
	}
	.o-float-right{
		padding-left: 15px;
		display: block;
		float: right;
	}
	.c-table-of-content{
		max-width: 360px;
	}
}
.c-front-slider-list__element-screen.mobile {
  max-width: 100%; /* This ensures the image doesn't overflow the container */
  height: auto; /* The height will adjust based on the width */
  background-size: contain; /* Makes sure the entire image fits within the bounds */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Prevents the image from repeating */
}