.container {
  width: 100%;
  margin: 0 auto;
  max-width: 1400px; }
  @media screen and (max-width: 1680px) {
    .container {
      max-width: 1270px; } }
  @media screen and (max-width: 1366px) {
    .container {
      max-width: 1170px; } }
  @media screen and (max-width: 1280px) {
    .container {
      max-width: 970px;
      padding: 0 30px; } }
  @media screen and (max-width: 1024px) {
    .container {
      max-width: 100%;
      padding: 0 30px; } }
  @media screen and (max-width: 960px) {
    .container {
      padding: 0 25px; } }
  @media screen and (max-width: 650px) {
    .container {
      padding: 0 15px; } }

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  color: #74767c;
  font-family: "Montserrat";
  overflow-x: hidden;
  position: relative;
  scroll-behavior: smooth; }
  html.lock,
  body.lock {
    overflow: hidden; }

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

ul {
  margin: 0;
  padding: 0;
  list-style: none; }

body {
  font-weight: 400;
  line-height: normal;
  font-size: 16px;
  overflow: hidden; }

h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0.02em; }

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer; }

button {
  border: none; }

img,
svg {
  max-width: 100%;
  max-height: 100%; }

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 10;
  height: 75px;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  max-width: 100%;
  padding: 0 100px;
  text-transform: uppercase;
  border-bottom: 1px solid #e6e6e6; }
  @media screen and (max-width: 1680px) {
    .header {
      padding: 0 30px;
      font-size: 12px; } }
  @media screen and (max-width: 1280px) {
    .header {
      padding: 0 10px;
      font-weight: 400;
      font-size: 12px; } }
  @media screen and (max-width: 1024px) {
    .header {
      justify-content: center;
      height: 55px; } }
  .header .logos {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 420px; }
    @media screen and (max-width: 1680px) {
      .header .logos {
        max-width: 300px; } }
    @media screen and (max-width: 1366px) {
      .header .logos {
        max-width: 250px; } }
    @media screen and (max-width: 1280px) {
      .header .logos {
        max-width: 190px; } }
    @media screen and (max-width: 1024px) {
      .header .logos {
        display: flex;
        justify-content: center;
        width: 100%;
        margin: 0;
        transform: translateX(-50%);
        z-index: 1;
        max-width: 220px; } }
    @media screen and (max-width: 1024px) {
      .header .logos {
        max-width: 190px; } }
    @media screen and (max-width: 1280px) {
      .header .logos a {
        left: 50%; } }
    @media screen and (max-width: 1024px) {
      .header .logos a .logo {
        width: 100%; } }
    .header .logos .materia-logo {
      width: 30%;
      padding-bottom: 10px;
      margin-left: 15px; }
      @media screen and (max-width: 1680px) {
        .header .logos .materia-logo {
          width: 40%; } }
      @media screen and (max-width: 1366px) {
        .header .logos .materia-logo {
          width: 40%;
          padding-bottom: 5px; } }
      @media screen and (max-width: 1280px) {
        .header .logos .materia-logo {
          width: 40%;
          margin-top: 0px; } }
      @media screen and (max-width: 1024px) {
        .header .logos .materia-logo {
          display: none;
          width: 38%;
          margin-top: -4px; } }
  .header a:hover {
    color: #ff2f2a; }
  @media screen and (max-width: 1024px) {
    .header a {
      position: relative;
      display: block;
      margin: 0 auto;
      z-index: 1; } }
  .header .nav {
    display: block;
    align-items: center;
    color: #27485a; }
    .header .nav img {
      display: none; }
      @media screen and (max-width: 1024px) {
        .header .nav img {
          margin-top: 10px;
          width: 200px;
          display: block;
          margin: 10px auto; } }
    @media screen and (max-width: 1024px) {
      .header .nav {
        display: flex;
        flex-direction: column; } }
    .header .nav .nav-list {
      display: flex;
      align-items: center; }
    .header .nav.active ul li {
      margin-right: 0;
      display: block; }
    .header .nav ul {
      display: flex;
      cursor: pointer;
      list-style: none; }
      .header .nav ul li {
        cursor: pointer;
        margin-right: 25px;
        list-style: none;
        text-transform: uppercase;
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
        position: relative;
        transition: all 0.3s linear 0s; }
        @media screen and (max-width: 1680px) {
          .header .nav ul li {
            margin-right: 15px; } }
        @media screen and (max-width: 1280px) {
          .header .nav ul li {
            margin-right: 10px; } }
        @media screen and (max-width: 1024px) {
          .header .nav ul li {
            margin-right: 0px; } }
        .header .nav ul li:last-child {
          border: 0.5px solid #ff2f2a;
          box-sizing: border-box;
          border-radius: 50px;
          padding: 5px 25px; }
          .header .nav ul li:last-child:hover {
            background-color: #ff2f2a; }
            .header .nav ul li:last-child:hover a {
              color: #fff; }
          @media screen and (max-width: 1280px) {
            .header .nav ul li:last-child {
              padding: 5px 10px; } }
        .header .nav ul li:hover {
          color: #ff2f2a;
          transition: all 0.3s linear 0s; }
        .header .nav ul li a {
          position: relative;
          overflow: hidden; }
    @media screen and (max-width: 1024px) {
      .header .nav {
        height: calc(100% - 55px);
        overflow: auto;
        margin-top: 55px;
        position: fixed;
        top: -250%;
        left: 0;
        width: 100%;
        background-color: #fff;
        padding: 20px 0;
        transition: all 0.3s ease 0s;
        display: block; }
        .header .nav.active {
          top: 0;
          transition: all 0.3s ease 0s; }
        .header .nav ul {
          display: flex;
          position: relative;
          z-index: 3;
          flex-direction: column;
          font-size: 18px; }
          .header .nav ul li {
            margin-top: 20px; }
            .header .nav ul li:last-child {
              display: none; } }
    .header .nav .switch-language-mob {
      display: none;
      margin-top: 20px; }
      @media screen and (max-width: 1024px) {
        .header .nav .switch-language-mob {
          display: flex;
          background: #e7eaf1;
          padding: 2px;
          border-radius: 50px;
          width: 120px; } }
      .header .nav .switch-language-mob .language-1 {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        padding: 10px;
        background-color: transparent;
        display: flex;
        justify-content: center;
        align-items: center; }
        .header .nav .switch-language-mob .language-1.active {
          background-color: #fff; }
        .header .nav .switch-language-mob .language-1 img {
          display: block;
          width: 30px;
          filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
          margin: 0; }
      .header .nav .switch-language-mob .language-2 {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        padding: 10px;
        background-color: transparent;
        display: flex;
        justify-content: center;
        align-items: center; }
        .header .nav .switch-language-mob .language-2.active {
          background-color: #fff; }
        .header .nav .switch-language-mob .language-2 img {
          display: block;
          filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
          width: 30px;
          margin: 0; }
  .header .header_burger {
    display: none;
    z-index: 10;
    padding: 5px; }
    @media screen and (max-width: 1024px) {
      .header .header_burger {
        display: block;
        position: absolute;
        width: 30px;
        height: 20px;
        left: 40px; } }
  @media screen and (max-width: 1024px) and (max-width: 480px) {
    .header .header_burger {
      left: 20px; } }
    @media screen and (max-width: 1024px) {
        .header .header_burger.active::before {
          transform: rotate(45deg);
          top: 9px; }
        .header .header_burger.active::after {
          transform: rotate(-45deg);
          top: 9px; }
        .header .header_burger.active span {
          display: none; }
        .header .header_burger span {
          background-color: #1a1a1a;
          position: absolute;
          width: 100%;
          height: 2px;
          top: 9px;
          transition: all 0.3s ease 0s; }
        .header .header_burger:before, .header .header_burger:after {
          content: "";
          background-color: #1a1a1a;
          position: absolute;
          width: 100%;
          height: 2px;
          transition: all 0.3s ease 0s; }
        .header .header_burger:before {
          top: 0; }
        .header .header_burger:after {
          bottom: 0; } }
  .header #basket {
    display: none;
    z-index: 10; }
    @media screen and (max-width: 1024px) {
      .header #basket {
        display: block;
        position: absolute;
        right: 40px; } }
    @media screen and (max-width: 480px) {
      .header #basket {
        right: 20px; } }

.nav_burger {
  display: none;
  width: 30px;
  height: 19px;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 25px;
  margin-right: 30px;
  z-index: 10; }
  @media screen and (max-width: 960px) {
    .nav_burger {
      display: flex; } }
  @media screen and (max-width: 480px) {
    .nav_burger {
      margin-right: 15px; } }

.languages {
  position: fixed;
  bottom: 5%;
  right: 5%;
  z-index: 10; }
  @media screen and (max-width: 1024px) {
    .languages {
      display: none; } }
  .languages .switch-language {
    display: flex;
    flex-direction: column;
    background: #dcdde0;
    padding: 2px;
    border-radius: 50px; }
    .languages .switch-language .language-1 {
      width: 56px;
      height: 56px;
      border-radius: 50%;
      padding: 10px;
      background-color: transparent;
      display: flex;
      justify-content: center;
      align-items: center; }
      .languages .switch-language .language-1.active {
        background-color: #fff; }
      .languages .switch-language .language-1 img {
        width: 30px;
        filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2)); }
    .languages .switch-language .language-2 {
      width: 56px;
      height: 56px;
      border-radius: 50%;
      padding: 10px;
      background-color: transparent;
      display: flex;
      justify-content: center;
      align-items: center; }
      .languages .switch-language .language-2.active {
        background-color: #fff; }
      .languages .switch-language .language-2 img {
        filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
        width: 30px; }

.instruction__modal {
  background: #f6f7fa;
  width: 100vw;
  height: 100vh;
  position: fixed;
  align-items: center;
  z-index: 100;
  display: none;
  padding: 20px; }
  @media screen and (max-width: 480px) {
    .instruction__modal {
      padding: 10px; } }
  .instruction__modal.active {
    display: flex; }
  .instruction__modal .modal-cross {
    position: absolute;
    right: 50%;
    transform: translateX(48px);
    top: 6%;
    padding: 20px;
    width: 48px;
    height: 48px; }
    @media screen and (max-width: 768px) {
      .instruction__modal .modal-cross {
        right: 20%; } }
    .instruction__modal .modal-cross .cross-first {
      background-color: #1a1a1a;
      position: absolute;
      transform: rotate(-45deg);
      top: 19px;
      right: 5px;
      width: 80%;
      height: 2px; }
    .instruction__modal .modal-cross .cross-second {
      background-color: #1a1a1a;
      position: absolute;
      transform: rotate(45deg);
      top: 19px;
      right: 5px;
      width: 80%;
      height: 2px; }
  .instruction__modal .instruction__modal__body {
    border-radius: 10px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.07);
    background-color: #fff;
    z-index: 100;
    top: 50%;
    width: 800px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    overflow-y: auto; }
    @media screen and (max-width: 480px) {
      .instruction__modal .instruction__modal__body {
        padding: 10px; } }
    .instruction__modal .instruction__modal__body .instruction__modal__img {
      margin-top: 30px; }
      .instruction__modal .instruction__modal__body .instruction__modal__img img {
        width: 50%; }
        @media screen and (max-width: 480px) {
          .instruction__modal .instruction__modal__body .instruction__modal__img img {
            width: 90%; } }
    .instruction__modal .instruction__modal__body .instruction__modal__text {
      font-weight: 600;
      font-size: 26px;
      line-height: 115%;
      color: #171515;
      margin-bottom: 35px; }
      @media screen and (max-width: 480px) {
        .instruction__modal .instruction__modal__body .instruction__modal__text {
          font-size: 16px; } }
    .instruction__modal .instruction__modal__body .instruction__modal__btn {
      width: 500px;
      display: flex;
      justify-content: space-between;
      margin: 10px auto;
      padding-bottom: 15px;
      align-items: center; }
      @media screen and (max-width: 650px) {
        .instruction__modal .instruction__modal__body .instruction__modal__btn {
          width: 100%;
          flex-wrap: wrap; } }
      .instruction__modal .instruction__modal__body .instruction__modal__btn a {
        border: 2px solid #ff2f2a;
        box-sizing: border-box;
        border-radius: 50px;
        padding: 20px 30px;
        display: flex;
        justify-content: center; }
        @media screen and (max-width: 650px) {
          .instruction__modal .instruction__modal__body .instruction__modal__btn a {
            width: 100%;
            margin-top: 20px; } }
        @media screen and (max-width: 650px) {
          .instruction__modal .instruction__modal__body .instruction__modal__btn a {
            padding: 10px 15px; } }
        .instruction__modal .instruction__modal__body .instruction__modal__btn a img {
          margin-right: 10px; }

.wrapper {
  padding: 75px 0 150px 0;
  /*container*/ }
  @media screen and (max-width: 1280px) {
    .wrapper {
      padding: 75px 0 120px 0; } }
  @media screen and (max-width: 650px) {
    .wrapper {
      padding: 50px 0 50px 0; } }
  .wrapper .container {
    margin: 0 auto;
    max-width: 1400px;
    /*use*/ }
    @media screen and (max-width: 1680px) {
      .wrapper .container {
        padding: 0 40px; } }
    @media screen and (max-width: 650px) {
      .wrapper .container {
        padding: 0 30px; } }
    @media screen and (max-width: 480px) {
      .wrapper .container {
        padding: 0 20px; } }
    .wrapper .container .use {
      display: flex;
      margin-top: 100px;
      align-items: center; }
      @media screen and (max-width: 1280px) {
        .wrapper .container .use {
          margin-top: 75px; } }
      @media screen and (max-width: 1024px) {
        .wrapper .container .use {
          margin-top: 50px; } }
      @media screen and (max-width: 960px) {
        .wrapper .container .use {
          flex-direction: column-reverse;
          text-align: center; } }
      @media screen and (max-width: 650px) {
        .wrapper .container .use {
          margin-top: 50px; } }
      @media screen and (max-width: 480px) {
        .wrapper .container .use {
          margin-top: 10px; } }
      .wrapper .container .use .use__text {
        width: 50%; }
        @media screen and (max-width: 960px) {
          .wrapper .container .use .use__text {
            width: 80%;
            margin-top: 100px; } }
        @media screen and (max-width: 650px) {
          .wrapper .container .use .use__text {
            width: 100%; } }
        @media screen and (max-width: 480px) {
          .wrapper .container .use .use__text {
            text-align: start;
            margin-top: 100px; } }
        .wrapper .container .use .use__text .use__title {
          font-weight: 600;
          font-size: 48px;
          line-height: 115%;
          color: #171515;
          margin-bottom: 30px; }
          .wrapper .container .use .use__text .use__title span {
            color: #ff2f2a; }
          @media screen and (max-width: 1280px) {
            .wrapper .container .use .use__text .use__title {
              font-size: 36px; } }
          @media screen and (max-width: 768px) {
            .wrapper .container .use .use__text .use__title {
              font-size: 32px; } }
          @media screen and (max-width: 480px) {
            .wrapper .container .use .use__text .use__title {
              font-size: 28px; } }
        .wrapper .container .use .use__text .use__subtitle {
          margin-bottom: 50px;
          font-size: 22px; }
          @media screen and (max-width: 1280px) {
            .wrapper .container .use .use__text .use__subtitle {
              font-size: 18px; } }
          @media screen and (max-width: 768px) {
            .wrapper .container .use .use__text .use__subtitle {
              font-size: 16px; } }
          @media screen and (max-width: 480px) {
            .wrapper .container .use .use__text .use__subtitle {
              margin-bottom: 20px; } }
        .wrapper .container .use .use__text .use__btn .use__btn-red {
          cursor: pointer;
          padding: 20px 30px;
          text-transform: uppercase;
          border: 2px solid #ff2f2a;
          box-sizing: border-box;
          border-radius: 50px;
          color: #fff;
          transition: all 0.3s ease-out 0s;
          background-color: #ff2f2a;
          font-size: 18px;
          margin-right: 35px;
          text-align: center;
          display: inline-block; }
          @media screen and (max-width: 1280px) {
            .wrapper .container .use .use__text .use__btn .use__btn-red {
              font-size: 14px;
              padding: 10px 15px; } }
          @media screen and (max-width: 480px) {
            .wrapper .container .use .use__text .use__btn .use__btn-red {
              display: block;
              width: 100%; } }
          .wrapper .container .use .use__text .use__btn .use__btn-red:hover {
            transition: all 0.3s ease-out 0s;
            background-color: #171515; }
        .wrapper .container .use .use__text .use__btn .use__btn-white {
          cursor: pointer;
          padding: 20px 30px;
          text-transform: uppercase;
          border: 2px solid #ff2f2a;
          box-sizing: border-box;
          border-radius: 50px;
          transition: all 0.3s ease 0s;
          color: #000;
          background-color: #fff;
          font-size: 18px;
          margin-top: 15px;
          text-align: center;
          display: inline-block; }
          @media screen and (max-width: 1280px) {
            .wrapper .container .use .use__text .use__btn .use__btn-white {
              font-size: 14px;
              padding: 10px 15px; } }
          @media screen and (max-width: 480px) {
            .wrapper .container .use .use__text .use__btn .use__btn-white {
              margin-left: 0;
              display: block;
              margin-top: 15px;
              width: 100%; } }
          .wrapper .container .use .use__text .use__btn .use__btn-white:hover {
            color: #fff;
            transition: all 0.3s ease 0s;
            background-color: #ff2f2a; }
      .wrapper .container .use .use__img {
        position: relative; }
        @media screen and (max-width: 1024px) {
          .wrapper .container .use .use__img {
            width: 60%; } }
        @media screen and (max-width: 650px) {
          .wrapper .container .use .use__img {
            width: 100%; } }
        .wrapper .container .use .use__img .package {
          position: absolute;
          bottom: -12%;
          right: 15%; }
          @media screen and (max-width: 1280px) {
            .wrapper .container .use .use__img .package {
              width: 70%; } }
        .wrapper .container .use .use__img p {
          position: absolute;
          font-weight: normal;
          font-size: 12px;
          line-height: 130%;
          color: #b2b2b2;
          bottom: -12%;
          right: 34%; }
          @media screen and (max-width: 960px) {
            .wrapper .container .use .use__img p {
              right: 26%; } }
          @media screen and (max-width: 480px) {
            .wrapper .container .use .use__img p {
              right: 26%;
              bottom: -15%; } }
          @media screen and (max-width: 375px) {
            .wrapper .container .use .use__img p {
              right: 17%; } }

/*wrapper*/
.advantage {
  background-color: #f6f7fa;
  padding: 100px 0; }
  @media screen and (max-width: 1366px) {
    .advantage {
      padding: 90px 0; } }
  @media screen and (max-width: 1024px) {
    .advantage {
      padding: 75px 0; } }
  @media screen and (max-width: 768px) {
    .advantage {
      padding: 50px 0; } }
  @media screen and (max-width: 480px) {
    .advantage {
      padding: 30px 0; } }
  .advantage .container {
    max-width: 1400px;
    margin: 0 auto; }
    .advantage .container .title-black {
      position: relative;
      font-weight: 600;
      font-size: 36px;
      line-height: 125%;
      color: #171515;
      text-align: center; }
      @media screen and (max-width: 1280px) {
        .advantage .container .title-black {
          font-size: 32px; } }
      @media screen and (max-width: 768px) {
        .advantage .container .title-black {
          font-size: 32px; } }
      @media screen and (max-width: 480px) {
        .advantage .container .title-black {
          font-size: 28px;
          text-align: start; } }
      @media screen and (max-width: 375px) {
        .advantage .container .title-black {
          font-size: 24px; } }
      .advantage .container .title-black:after {
        content: "";
        background: #ff2f2a;
        width: 10%;
        height: 3px;
        display: block;
        text-align: center;
        position: absolute;
        transform: translateX(60%);
        right: 50%;
        margin-top: 15px; }
        @media screen and (max-width: 1024px) {
          .advantage .container .title-black:after {
            width: 20%; } }
        @media screen and (max-width: 480px) {
          .advantage .container .title-black:after {
            width: 50%;
            left: 0;
            right: 0;
            transform: translateX(0); } }
    .advantage .container .advantage__items {
      margin-top: 10px;
      display: flex;
      flex-wrap: wrap; }
      @media screen and (max-width: 650px) {
        .advantage .container .advantage__items {
          width: 100%;
          display: flex;
          align-items: center; } }
      @media screen and (max-width: 650px) {
        .advantage .container .advantage__items {
          align-items: start; } }
      .advantage .container .advantage__items .advantage__item {
        width: 33%;
        text-align: center;
        padding: 0 30px;
        margin-top: 50px; }
        @media screen and (max-width: 768px) {
          .advantage .container .advantage__items .advantage__item {
            width: 50%;
            align-items: center;
            padding: 0 15px; } }
        @media screen and (max-width: 480px) {
          .advantage .container .advantage__items .advantage__item {
            width: 100%;
            display: flex;
            padding: 0;
            margin-top: 25px; } }
        @media screen and (max-width: 375px) {
          .advantage .container .advantage__items .advantage__item {
            margin-top: 20px; } }
        @media screen and (max-width: 480px) {
          .advantage .container .advantage__items .advantage__item .advantage__item_img {
            text-align: start; } }
        @media screen and (max-width: 480px) {
          .advantage .container .advantage__items .advantage__item .advantage__item_img img {
            width: 50%; } }
        .advantage .container .advantage__items .advantage__item .advantage__item_text {
          margin-top: 35px;
          font-size: 18px; }
          @media screen and (max-width: 1280px) {
            .advantage .container .advantage__items .advantage__item .advantage__item_text {
              font-size: 18px; } }
          @media screen and (max-width: 768px) {
            .advantage .container .advantage__items .advantage__item .advantage__item_text {
              font-size: 16px;
              margin-top: 0;
              padding-left: 30px;
              margin-top: 20px; } }
          @media screen and (max-width: 480px) {
            .advantage .container .advantage__items .advantage__item .advantage__item_text {
              padding-left: 0;
              width: 100%;
              text-align: start;
              margin-top: 0; } }

.microphone-section {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background: url(../img/microphone-bg.png);
  height: 960px;
  padding-top: 100px; }
  .microphone-section .microphone__question {
    max-width: 900px;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: 0 auto;
    position: relative;
    z-index: 7;
    align-items: center; }
    .microphone-section .microphone__question.hide {
      display: none; }
    .microphone-section .microphone__question .title-white {
      font-weight: 600;
      font-size: 48px;
      line-height: 125%;
      color: #ffffff;
      text-align: center; }
      @media screen and (max-width: 1280px) {
        .microphone-section .microphone__question .title-white {
          font-size: 36px; } }
      @media screen and (max-width: 768px) {
        .microphone-section .microphone__question .title-white {
          font-size: 32px; } }
      @media screen and (max-width: 480px) {
        .microphone-section .microphone__question .title-white {
          font-size: 28px;
          text-align: start; } }
      @media screen and (max-width: 375px) {
        .microphone-section .microphone__question .title-white {
          font-size: 24px; } }
    .microphone-section .microphone__question .microphone-title {
      display: block;
      text-align: center; }
      .microphone-section .microphone__question .microphone-title.hide {
        display: none; }
    .microphone-section .microphone__question .microphone__question-title {
      color: #fff;
      font-size: 36px;
      display: none; }
      .microphone-section .microphone__question .microphone__question-title.active {
        display: block;
        margin-top: 100px; }
    .microphone-section .microphone__question .question__section {
      margin-top: 35px;
      display: none;
      padding: 0 10px; }
      .microphone-section .microphone__question .question__section.active {
        display: block; }
      .microphone-section .microphone__question .question__section .question__text {
        color: #fff;
        font-size: 20px; }
      .microphone-section .microphone__question .question__section .question__body {
        margin-top: 60px;
        background-color: #fff;
        padding: 45px 35px;
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        text-align: start; }
        .microphone-section .microphone__question .question__section .question__body .lable {
          margin-top: 20px; }
        .microphone-section .microphone__question .question__section .question__body .radio {
          display: none; }
        .microphone-section .microphone__question .question__section .question__body .radio:checked + .text:after {
          opacity: 1; }
        .microphone-section .microphone__question .question__section .question__body .text {
          position: relative;
          padding-left: 35px;
          color: #7a84a9;
          display: inline-block; }
          .microphone-section .microphone__question .question__section .question__body .text:before {
            content: "";
            display: block;
            width: 18px;
            height: 18px;
            border: 1px solid #7a84a9;
            position: absolute;
            border-radius: 50%;
            top: 0;
            left: 0; }
          .microphone-section .microphone__question .question__section .question__body .text:after {
            content: "";
            position: absolute;
            display: block;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            top: 5px;
            left: 5px;
            opacity: 0;
            background-color: #ff2f2a;
            transition: all 0.3s; }
    .microphone-section .microphone__question .next {
      margin-top: 30px;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 16px;
      line-height: 125%;
      color: #fff;
      background: #ff2f2a;
      border-radius: 50px;
      padding: 15px 35px;
      transition: all 0.3s ease 0s;
      border: 2px solid #ff2f2a;
      display: none; }
      .microphone-section .microphone__question .next.active {
        display: block; }
      .microphone-section .microphone__question .next:disabled {
        background-color: #e0e0e0;
        border: none; }
      .microphone-section .microphone__question .next:not(:disabled) {
        cursor: pointer; }
        .microphone-section .microphone__question .next:not(:disabled):hover {
          color: #fff;
          background-color: #171515;
          transition: all 0.3s ease 0s; }
  .microphone-section .question__result {
    max-width: 600px;
    flex-direction: column;
    text-align: center;
    margin: 0 auto;
    position: relative;
    z-index: 7;
    align-items: center;
    display: none;
    padding: 0 10px; }
    .microphone-section .question__result.active {
      display: flex; }
    .microphone-section .question__result h2 {
      color: #fff;
      font-size: 36px; }
    .microphone-section .question__result .result {
      color: #fff;
      font-size: 20px;
      max-width: 500px;
      margin-top: 35px;
      display: none; }
      .microphone-section .question__result .result.active {
        display: block; }
    .microphone-section .question__result .result-img {
      margin-top: 50px; }
    .microphone-section .question__result .result-btn {
      display: flex;
      flex-direction: column; }
      .microphone-section .question__result .result-btn .buy {
        margin-top: 30px;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 16px;
        line-height: 125%;
        color: #fff;
        background: #ff2f2a;
        border-radius: 50px;
        padding: 15px 35px;
        transition: all 0.3s ease 0s;
        border: 2px solid #ff2f2a; }
        .microphone-section .question__result .result-btn .buy:hover {
          background-color: #fff;
          color: #000;
          transition: all 0.3s ease 0s; }
      .microphone-section .question__result .result-btn .restart {
        color: #fff;
        background: transparent;
        font-size: 16px;
        margin-top: 35px; }
        .microphone-section .question__result .result-btn .restart:hover {
          color: #ff2f2a; }
  .microphone-section .circle__wrap {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1; }
    .microphone-section .circle__wrap .circle {
      background: #f8af57;
      border-radius: 50%;
      -webkit-animation: pulsing 3.5s infinite;
      animation: pulsing 3.5s infinite; }
    .microphone-section .circle__wrap .circle__first {
      position: relative;
      width: 450px;
      height: 450px;
      -webkit-animation-delay: 0.3s;
      -moz-animation-delay: 0.3s;
      -o-animation-delay: 0.3s;
      animation-delay: 0.3s;
      opacity: 0.5; }
      @media screen and (max-width: 768px) {
        .microphone-section .circle__wrap .circle__first {
          width: 375px;
          height: 375px; } }
      @media screen and (max-width: 480px) {
        .microphone-section .circle__wrap .circle__first {
          width: 300px;
          height: 300px; } }
    .microphone-section .circle__wrap .circle__second {
      position: absolute;
      width: 380px;
      height: 380px;
      -webkit-animation-delay: 0.6s;
      -moz-animation-delay: 0.6s;
      -o-animation-delay: 0.6s;
      animation-delay: 0.6s;
      left: calc(50% - 190px);
      top: calc(50% - 190px);
      opacity: 0.75; }
      @media screen and (max-width: 768px) {
        .microphone-section .circle__wrap .circle__second {
          width: 320px;
          height: 320px;
          left: calc(50% - 160px);
          top: calc(50% - 160px); } }
      @media screen and (max-width: 480px) {
        .microphone-section .circle__wrap .circle__second {
          width: 270px;
          height: 270px;
          left: calc(50% - 135px);
          top: calc(50% - 135px); } }
    .microphone-section .circle__wrap .circle__third {
      position: absolute;
      width: 280px;
      height: 280px;
      -webkit-animation-delay: 0.9s;
      -moz-animation-delay: 0.9s;
      -o-animation-delay: 0.9s;
      animation-delay: 0.9s;
      left: calc(50% - 140px);
      top: calc(50% - 140px); }
      @media screen and (max-width: 768px) {
        .microphone-section .circle__wrap .circle__third {
          width: 260px;
          height: 260px;
          left: calc(50% - 130px);
          top: calc(50% - 130px); } }
      @media screen and (max-width: 480px) {
        .microphone-section .circle__wrap .circle__third {
          width: 240px;
          height: 240px;
          left: calc(50% - 120px);
          top: calc(50% - 120px); } }

@-webkit-keyframes pulsing {
  0% {
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
  50% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% {
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); } }

@keyframes pulsing {
  0% {
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
  50% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% {
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); } }
  .microphone-section .microphone {
    position: absolute;
    bottom: -5px;
    left: 50%;
    height: auto;
    transform: translateX(-50%);
    z-index: 3;
    height: 800px;
    width: 265px; }
    .microphone-section .microphone.hide {
      display: none; }

.microphone__btn {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  align-items: center;
  display: flex;
  flex-direction: column;
  top: 75%; }
  @media screen and (max-width: 1280px) {
    .microphone__btn {
      top: 70%; } }
  @media screen and (max-width: 480px) {
    .microphone__btn {
      display: block;
      width: 90%; } }
  .microphone__btn .microphone__btn_start {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    line-height: 125%;
    color: #fff;
    background: #ff2f2a;
    border-radius: 50px;
    padding: 20px 30px;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    border: 2px solid #ff2f2a; }
    .microphone__btn .microphone__btn_start:hover {
      color: #fff;
      background-color: #171515;
      transition: all 0.3s ease 0s; }
    @media screen and (max-width: 650px) {
      .microphone__btn .microphone__btn_start {
        font-size: 16px;
        padding: 15px 20px; } }
    @media screen and (max-width: 480px) {
      .microphone__btn .microphone__btn_start {
        width: 100%; } }
  .microphone__btn .microphone__btn_skip {
    color: #171515;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    line-height: 125%;
    margin-top: 35px;
    padding: 20px 30px;
    border: none;
    background-color: #fff;
    border-radius: 50px;
    transition: all 0.3s ease 0s;
    border: 2px solid #ff2f2a;
    cursor: pointer; }
    .microphone__btn .microphone__btn_skip:hover {
      background-color: #ff2f2a;
      color: #fff;
      transition: all 0.3s ease 0s; }
    @media screen and (max-width: 650px) {
      .microphone__btn .microphone__btn_skip {
        font-size: 16px; } }
    @media screen and (max-width: 480px) {
      .microphone__btn .microphone__btn_skip {
        display: none; } }

.record-bg {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 79%;
  z-index: 4;
  transform: translate(-51%, -48%);
  display: none; }
  .record-bg.active {
    display: block; }

.record-section {
  display: none;
  text-align: center; }
  .record-section.active {
    display: block; }
  .record-section .record-section__title {
    display: block; }
    .record-section .record-section__title.hide {
      display: none; }
  .record-section .record-section__subtitle {
    display: block; }
    .record-section .record-section__subtitle.hide {
      display: none; }
  .record-section h2 {
    color: #fff;
    font-size: 36px; }
  .record-section h3 {
    color: #fff;
    font-size: 20px;
    margin-top: 30px; }
  .record-section .body__rec {
    margin: 0%;
    min-height: 50vh;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    display: flex;
    position: absolute;
    top: 33%;
    z-index: 1;
    color: #000; }
  .record-section .sound {
    margin: 2px;
    border-radius: 30px; }
  .record-section .start.ready .play {
    opacity: 1; }
  .record-section .start.played .play {
    opacity: 0; }
  .record-section .start.played .stop {
    opacity: 1; }
  .record-section .start {
    background: transparent;
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translatex(-50%);
    z-index: 5; }
    .record-section .start .stop {
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 7;
      width: 100px;
      transform: translate(-50%, -50%);
      opacity: 0; }
    .record-section .start .play {
      position: absolute;
      top: 20%;
      left: 27%;
      z-index: 7;
      width: 50px;
      height: 50px;
      opacity: 1; }
      .record-section .start .play.hide {
        opacity: 0; }
    .record-section .start #rec {
      position: relative;
      z-index: 7;
      /*top: 75%;
			    left: 50%;
			    transform: translateX(-50%);*/ }
    .record-section .start #play {
      position: absolute;
      z-index: 6;
      top: 75%;
      left: 50%;
      transform: translateX(-50%); }

.birds {
  position: relative;
  top: 38%;
  z-index: 2; }
  @media screen and (max-width: 1280px) {
    .birds {
      top: 44%; } }
  @media screen and (max-width: 960px) {
    .birds {
      top: 45%; } }
  @media screen and (max-width: 768px) {
    .birds {
      top: 46%; } }
  .birds .line {
    border-top: 2px solid #000;
    height: 100%; }
  .birds .bird-1 {
    position: absolute;
    left: 13%;
    transform: translateY(-98%); }
    @media screen and (max-width: 650px) {
      .birds .bird-1 {
        left: 8%; } }
    @media screen and (max-width: 480px) {
      .birds .bird-1 {
        left: 4%; } }
    @media screen and (max-width: 375px) {
      .birds .bird-1 {
        width: 15%; } }
  .birds .bird-2 {
    left: 22%;
    position: absolute;
    transform: translateY(-98%); }
    @media screen and (max-width: 1280px) {
      .birds .bird-2 {
        left: 26%; } }
    @media screen and (max-width: 480px) {
      .birds .bird-2 {
        left: 20%; } }
    @media screen and (max-width: 375px) {
      .birds .bird-2 {
        width: 15%; } }
  .birds .bird-3 {
    position: absolute;
    left: 83%;
    transform: translateY(-98%); }
    @media screen and (max-width: 375px) {
      .birds .bird-3 {
        width: 15%; } }

.microphone-section__footer {
  position: absolute;
  bottom: -5px;
  z-index: 4; }
  @media screen and (max-width: 768px) {
    .microphone-section__footer {
      bottom: -10px; } }

.wrapper {
  /*action*/ }
  .wrapper .container .title-black {
    text-align: center;
    font-weight: 600;
    font-size: 48px;
    line-height: 125%;
    color: #171515; }
    @media screen and (max-width: 1280px) {
      .wrapper .container .title-black {
        font-size: 36px; } }
    @media screen and (max-width: 768px) {
      .wrapper .container .title-black {
        font-size: 32px;
        text-align: start; } }
    @media screen and (max-width: 480px) {
      .wrapper .container .title-black {
        font-size: 28px; } }
    @media screen and (max-width: 375px) {
      .wrapper .container .title-black {
        font-size: 24px; } }
  .wrapper .container .cough {
    display: flex;
    margin-top: 35px;
    margin-bottom: 50px; }
    @media screen and (max-width: 768px) {
      .wrapper .container .cough {
        display: block;
        margin-top: 25px;
        margin-bottom: 30px; } }
    .wrapper .container .cough .cough__col {
      width: 49%;
      margin-top: 20px; }
      @media screen and (max-width: 768px) {
        .wrapper .container .cough .cough__col {
          width: 100%; } }
      .wrapper .container .cough .cough__col .col__header {
        display: flex;
        align-items: center; }
        .wrapper .container .cough .cough__col .col__header .col__header__title {
          font-weight: 600;
          font-size: 26px;
          line-height: 125%;
          color: #171515; }
          @media screen and (max-width: 1280px) {
            .wrapper .container .cough .cough__col .col__header .col__header__title {
              font-size: 24px; } }
          @media screen and (max-width: 768px) {
            .wrapper .container .cough .cough__col .col__header .col__header__title {
              font-size: 22px; } }
          @media screen and (max-width: 480px) {
            .wrapper .container .cough .cough__col .col__header .col__header__title {
              font-size: 18px; } }
        .wrapper .container .cough .cough__col .col__header .col__header__img {
          margin-right: 35px; }
          .wrapper .container .cough .cough__col .col__header .col__header__img img {
            width: 75px;
            height: 79px; }
      .wrapper .container .cough .cough__col .col__body {
        font-weight: 400;
        font-size: 22px;
        line-height: 125%;
        margin-top: 20px; }
        @media screen and (max-width: 1280px) {
          .wrapper .container .cough .cough__col .col__body {
            font-size: 20px; } }
        @media screen and (max-width: 768px) {
          .wrapper .container .cough .cough__col .col__body {
            font-size: 18px; } }
        @media screen and (max-width: 480px) {
          .wrapper .container .cough .cough__col .col__body {
            font-size: 16px; } }
      .wrapper .container .cough .cough__col .col__causes {
        margin-top: 20px; }
        .wrapper .container .cough .cough__col .col__causes .causes__title {
          font-weight: 500;
          font-size: 22px;
          line-height: 125%;
          color: #171515;
          margin-bottom: 30px; }
          @media screen and (max-width: 1280px) {
            .wrapper .container .cough .cough__col .col__causes .causes__title {
              font-size: 20px; } }
          @media screen and (max-width: 768px) {
            .wrapper .container .cough .cough__col .col__causes .causes__title {
              font-size: 18px; } }
          @media screen and (max-width: 480px) {
            .wrapper .container .cough .cough__col .col__causes .causes__title {
              font-size: 16px; } }
        .wrapper .container .cough .cough__col .col__causes .causes__item {
          display: flex;
          margin-bottom: 35px;
          align-items: center; }
          .wrapper .container .cough .cough__col .col__causes .causes__item .causes__img img {
            max-width: 48px;
            max-height: 48px; }
          .wrapper .container .cough .cough__col .col__causes .causes__item .causes__text {
            font-weight: normal;
            font-size: 18px;
            line-height: 130%;
            padding-left: 20px; }
            @media screen and (max-width: 768px) {
              .wrapper .container .cough .cough__col .col__causes .causes__item .causes__text {
                font-size: 16px; } }
            @media screen and (max-width: 650px) {
              .wrapper .container .cough .cough__col .col__causes .causes__item .causes__text {
                font-size: 14px; } }
    .wrapper .container .cough .cough-line {
      border-right: 1px solid #eeeeee;
      height: 600px; }
      @media screen and (max-width: 768px) {
        .wrapper .container .cough .cough-line {
          height: 3px;
          width: 100%;
          border-top: 1px solid #eeeeee; } }
    .wrapper .container .cough .dry {
      padding-right: 70px; }
      @media screen and (max-width: 1680px) {
        .wrapper .container .cough .dry {
          padding-right: 40px; } }
      @media screen and (max-width: 960px) {
        .wrapper .container .cough .dry {
          padding-right: 30px; } }
      @media screen and (max-width: 768px) {
        .wrapper .container .cough .dry {
          padding-right: 0; } }
    .wrapper .container .cough .moist {
      padding-left: 70px; }
      @media screen and (max-width: 1680px) {
        .wrapper .container .cough .moist {
          padding-left: 40px; } }
      @media screen and (max-width: 960px) {
        .wrapper .container .cough .moist {
          padding-left: 30px; } }
      @media screen and (max-width: 768px) {
        .wrapper .container .cough .moist {
          padding-left: 0; } }
  .wrapper .action {
    background-color: #f6f7fa;
    width: 100%;
    padding: 100px 0;
    /*container*/ }
    @media screen and (max-width: 1280px) {
      .wrapper .action {
        padding: 75px 0; } }
    @media screen and (max-width: 960px) {
      .wrapper .action {
        padding: 50px 0; } }
    @media screen and (max-width: 480px) {
      .wrapper .action {
        padding: 30px 0; } }
    .wrapper .action .container .action-type {
      display: flex; }
      @media screen and (max-width: 960px) {
        .wrapper .action .container .action-type {
          display: block; } }
      .wrapper .action .container .action-type .dry {
        padding-right: 90px; }
        @media screen and (max-width: 1680px) {
          .wrapper .action .container .action-type .dry {
            padding-right: 70px; } }
        @media screen and (max-width: 1280px) {
          .wrapper .action .container .action-type .dry {
            padding-right: 40px; } }
        @media screen and (max-width: 960px) {
          .wrapper .action .container .action-type .dry {
            padding-right: 20px; } }
        @media screen and (max-width: 650px) {
          .wrapper .action .container .action-type .dry {
            padding-right: 0; } }
      .wrapper .action .container .action-type .moist {
        padding-left: 90px; }
        @media screen and (max-width: 1680px) {
          .wrapper .action .container .action-type .moist {
            padding-left: 70px; } }
        @media screen and (max-width: 1280px) {
          .wrapper .action .container .action-type .moist {
            padding-left: 40px; } }
        @media screen and (max-width: 960px) {
          .wrapper .action .container .action-type .moist {
            padding-left: 20px; } }
        @media screen and (max-width: 650px) {
          .wrapper .action .container .action-type .moist {
            padding-left: 0; } }
      .wrapper .action .container .action-type .action__col {
        display: flex;
        flex-direction: column;
        max-width: 49%;
        text-align: center;
        margin-top: 75px; }
        @media screen and (max-width: 960px) {
          .wrapper .action .container .action-type .action__col {
            max-width: 100%;
            display: block;
            margin-top: 50px; } }
        @media screen and (max-width: 650px) {
          .wrapper .action .container .action-type .action__col {
            margin-top: -80px; } }
        .wrapper .action .container .action-type .action__col .action__item {
          display: flex;
          flex-direction: column;
          height: 320px;
          justify-content: space-around;
          position: relative; }
          @media screen and (max-width: 650px) {
            .wrapper .action .container .action-type .action__col .action__item img {
              max-width: 70px;
              max-height: 70px; } }
          @media screen and (max-width: 650px) {
            .wrapper .action .container .action-type .action__col .action__item {
              flex-direction: row;
              align-items: center;
              justify-content: flex-start; } }
          @media screen and (max-width: 650px) {
            .wrapper .action .container .action-type .action__col .action__item .action__item__img {
              position: absolute;
              bottom: 0;
              left: 105px; } }
          @media screen and (max-width: 480px) {
            .wrapper .action .container .action-type .action__col .action__item .action__item__img {
              bottom: 40px;
              left: 75px; } }
          .wrapper .action .container .action-type .action__col .action__item .action__item__icon {
            position: relative; }
            @media screen and (max-width: 375px) {
              .wrapper .action .container .action-type .action__col .action__item .action__item__icon img {
                max-width: 50px;
                max-height: 50px; } }
            .wrapper .action .container .action-type .action__col .action__item .action__item__icon:after {
              content: "";
              border-bottom: 1px solid #c8c9ca;
              border-left: 1px solid #c8c9ca;
              border-radius: 0 0 0 25%;
              width: 60px;
              height: 60px;
              display: none;
              position: absolute;
              left: 33px;
              top: 81px; }
              @media screen and (max-width: 650px) {
                .wrapper .action .container .action-type .action__col .action__item .action__item__icon:after {
                  display: block; } }
              @media screen and (max-width: 375px) {
                .wrapper .action .container .action-type .action__col .action__item .action__item__icon:after {
                  width: 40px;
                  height: 40px;
                  left: 25px;
                  top: 70px; } }
          .wrapper .action .container .action-type .action__col .action__item .action__item__title {
            font-weight: 600;
            font-size: 26px;
            line-height: 125%;
            color: #171515; }
            @media screen and (max-width: 1280px) {
              .wrapper .action .container .action-type .action__col .action__item .action__item__title {
                font-size: 24px; } }
            @media screen and (max-width: 960px) {
              .wrapper .action .container .action-type .action__col .action__item .action__item__title {
                font-size: 22px; } }
            @media screen and (max-width: 650px) {
              .wrapper .action .container .action-type .action__col .action__item .action__item__title {
                margin-left: 50px; } }
            @media screen and (max-width: 480px) {
              .wrapper .action .container .action-type .action__col .action__item .action__item__title {
                font-size: 20px; } }
            @media screen and (max-width: 375px) {
              .wrapper .action .container .action-type .action__col .action__item .action__item__title {
                font-size: 18px;
                margin-top: 20px;
                margin-left: 30px; } }
          .wrapper .action .container .action-type .action__col .action__item .action__item__line {
            border-left: 1px solid #c8c9ca;
            height: 60px;
            position: relative;
            left: 50%; }
            @media screen and (max-width: 650px) {
              .wrapper .action .container .action-type .action__col .action__item .action__item__line {
                display: none; } }
        .wrapper .action .container .action-type .action__col .action__footer {
          display: flex;
          margin-top: 25px; }
          @media screen and (max-width: 650px) {
            .wrapper .action .container .action-type .action__col .action__footer {
              display: block;
              margin-top: 0;
              text-align: start;
              padding-left: 100px; } }
          @media screen and (max-width: 480px) {
            .wrapper .action .container .action-type .action__col .action__footer {
              margin-top: -20px; } }
          @media screen and (max-width: 375px) {
            .wrapper .action .container .action-type .action__col .action__footer {
              padding-left: 60px; } }
          .wrapper .action .container .action-type .action__col .action__footer .action__footer__item {
            flex: 1 1 45%;
            padding: 0 10px; }
            @media screen and (max-width: 650px) {
              .wrapper .action .container .action-type .action__col .action__footer .action__footer__item {
                display: block;
                margin-top: 15px;
                padding: 0; } }
            .wrapper .action .container .action-type .action__col .action__footer .action__footer__item .action__footer__title {
              font-weight: 500;
              font-size: 20px;
              line-height: 125%;
              color: #171515; }
              @media screen and (max-width: 960px) {
                .wrapper .action .container .action-type .action__col .action__footer .action__footer__item .action__footer__title {
                  font-size: 18px; } }
            .wrapper .action .container .action-type .action__col .action__footer .action__footer__item .action__footer__text {
              font-weight: 400;
              font-size: 16px;
              line-height: 130%;
              margin-top: 15px;
              display: flex; }
              @media screen and (max-width: 650px) {
                .wrapper .action .container .action-type .action__col .action__footer .action__footer__item .action__footer__text {
                  display: block;
                  margin-top: 5px; } }
              .wrapper .action .container .action-type .action__col .action__footer .action__footer__item .action__footer__text p {
                padding: 0 10px; }
                @media screen and (max-width: 650px) {
                  .wrapper .action .container .action-type .action__col .action__footer .action__footer__item .action__footer__text p {
                    padding: 0; } }
      .wrapper .action .container .action-type .action-line {
        border-right: 1px solid #c8c9ca;
        height: 550px;
        margin-top: 50px; }
        @media screen and (max-width: 960px) {
          .wrapper .action .container .action-type .action-line {
            border-bottom: 1px solid #c8c9ca;
            height: 3px;
            width: 100%; } }
  .wrapper .dose {
    background-color: #f8af57;
    padding-top: 100px; }
    @media screen and (max-width: 1280px) {
      .wrapper .dose {
        padding-top: 90px; } }
    @media screen and (max-width: 960px) {
      .wrapper .dose {
        padding-top: 55px; } }
    @media screen and (max-width: 650px) {
      .wrapper .dose {
        padding-top: 45px; } }
    @media screen and (max-width: 480px) {
      .wrapper .dose {
        padding-top: 30px; } }
    .wrapper .dose .dose__header {
      padding-bottom: 100px; }
      @media screen and (max-width: 1280px) {
        .wrapper .dose .dose__header {
          padding-bottom: 75px; } }
      @media screen and (max-width: 768px) {
        .wrapper .dose .dose__header {
          padding-bottom: 50px; } }
      @media screen and (max-width: 480px) {
        .wrapper .dose .dose__header {
          padding-bottom: 25px; } }
      .wrapper .dose .dose__header .container .title-white {
        font-weight: 600;
        font-size: 48px;
        line-height: 125%;
        text-align: center;
        color: #ffffff; }
        @media screen and (max-width: 1280px) {
          .wrapper .dose .dose__header .container .title-white {
            font-size: 36px; } }
        @media screen and (max-width: 768px) {
          .wrapper .dose .dose__header .container .title-white {
            font-size: 32px;
            text-align: start; } }
        @media screen and (max-width: 480px) {
          .wrapper .dose .dose__header .container .title-white {
            font-size: 28px; } }
        @media screen and (max-width: 375px) {
          .wrapper .dose .dose__header .container .title-white {
            font-size: 24px; } }
      .wrapper .dose .dose__header .container .dose-list {
        justify-content: center;
        display: flex;
        margin-top: 45px; }
        .wrapper .dose .dose__header .container .dose-list .dose-list__item {
          color: #fff;
          list-style: none;
          border: 2px solid #ffffff;
          box-sizing: border-box;
          cursor: pointer;
          padding: 8px 20px;
          min-width: 150px;
          text-align: center;
          font-weight: 500;
          background: rgba(255, 255, 255, 0.2); }
          .wrapper .dose .dose__header .container .dose-list .dose-list__item:first-child {
            border-radius: 20px 0 0 20px; }
          .wrapper .dose .dose__header .container .dose-list .dose-list__item:last-child {
            border-radius: 0 20px 20px 0; }
          .wrapper .dose .dose__header .container .dose-list .dose-list__item.active {
            color: #f8af57;
            background-color: #fff; }
      .wrapper .dose .dose__header .container .dose-wrap {
        display: flex;
        justify-content: space-between;
        margin-top: 75px;
        position: relative; }
        @media screen and (max-width: 1280px) {
          .wrapper .dose .dose__header .container .dose-wrap {
            margin-top: 50px; } }
        @media screen and (max-width: 768px) {
          .wrapper .dose .dose__header .container .dose-wrap {
            flex-direction: column;
            margin-top: 30px; } }
        .wrapper .dose .dose__header .container .dose-wrap .dose-wrap__item {
          color: #fff;
          display: flex;
          flex-direction: column;
          align-items: center; }
          @media screen and (max-width: 768px) {
            .wrapper .dose .dose__header .container .dose-wrap .dose-wrap__item {
              display: flex;
              flex-direction: row;
              justify-content: space-between;
              width: 70%;
              padding: 30px 0; } }
          @media screen and (max-width: 480px) {
            .wrapper .dose .dose__header .container .dose-wrap .dose-wrap__item {
              width: 90%; } }
          @media screen and (max-width: 480px) {
            .wrapper .dose .dose__header .container .dose-wrap .dose-wrap__item {
              padding: 32px 0; } }
          .wrapper .dose .dose__header .container .dose-wrap .dose-wrap__item span {
            font-weight: 600;
            font-size: 24px;
            line-height: 125%; }
            @media screen and (max-width: 1280px) {
              .wrapper .dose .dose__header .container .dose-wrap .dose-wrap__item span {
                font-size: 22px; } }
            @media screen and (max-width: 768px) {
              .wrapper .dose .dose__header .container .dose-wrap .dose-wrap__item span {
                font-size: 20px;
                margin-top: 25px; } }
            @media screen and (max-width: 480px) {
              .wrapper .dose .dose__header .container .dose-wrap .dose-wrap__item span {
                font-size: 18px; } }
            @media screen and (max-width: 375px) {
              .wrapper .dose .dose__header .container .dose-wrap .dose-wrap__item span {
                font-size: 16px; } }
          .wrapper .dose .dose__header .container .dose-wrap .dose-wrap__item .dose-wrap__img-block {
            display: flex;
            align-items: center;
            margin-top: 25px; }
            @media screen and (max-width: 375px) {
              .wrapper .dose .dose__header .container .dose-wrap .dose-wrap__item .dose-wrap__img-block {
                position: absolute;
                right: -10px; } }
            @media screen and (max-width: 1280px) {
              .wrapper .dose .dose__header .container .dose-wrap .dose-wrap__item .dose-wrap__img-block .dose-wrap__img img {
                max-width: 50px;
                max-height: 50px; } }
            @media screen and (max-width: 480px) {
              .wrapper .dose .dose__header .container .dose-wrap .dose-wrap__item .dose-wrap__img-block .dose-wrap__img img {
                max-width: 40px;
                max-height: 40px; } }
            .wrapper .dose .dose__header .container .dose-wrap .dose-wrap__item .dose-wrap__img-block p {
              font-weight: 400;
              font-size: 20px;
              line-height: 125%; }
              @media screen and (max-width: 1280px) {
                .wrapper .dose .dose__header .container .dose-wrap .dose-wrap__item .dose-wrap__img-block p {
                  font-size: 18px; } }
              @media screen and (max-width: 650px) {
                .wrapper .dose .dose__header .container .dose-wrap .dose-wrap__item .dose-wrap__img-block p {
                  font-size: 16px; } }
        .wrapper .dose .dose__header .container .dose-wrap .dose-wrap__arrow {
          position: relative;
          z-index: 2; }
          @media screen and (max-width: 768px) {
            .wrapper .dose .dose__header .container .dose-wrap .dose-wrap__arrow {
              transform: rotate(90deg);
              position: absolute;
              left: 14px; } }
          .wrapper .dose .dose__header .container .dose-wrap .dose-wrap__arrow:before {
            content: "";
            position: absolute;
            top: 12%;
            left: -216px;
            border-top: 4px dotted #fff;
            width: 450px;
            z-index: -1; }
            @media screen and (max-width: 1680px) {
              .wrapper .dose .dose__header .container .dose-wrap .dose-wrap__arrow:before {
                width: 300px;
                left: -135px; } }
            @media screen and (max-width: 1280px) {
              .wrapper .dose .dose__header .container .dose-wrap .dose-wrap__arrow:before {
                width: 200px;
                left: -85px; } }
            @media screen and (max-width: 960px) {
              .wrapper .dose .dose__header .container .dose-wrap .dose-wrap__arrow:before {
                width: 150px;
                left: -58px; } }
            @media screen and (max-width: 768px) {
              .wrapper .dose .dose__header .container .dose-wrap .dose-wrap__arrow:before {
                width: 90px;
                left: -28px;
                top: 15px; } }
            @media screen and (max-width: 480px) {
              .wrapper .dose .dose__header .container .dose-wrap .dose-wrap__arrow:before {
                left: -35px;
                top: 15px; } }
            @media screen and (max-width: 375px) {
              .wrapper .dose .dose__header .container .dose-wrap .dose-wrap__arrow:before {
                width: 80px;
                left: -20px; } }
        @media screen and (max-width: 768px) {
          .wrapper .dose .dose__header .container .dose-wrap .arrow-morning {
            top: 125px; } }
        @media screen and (max-width: 375px) {
          .wrapper .dose .dose__header .container .dose-wrap .arrow-morning {
            top: 100px; } }
        @media screen and (max-width: 768px) {
          .wrapper .dose .dose__header .container .dose-wrap .arrow-evning {
            top: 261px; } }
        @media screen and (max-width: 375px) {
          .wrapper .dose .dose__header .container .dose-wrap .arrow-evning {
            top: 209px; } }
      @media screen and (max-width: 375px) {
        .wrapper .dose .dose__header .container .solution .dose-wrap__item .dose-wrap__img-block {
          position: absolute;
          right: -10px; } }
      .wrapper .dose .dose__header .container .solution .dose-wrap__item .dose-wrap__img-block .dose-wrap__img img {
        max-width: 70px;
        max-height: 70px; }
        @media screen and (max-width: 480px) {
          .wrapper .dose .dose__header .container .solution .dose-wrap__item .dose-wrap__img-block .dose-wrap__img img {
            max-width: 50px;
            max-height: 50px; } }
      .wrapper .dose .dose__header .container .solution .dose-wrap__arrow {
        position: relative;
        z-index: 2; }
        @media screen and (max-width: 768px) {
          .wrapper .dose .dose__header .container .solution .dose-wrap__arrow {
            position: absolute;
            left: 14px; } }
        .wrapper .dose .dose__header .container .solution .dose-wrap__arrow:before {
          content: "";
          position: absolute;
          top: 12%;
          left: -216px;
          border-top: 4px dotted #fff;
          width: 450px;
          z-index: -1; }
          @media screen and (max-width: 1680px) {
            .wrapper .dose .dose__header .container .solution .dose-wrap__arrow:before {
              width: 300px;
              left: -135px; } }
          @media screen and (max-width: 1280px) {
            .wrapper .dose .dose__header .container .solution .dose-wrap__arrow:before {
              width: 200px;
              left: -85px; } }
          @media screen and (max-width: 960px) {
            .wrapper .dose .dose__header .container .solution .dose-wrap__arrow:before {
              width: 150px;
              left: -58px; } }
          @media screen and (max-width: 768px) {
            .wrapper .dose .dose__header .container .solution .dose-wrap__arrow:before {
              width: 90px;
              left: -28px;
              top: 15px; } }
          @media screen and (max-width: 375px) {
            .wrapper .dose .dose__header .container .solution .dose-wrap__arrow:before {
              width: 80px;
              left: -20px; } }
      @media screen and (max-width: 768px) {
        .wrapper .dose .dose__header .container .solution .arrow-morning {
          top: 140px; } }
      @media screen and (max-width: 375px) {
        .wrapper .dose .dose__header .container .solution .arrow-morning {
          top: 100px; } }
      @media screen and (max-width: 768px) {
        .wrapper .dose .dose__header .container .solution .arrow-evning {
          top: 305px; } }
      @media screen and (max-width: 375px) {
        .wrapper .dose .dose__header .container .solution .arrow-evning {
          top: 209px; } }
      .wrapper .dose .dose__header .container [data-el="toggled-tab-block"]:not(.active) {
        display: none; }
    .wrapper .dose .dose__footer {
      background-color: #f1a64c;
      width: 100%; }
      .wrapper .dose .dose__footer .dose__footer-wrap {
        padding: 85px 0 100px 0;
        display: flex; }
        @media screen and (max-width: 1280px) {
          .wrapper .dose .dose__footer .dose__footer-wrap {
            padding: 65px 0 75px 0; } }
        @media screen and (max-width: 768px) {
          .wrapper .dose .dose__footer .dose__footer-wrap {
            flex-direction: column;
            padding: 45px 0 50px 0; } }
        @media screen and (max-width: 480px) {
          .wrapper .dose .dose__footer .dose__footer-wrap {
            flex-direction: column;
            padding: 20px 0 25px 0; } }
        .wrapper .dose .dose__footer .dose__footer-wrap .dose__footer__item {
          flex: 1 1 24%;
          padding: 0 20px;
          text-align: center; }
          @media screen and (max-width: 768px) {
            .wrapper .dose .dose__footer .dose__footer-wrap .dose__footer__item {
              width: 100%;
              display: flex;
              align-items: center;
              padding: 10px 0; } }
          @media screen and (max-width: 768px) {
            .wrapper .dose .dose__footer .dose__footer-wrap .dose__footer__item .dose__foter__icon img {
              width: 100px; } }
          .wrapper .dose .dose__footer .dose__footer-wrap .dose__footer__item .dose__footer__text {
            margin-top: 30px;
            font-weight: 500;
            font-size: 20px;
            line-height: 125%;
            color: #ffffff; }
            @media screen and (max-width: 1024px) {
              .wrapper .dose .dose__footer .dose__footer-wrap .dose__footer__item .dose__footer__text {
                font-size: 18px; } }
            @media screen and (max-width: 768px) {
              .wrapper .dose .dose__footer .dose__footer-wrap .dose__footer__item .dose__footer__text {
                margin-top: 0;
                padding-left: 40px;
                text-align: start;
                width: 500px; } }
            @media screen and (max-width: 650px) {
              .wrapper .dose .dose__footer .dose__footer-wrap .dose__footer__item .dose__footer__text {
                width: 400px; } }
            @media screen and (max-width: 480px) {
              .wrapper .dose .dose__footer .dose__footer-wrap .dose__footer__item .dose__footer__text {
                font-size: 16px;
                width: 300px; } }
            @media screen and (max-width: 375px) {
              .wrapper .dose .dose__footer .dose__footer-wrap .dose__footer__item .dose__footer__text {
                width: 250px; } }
      .wrapper .dose .dose__footer [data-el="toggled-tab-block"]:not(.active) {
        display: none; }
  .wrapper .online {
    padding-top: 100px;
    position: relative;
    margin-bottom: -70px; }
    @media screen and (max-width: 1280px) {
      .wrapper .online {
        padding-top: 90px; } }
    @media screen and (max-width: 960px) {
      .wrapper .online {
        padding-top: 50px 15px 0px; } }
    @media screen and (max-width: 480px) {
      .wrapper .online {
        padding: 30px 5px 0px 5px; } }
    .wrapper .online .title-black {
      font-weight: 600;
      font-size: 48px;
      line-height: 125%;
      text-align: center;
      color: #171515; }
      @media screen and (max-width: 1280px) {
        .wrapper .online .title-black {
          font-size: 42px; } }
      @media screen and (max-width: 1024px) {
        .wrapper .online .title-black {
          font-size: 36px; } }
      @media screen and (max-width: 650px) {
        .wrapper .online .title-black {
          font-size: 32px; } }
      @media screen and (max-width: 480px) {
        .wrapper .online .title-black {
          font-size: 28px; } }
      @media screen and (max-width: 375px) {
        .wrapper .online .title-black {
          font-size: 24px; } }
    .wrapper .online .online-line {
      border-bottom: 3px solid #ff2f2a;
      width: 150px;
      position: absolute;
      left: 50%;
      transform: translateX(-75px);
      margin-top: 35px; }
      @media screen and (max-width: 1280px) {
        .wrapper .online .online-line {
          margin-top: 20px; } }
    .wrapper .online .subtitle-online {
      font-weight: 500;
      font-size: 22px;
      line-height: 135%;
      text-align: center;
      color: #74767c;
      margin-top: 70px; }
      @media screen and (max-width: 1280px) {
        .wrapper .online .subtitle-online {
          margin-top: 45px; } }
    .wrapper .online .pharmacy__block {
      flex-wrap: wrap;
      display: flex;
      justify-content: center;
      max-width: 800px;
      padding: 0 25px;
      margin: 65px auto; }
      @media screen and (max-width: 1280px) {
        .wrapper .online .pharmacy__block {
          margin: 45px auto; } }
      @media screen and (max-width: 768px) {
        .wrapper .online .pharmacy__block {
          flex-direction: column;
          align-items: center; } }
      @media screen and (max-width: 480px) {
        .wrapper .online .pharmacy__block {
          margin: 25px auto; } }
      @media screen and (max-width: 375px) {
        .wrapper .online .pharmacy__block {
          padding: 0 5px; } }
      .wrapper .online .pharmacy__block .pharmacy__item {
        background-color: #fff;
        box-shadow: 0px 2px 25px #ececec;
        width: 200px;
        height: 200px;
        margin: 10px;
        align-items: center;
        justify-content: center;
        display: flex;
        padding: 5px; }
        .wrapper .online .pharmacy__block .pharmacy__item:hover {
          box-shadow: none; }
        .wrapper .online .pharmacy__block .pharmacy__item img {
          width: 200px;
          margin-top: 20px; }

/*wrapper*/
.pack {
  max-width: 500px;
  margin: -70px auto; }
  @media screen and (max-width: 1280px) {
    .pack {
      margin: -50px auto -70px auto; } }
  @media screen and (max-width: 650px) {
    .pack {
      margin: 20px auto -50px auto; } }

.footer {
  background-color: #f6f7fa; }
  .footer .container {
    display: flex;
    margin: 0 auto;
    padding: 66px 0;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 1280px) {
      .footer .container {
        max-width: 1200px; } }
    @media screen and (max-width: 960px) {
      .footer .container {
        flex-direction: column;
        width: 100%; } }
    @media screen and (max-width: 480px) {
      .footer .container {
        padding: 30px 10px; } }
    .footer .container .footer__col {
      display: flex;
      flex-direction: column;
      align-items: start;
      color: #74767c;
      font-weight: 400;
      font-size: 18px;
      line-height: 120%;
      letter-spacing: 0.02em;
      width: 30%;
      padding: 0 10px; }
      @media screen and (max-width: 1280px) {
        .footer .container .footer__col {
          font-size: 16px;
          padding: 0 20px; } }
      @media screen and (max-width: 960px) {
        .footer .container .footer__col {
          flex-direction: column;
          font-size: 18px;
          width: 100%;
          align-items: center;
          padding: 0 10px; } }
      .footer .container .footer__col .logo-sm {
        display: none; }
        @media screen and (max-width: 650px) {
          .footer .container .footer__col .logo-sm {
            display: block; } }
      .footer .container .footer__col .footer__logo {
        margin-right: 65px; }
        @media screen and (max-width: 960px) {
          .footer .container .footer__col .footer__logo {
            margin-right: 0;
            margin-top: 25px; } }
      .footer .container .footer__col p {
        margin-top: 15px; }
        @media screen and (max-width: 960px) {
          .footer .container .footer__col p {
            margin-right: 35px; } }
        @media screen and (max-width: 960px) {
          .footer .container .footer__col p {
            margin-right: 0;
            margin-top: 25px;
            text-align: center; } }
        .footer .container .footer__col p:last-child {
          margin-right: 0; }
        .footer .container .footer__col p span {
          font-weight: 600;
          font-size: 18px;
          line-height: 125%;
          color: #171515; }
          @media screen and (max-width: 1280px) {
            .footer .container .footer__col p span {
              font-size: 16px; } }
          @media screen and (max-width: 960px) {
            .footer .container .footer__col p span {
              font-size: 18px; } }
      .footer .container .footer__col .materia {
        color: #969696; }
        @media screen and (max-width: 960px) {
          .footer .container .footer__col .materia {
            text-align: center; } }

.warning {
  color: #bec4d8;
  background-color: #edeff5;
  padding: 30px 0; }
  .warning .warning-section {
    max-width: 1400px;
    text-align: center;
    margin: 0 auto;
    padding: 30px 20px; }
    @media screen and (max-width: 480px) {
      .warning .warning-section {
        padding: 30px 15px; } }
    .warning .warning-section .warning__title {
      text-transform: uppercase;
      font-size: 34px;
      font-weight: 400; }
      @media screen and (max-width: 1280px) {
        .warning .warning-section .warning__title {
          font-size: 28px; } }
      @media screen and (max-width: 960px) {
        .warning .warning-section .warning__title {
          font-size: 24px; } }
      @media screen and (max-width: 650px) {
        .warning .warning-section .warning__title {
          font-size: 20px; } }
    .warning .warning-section .warning__text {
      font-size: 24px;
      font-weight: 400;
      margin-top: 10px; }
      @media screen and (max-width: 1280px) {
        .warning .warning-section .warning__text {
          font-size: 22px; } }
      @media screen and (max-width: 960px) {
        .warning .warning-section .warning__text {
          font-size: 18px; } }
      @media screen and (max-width: 650px) {
        .warning .warning-section .warning__text {
          font-size: 16px; } }

.container {
  width: 100%;
  margin: 0 auto;
  max-width: 1400px; }
  @media screen and (max-width: 1680px) {
    .container {
      max-width: 1270px; } }
  @media screen and (max-width: 1366px) {
    .container {
      max-width: 1170px; } }
  @media screen and (max-width: 1280px) {
    .container {
      max-width: 970px;
      padding: 0 30px; } }
  @media screen and (max-width: 1024px) {
    .container {
      max-width: 100%;
      padding: 0 30px; } }
  @media screen and (max-width: 960px) {
    .container {
      padding: 0 25px; } }
  @media screen and (max-width: 650px) {
    .container {
      padding: 0 15px; } }

.rengalin-kz,
.rengalin-kz-ru {
  /*wrapper*/
  /*indications__bg*/ }
  .rengalin-kz .languages,
  .rengalin-kz-ru .languages {
    position: fixed;
    bottom: 5%;
    right: 5%;
    z-index: 10; }
    @media screen and (max-width: 960px) {
      .rengalin-kz .languages,
      .rengalin-kz-ru .languages {
        display: none; } }
    .rengalin-kz .languages .switch-language,
    .rengalin-kz-ru .languages .switch-language {
      display: flex;
      flex-direction: column;
      background: #dcdde0;
      padding: 2px;
      border-radius: 50px; }
      .rengalin-kz .languages .switch-language .language-1,
      .rengalin-kz-ru .languages .switch-language .language-1 {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        padding: 10px;
        background-color: transparent;
        display: flex;
        justify-content: center;
        align-items: center; }
        .rengalin-kz .languages .switch-language .language-1.active,
        .rengalin-kz-ru .languages .switch-language .language-1.active {
          background-color: #fff; }
        .rengalin-kz .languages .switch-language .language-1 img,
        .rengalin-kz-ru .languages .switch-language .language-1 img {
          width: 30px;
          filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2)); }
      .rengalin-kz .languages .switch-language .language-2,
      .rengalin-kz-ru .languages .switch-language .language-2 {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        padding: 10px;
        background-color: transparent;
        display: flex;
        justify-content: center;
        align-items: center; }
        .rengalin-kz .languages .switch-language .language-2.active,
        .rengalin-kz-ru .languages .switch-language .language-2.active {
          background-color: #fff; }
        .rengalin-kz .languages .switch-language .language-2 img,
        .rengalin-kz-ru .languages .switch-language .language-2 img {
          filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
          width: 30px; }
  .rengalin-kz .wrapper,
  .rengalin-kz-ru .wrapper {
    /*container*/ }
    @media screen and (max-width: 768px) {
      .rengalin-kz .wrapper .container .use .use__img,
      .rengalin-kz-ru .wrapper .container .use .use__img {
        width: 80%; } }
    @media screen and (max-width: 480px) {
      .rengalin-kz .wrapper .container .use .use__img,
      .rengalin-kz-ru .wrapper .container .use .use__img {
        width: 100%; } }
    .rengalin-kz .wrapper .container .use .use__img .package,
    .rengalin-kz-ru .wrapper .container .use .use__img .package {
      bottom: -13%;
      right: 42%; }
      @media screen and (max-width: 1680px) {
        .rengalin-kz .wrapper .container .use .use__img .package,
        .rengalin-kz-ru .wrapper .container .use .use__img .package {
          width: 60%; } }
      @media screen and (max-width: 1280px) {
        .rengalin-kz .wrapper .container .use .use__img .package,
        .rengalin-kz-ru .wrapper .container .use .use__img .package {
          right: 36%; } }
      @media screen and (max-width: 1024px) {
        .rengalin-kz .wrapper .container .use .use__img .package,
        .rengalin-kz-ru .wrapper .container .use .use__img .package {
          right: 25%; } }
      @media screen and (max-width: 768px) {
        .rengalin-kz .wrapper .container .use .use__img .package,
        .rengalin-kz-ru .wrapper .container .use .use__img .package {
          width: 60%;
          right: 37%; } }
      @media screen and (max-width: 650px) {
        .rengalin-kz .wrapper .container .use .use__img .package,
        .rengalin-kz-ru .wrapper .container .use .use__img .package {
          right: 18%; } }
    .rengalin-kz .wrapper .container .use .use__img .use-solution,
    .rengalin-kz-ru .wrapper .container .use .use__img .use-solution {
      transform: rotate(-90deg);
      bottom: 58%;
      right: 54%;
      width: 100%; }
      @media screen and (max-width: 1680px) {
        .rengalin-kz .wrapper .container .use .use__img .use-solution,
        .rengalin-kz-ru .wrapper .container .use .use__img .use-solution {
          bottom: 56%;
          right: 53%; } }
      @media screen and (max-width: 1280px) {
        .rengalin-kz .wrapper .container .use .use__img .use-solution,
        .rengalin-kz-ru .wrapper .container .use .use__img .use-solution {
          right: 47%; } }
      @media screen and (max-width: 1024px) {
        .rengalin-kz .wrapper .container .use .use__img .use-solution,
        .rengalin-kz-ru .wrapper .container .use .use__img .use-solution {
          right: 38%;
          bottom: 53%; } }
      @media screen and (max-width: 960px) {
        .rengalin-kz .wrapper .container .use .use__img .use-solution,
        .rengalin-kz-ru .wrapper .container .use .use__img .use-solution {
          bottom: 19%; } }
      @media screen and (max-width: 768px) {
        .rengalin-kz .wrapper .container .use .use__img .use-solution,
        .rengalin-kz-ru .wrapper .container .use .use__img .use-solution {
          bottom: 15%;
          right: 49%; } }
      @media screen and (max-width: 650px) {
        .rengalin-kz .wrapper .container .use .use__img .use-solution,
        .rengalin-kz-ru .wrapper .container .use .use__img .use-solution {
          transform: rotate(0);
          right: 38%;
          bottom: -18%; } }
      @media screen and (max-width: 480px) {
        .rengalin-kz .wrapper .container .use .use__img .use-solution,
        .rengalin-kz-ru .wrapper .container .use .use__img .use-solution {
          right: 57%;
          bottom: -25%;
          width: 150px; } }
      @media screen and (max-width: 375px) {
        .rengalin-kz .wrapper .container .use .use__img .use-solution,
        .rengalin-kz-ru .wrapper .container .use .use__img .use-solution {
          right: 55%;
          bottom: -32%; } }
    .rengalin-kz .wrapper .container .use .use__img .use-tab,
    .rengalin-kz-ru .wrapper .container .use .use__img .use-tab {
      right: 45%;
      bottom: -15%; }
      @media screen and (max-width: 1280px) {
        .rengalin-kz .wrapper .container .use .use__img .use-tab,
        .rengalin-kz-ru .wrapper .container .use .use__img .use-tab {
          right: 43%;
          bottom: -17%; } }
      @media screen and (max-width: 1024px) {
        .rengalin-kz .wrapper .container .use .use__img .use-tab,
        .rengalin-kz-ru .wrapper .container .use .use__img .use-tab {
          right: 28%;
          bottom: -20%; } }
      @media screen and (max-width: 960px) {
        .rengalin-kz .wrapper .container .use .use__img .use-tab,
        .rengalin-kz-ru .wrapper .container .use .use__img .use-tab {
          bottom: -22%; } }
      @media screen and (max-width: 768px) {
        .rengalin-kz .wrapper .container .use .use__img .use-tab,
        .rengalin-kz-ru .wrapper .container .use .use__img .use-tab {
          bottom: -18%;
          right: 40%; } }
      @media screen and (max-width: 650px) {
        .rengalin-kz .wrapper .container .use .use__img .use-tab,
        .rengalin-kz-ru .wrapper .container .use .use__img .use-tab {
          right: 0;
          bottom: -18%; } }
      @media screen and (max-width: 480px) {
        .rengalin-kz .wrapper .container .use .use__img .use-tab,
        .rengalin-kz-ru .wrapper .container .use .use__img .use-tab {
          right: 9%;
          bottom: -25%;
          width: 150px; } }
      @media screen and (max-width: 375px) {
        .rengalin-kz .wrapper .container .use .use__img .use-tab,
        .rengalin-kz-ru .wrapper .container .use .use__img .use-tab {
          bottom: -32%;
          right: 0; } }
  .rengalin-kz .advantage .container .advantage__items,
  .rengalin-kz-ru .advantage .container .advantage__items {
    justify-content: center; }
    @media screen and (max-width: 650px) {
      .rengalin-kz .advantage .container .advantage__items,
      .rengalin-kz-ru .advantage .container .advantage__items {
        flex-direction: column;
        width: 100%; } }
    @media screen and (max-width: 768px) {
      .rengalin-kz .advantage .container .advantage__items .advantage__item,
      .rengalin-kz-ru .advantage .container .advantage__items .advantage__item {
        width: 100%;
        display: flex;
        padding: 0; } }
    @media screen and (max-width: 768px) {
      .rengalin-kz .advantage .container .advantage__items .advantage__item .advantage__item_img,
      .rengalin-kz-ru .advantage .container .advantage__items .advantage__item .advantage__item_img {
        text-align: start; } }
    @media screen and (max-width: 768px) {
      .rengalin-kz .advantage .container .advantage__items .advantage__item .advantage__item_img img,
      .rengalin-kz-ru .advantage .container .advantage__items .advantage__item .advantage__item_img img {
        width: 50%; } }
    @media screen and (max-width: 768px) {
      .rengalin-kz .advantage .container .advantage__items .advantage__item .advantage__item_text,
      .rengalin-kz-ru .advantage .container .advantage__items .advantage__item .advantage__item_text {
        padding-left: 0;
        width: 100%;
        text-align: start;
        margin-top: 0; } }
  .rengalin-kz .microphone-section .microphone__question,
  .rengalin-kz-ru .microphone-section .microphone__question {
    max-width: 800px; }
  .rengalin-kz .microphone-section .question__result .result-img,
  .rengalin-kz-ru .microphone-section .question__result .result-img {
    width: 300px; }
    @media screen and (max-width: 480px) {
      .rengalin-kz .microphone-section .question__result .result-img,
      .rengalin-kz-ru .microphone-section .question__result .result-img {
        width: 250px; } }
  .rengalin-kz .indications__bg,
  .rengalin-kz-ru .indications__bg {
    background-color: #f6f7fa;
    padding: 50px 0 100px 0;
    position: relative;
    /*container*/ }
    @media screen and (max-width: 1280px) {
      .rengalin-kz .indications__bg,
      .rengalin-kz-ru .indications__bg {
        padding: 45px 0 100px 0; } }
    @media screen and (max-width: 768px) {
      .rengalin-kz .indications__bg,
      .rengalin-kz-ru .indications__bg {
        padding: 35px 0; } }
    @media screen and (max-width: 480px) {
      .rengalin-kz .indications__bg,
      .rengalin-kz-ru .indications__bg {
        padding: 30px 0; } }
    .rengalin-kz .indications__bg .container .title-black,
    .rengalin-kz-ru .indications__bg .container .title-black {
      text-align: center;
      font-weight: 600;
      font-size: 48px;
      line-height: 125%;
      color: #000000; }
      @media screen and (max-width: 1280px) {
        .rengalin-kz .indications__bg .container .title-black,
        .rengalin-kz-ru .indications__bg .container .title-black {
          font-size: 36px; } }
      @media screen and (max-width: 768px) {
        .rengalin-kz .indications__bg .container .title-black,
        .rengalin-kz-ru .indications__bg .container .title-black {
          font-size: 32px;
          text-align: start; } }
      @media screen and (max-width: 480px) {
        .rengalin-kz .indications__bg .container .title-black,
        .rengalin-kz-ru .indications__bg .container .title-black {
          font-size: 28px; } }
      @media screen and (max-width: 375px) {
        .rengalin-kz .indications__bg .container .title-black,
        .rengalin-kz-ru .indications__bg .container .title-black {
          font-size: 24px; } }
    .rengalin-kz .indications__bg .container .indications__body,
    .rengalin-kz-ru .indications__bg .container .indications__body {
      display: flex;
      margin-top: 50px; }
      @media screen and (max-width: 768px) {
        .rengalin-kz .indications__bg .container .indications__body,
        .rengalin-kz-ru .indications__bg .container .indications__body {
          margin-top: 25px; } }
      @media screen and (max-width: 650px) {
        .rengalin-kz .indications__bg .container .indications__body,
        .rengalin-kz-ru .indications__bg .container .indications__body {
          display: block; } }
      @media screen and (max-width: 480px) {
        .rengalin-kz .indications__bg .container .indications__body,
        .rengalin-kz-ru .indications__bg .container .indications__body {
          margin-top: 10px; } }
      @media screen and (max-width: 375px) {
        .rengalin-kz .indications__bg .container .indications__body,
        .rengalin-kz-ru .indications__bg .container .indications__body {
          margin-top: 5px; } }
      .rengalin-kz .indications__bg .container .indications__body .indications__col,
      .rengalin-kz-ru .indications__bg .container .indications__body .indications__col {
        max-width: 49%;
        text-align: start;
        display: flex;
        flex-direction: column; }
        @media screen and (max-width: 650px) {
          .rengalin-kz .indications__bg .container .indications__body .indications__col,
          .rengalin-kz-ru .indications__bg .container .indications__body .indications__col {
            display: block;
            max-width: 100%; } }
        .rengalin-kz .indications__bg .container .indications__body .indications__col .indications__col__title,
        .rengalin-kz-ru .indications__bg .container .indications__body .indications__col .indications__col__title {
          display: flex;
          font-weight: 600;
          font-size: 26px;
          line-height: 125%;
          color: #171515;
          align-items: center; }
          @media screen and (max-width: 1280px) {
            .rengalin-kz .indications__bg .container .indications__body .indications__col .indications__col__title,
            .rengalin-kz-ru .indications__bg .container .indications__body .indications__col .indications__col__title {
              font-size: 24px; } }
          @media screen and (max-width: 1024px) {
            .rengalin-kz .indications__bg .container .indications__body .indications__col .indications__col__title,
            .rengalin-kz-ru .indications__bg .container .indications__body .indications__col .indications__col__title {
              font-size: 22px; } }
          @media screen and (max-width: 768px) {
            .rengalin-kz .indications__bg .container .indications__body .indications__col .indications__col__title,
            .rengalin-kz-ru .indications__bg .container .indications__body .indications__col .indications__col__title {
              font-size: 20px; } }
          .rengalin-kz .indications__bg .container .indications__body .indications__col .indications__col__title p,
          .rengalin-kz-ru .indications__bg .container .indications__body .indications__col .indications__col__title p {
            padding-left: 25px; }
        .rengalin-kz .indications__bg .container .indications__body .indications__col .indications__col__body,
        .rengalin-kz-ru .indications__bg .container .indications__body .indications__col .indications__col__body {
          margin-top: 10px; }
          .rengalin-kz .indications__bg .container .indications__body .indications__col .indications__col__body .indications__col__item,
          .rengalin-kz-ru .indications__bg .container .indications__body .indications__col .indications__col__body .indications__col__item {
            margin-top: 25px;
            display: flex;
            align-items: start;
            position: relative;
            padding-left: 40px;
            font-weight: normal;
            font-size: 22px;
            line-height: 125%; }
            @media screen and (max-width: 1280px) {
              .rengalin-kz .indications__bg .container .indications__body .indications__col .indications__col__body .indications__col__item,
              .rengalin-kz-ru .indications__bg .container .indications__body .indications__col .indications__col__body .indications__col__item {
                font-size: 20px; } }
            @media screen and (max-width: 1024px) {
              .rengalin-kz .indications__bg .container .indications__body .indications__col .indications__col__body .indications__col__item,
              .rengalin-kz-ru .indications__bg .container .indications__body .indications__col .indications__col__body .indications__col__item {
                font-size: 18px; } }
            @media screen and (max-width: 768px) {
              .rengalin-kz .indications__bg .container .indications__body .indications__col .indications__col__body .indications__col__item,
              .rengalin-kz-ru .indications__bg .container .indications__body .indications__col .indications__col__body .indications__col__item {
                font-size: 16px; } }
      .rengalin-kz .indications__bg .container .indications__body .col-solution,
      .rengalin-kz-ru .indications__bg .container .indications__body .col-solution {
        padding-right: 60px; }
        @media screen and (max-width: 650px) {
          .rengalin-kz .indications__bg .container .indications__body .col-solution,
          .rengalin-kz-ru .indications__bg .container .indications__body .col-solution {
            padding: 30px 0; } }
        .rengalin-kz .indications__bg .container .indications__body .col-solution .indications__col__body .indications__col__item:before,
        .rengalin-kz-ru .indications__bg .container .indications__body .col-solution .indications__col__body .indications__col__item:before {
          content: "";
          background: #f7bbbb;
          width: 10px;
          height: 10px;
          display: block;
          border-radius: 50%;
          margin-right: 15px;
          position: absolute;
          left: 0;
          top: 5px; }
      .rengalin-kz .indications__bg .container .indications__body .col-tab,
      .rengalin-kz-ru .indications__bg .container .indications__body .col-tab {
        padding-left: 60px; }
        @media screen and (max-width: 650px) {
          .rengalin-kz .indications__bg .container .indications__body .col-tab,
          .rengalin-kz-ru .indications__bg .container .indications__body .col-tab {
            padding: 30px 0; } }
        .rengalin-kz .indications__bg .container .indications__body .col-tab .indications__col__body .indications__col__item:before,
        .rengalin-kz-ru .indications__bg .container .indications__body .col-tab .indications__col__body .indications__col__item:before {
          content: "";
          background: #4cd2ca;
          width: 10px;
          height: 10px;
          display: block;
          border-radius: 50%;
          margin-right: 15px;
          position: absolute;
          left: 0;
          top: 5px; }
      .rengalin-kz .indications__bg .container .indications__body .indications-line,
      .rengalin-kz-ru .indications__bg .container .indications__body .indications-line {
        border-left: 1px solid #eeeeee;
        height: 560px;
        position: relative; }
        @media screen and (max-width: 650px) {
          .rengalin-kz .indications__bg .container .indications__body .indications-line,
          .rengalin-kz-ru .indications__bg .container .indications__body .indications-line {
            height: 3px;
            width: 100%;
            border-top: 1px solid #eeeeee; } }
    .rengalin-kz .indications__bg .use__img,
    .rengalin-kz-ru .indications__bg .use__img {
      font-size: 11px;
      position: absolute;
      right: 21%;
      bottom: -11%; }
      @media screen and (max-width: 1680px) {
        .rengalin-kz .indications__bg .use__img,
        .rengalin-kz-ru .indications__bg .use__img {
          right: 9%; } }
      @media screen and (max-width: 1280px) {
        .rengalin-kz .indications__bg .use__img,
        .rengalin-kz-ru .indications__bg .use__img {
          bottom: -10%; } }
      @media screen and (max-width: 1024px) {
        .rengalin-kz .indications__bg .use__img,
        .rengalin-kz-ru .indications__bg .use__img {
          width: 35%;
          bottom: -2%; } }
      @media screen and (max-width: 768px) {
        .rengalin-kz .indications__bg .use__img,
        .rengalin-kz-ru .indications__bg .use__img {
          display: none; } }
      .rengalin-kz .indications__bg .use__img .use-solution,
      .rengalin-kz-ru .indications__bg .use__img .use-solution {
        transform: rotate(-90deg);
        bottom: 84%;
        right: 52%;
        position: absolute;
        width: 100%; }
        @media screen and (max-width: 960px) {
          .rengalin-kz .indications__bg .use__img .use-solution,
          .rengalin-kz-ru .indications__bg .use__img .use-solution {
            bottom: 74%; } }
      .rengalin-kz .indications__bg .use__img .use-tab,
      .rengalin-kz-ru .indications__bg .use__img .use-tab {
        right: -43%;
        bottom: -8%;
        position: absolute;
        width: 100%; }
  .rengalin-kz .action,
  .rengalin-kz-ru .action {
    background-color: #fff; }
    .rengalin-kz .action .title-black,
    .rengalin-kz-ru .action .title-black {
      margin-top: 100px; }
      @media screen and (max-width: 1024px) {
        .rengalin-kz .action .title-black,
        .rengalin-kz-ru .action .title-black {
          margin-top: 50px; } }
      @media screen and (max-width: 768px) {
        .rengalin-kz .action .title-black,
        .rengalin-kz-ru .action .title-black {
          margin-top: 0; } }
  .rengalin-kz .wrapper .online .pharmacy__block a:nth-child(2) .pharmacy__item img,
  .rengalin-kz-ru .wrapper .online .pharmacy__block a:nth-child(2) .pharmacy__item img {
    width: 100px; }
  .rengalin-kz .pack,
  .rengalin-kz-ru .pack {
    margin: -70px auto -50px auto; }
    @media screen and (max-width: 1280px) {
      .rengalin-kz .pack,
      .rengalin-kz-ru .pack {
        margin: -50px auto; } }
    @media screen and (max-width: 650px) {
      .rengalin-kz .pack,
      .rengalin-kz-ru .pack {
        margin: 20px auto -50px auto; } }
    @media screen and (max-width: 480px) {
      .rengalin-kz .pack,
      .rengalin-kz-ru .pack {
        margin: 20px auto -40px auto; } }
  @media screen and (max-width: 650px) {
    .rengalin-kz .warning,
    .rengalin-kz-ru .warning {
      padding: 0; } }
  .rengalin-kz .warning .warning-section a,
  .rengalin-kz-ru .warning .warning-section a {
    cursor: pointer;
    border-bottom: 1px solid #bec4d8;
    width: 100%; }

/*body*/
.container {
  width: 100%;
  margin: 0 auto;
  max-width: 1400px; }
  @media screen and (max-width: 1680px) {
    .container {
      max-width: 1270px; } }
  @media screen and (max-width: 1366px) {
    .container {
      max-width: 1170px; } }
  @media screen and (max-width: 1280px) {
    .container {
      max-width: 970px;
      padding: 0 30px; } }
  @media screen and (max-width: 1024px) {
    .container {
      max-width: 100%;
      padding: 0 30px; } }
  @media screen and (max-width: 960px) {
    .container {
      padding: 0 25px; } }
  @media screen and (max-width: 650px) {
    .container {
      padding: 0 15px; } }

.rengalin-md, .rengalin-md-ru {
  /*wrapper*/
  /*indications__bg*/ }
  .rengalin-md .languages, .rengalin-md-ru .languages {
    position: fixed;
    bottom: 5%;
    right: 5%;
    z-index: 10; }
    .rengalin-md .languages .switch-language, .rengalin-md-ru .languages .switch-language {
      display: flex;
      flex-direction: column;
      background: #dcdde0;
      padding: 2px;
      border-radius: 50px; }
      .rengalin-md .languages .switch-language .language-1, .rengalin-md-ru .languages .switch-language .language-1 {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        padding: 10px;
        background-color: transparent;
        display: flex;
        justify-content: center;
        align-items: center; }
        .rengalin-md .languages .switch-language .language-1.active, .rengalin-md-ru .languages .switch-language .language-1.active {
          background-color: #fff; }
        .rengalin-md .languages .switch-language .language-1 img, .rengalin-md-ru .languages .switch-language .language-1 img {
          width: 30px;
          filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2)); }
      .rengalin-md .languages .switch-language .language-2, .rengalin-md-ru .languages .switch-language .language-2 {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        padding: 10px;
        background-color: transparent;
        display: flex;
        justify-content: center;
        align-items: center; }
        .rengalin-md .languages .switch-language .language-2.active, .rengalin-md-ru .languages .switch-language .language-2.active {
          background-color: #fff; }
        .rengalin-md .languages .switch-language .language-2 img, .rengalin-md-ru .languages .switch-language .language-2 img {
          filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
          width: 30px; }
  .rengalin-md .wrapper, .rengalin-md-ru .wrapper {
    /*container*/ }
    @media screen and (max-width: 768px) {
      .rengalin-md .wrapper .container .use .use__img, .rengalin-md-ru .wrapper .container .use .use__img {
        width: 80%; } }
    @media screen and (max-width: 480px) {
      .rengalin-md .wrapper .container .use .use__img, .rengalin-md-ru .wrapper .container .use .use__img {
        width: 100%; } }
    .rengalin-md .wrapper .container .use .use__img .package, .rengalin-md-ru .wrapper .container .use .use__img .package {
      bottom: -13%;
      right: 42%; }
      @media screen and (max-width: 1680px) {
        .rengalin-md .wrapper .container .use .use__img .package, .rengalin-md-ru .wrapper .container .use .use__img .package {
          width: 60%;
          right: 39%; } }
      @media screen and (max-width: 1280px) {
        .rengalin-md .wrapper .container .use .use__img .package, .rengalin-md-ru .wrapper .container .use .use__img .package {
          right: 36%; } }
      @media screen and (max-width: 768px) {
        .rengalin-md .wrapper .container .use .use__img .package, .rengalin-md-ru .wrapper .container .use .use__img .package {
          width: 60%;
          right: 37%; } }
      @media screen and (max-width: 650px) {
        .rengalin-md .wrapper .container .use .use__img .package, .rengalin-md-ru .wrapper .container .use .use__img .package {
          right: 18%;
          bottom: -21%; } }
    .rengalin-md .wrapper .container .use .use__img .use-solution, .rengalin-md-ru .wrapper .container .use .use__img .use-solution {
      transform: rotate(-90deg);
      bottom: 80%;
      right: 53%;
      width: 100%; }
      @media screen and (max-width: 1680px) {
        .rengalin-md .wrapper .container .use .use__img .use-solution, .rengalin-md-ru .wrapper .container .use .use__img .use-solution {
          right: 48%; } }
      @media screen and (max-width: 1280px) {
        .rengalin-md .wrapper .container .use .use__img .use-solution, .rengalin-md-ru .wrapper .container .use .use__img .use-solution {
          right: 47%; } }
      @media screen and (max-width: 960px) {
        .rengalin-md .wrapper .container .use .use__img .use-solution, .rengalin-md-ru .wrapper .container .use .use__img .use-solution {
          bottom: 19%; } }
      @media screen and (max-width: 768px) {
        .rengalin-md .wrapper .container .use .use__img .use-solution, .rengalin-md-ru .wrapper .container .use .use__img .use-solution {
          bottom: 15%;
          right: 49%; } }
      @media screen and (max-width: 650px) {
        .rengalin-md .wrapper .container .use .use__img .use-solution, .rengalin-md-ru .wrapper .container .use .use__img .use-solution {
          transform: rotate(0);
          right: 80%;
          bottom: -12%;
          width: 130px;
          text-align: start;
          font-size: 12px; } }
      @media screen and (max-width: 480px) {
        .rengalin-md .wrapper .container .use .use__img .use-solution, .rengalin-md-ru .wrapper .container .use .use__img .use-solution {
          right: 64%;
          bottom: -25%; } }
      @media screen and (max-width: 375px) {
        .rengalin-md .wrapper .container .use .use__img .use-solution, .rengalin-md-ru .wrapper .container .use .use__img .use-solution {
          right: 55%; } }
    .rengalin-md .wrapper .container .use .use__img .use-tab, .rengalin-md-ru .wrapper .container .use .use__img .use-tab {
      right: 60%;
      bottom: -15%; }
      @media screen and (max-width: 1280px) {
        .rengalin-md .wrapper .container .use .use__img .use-tab, .rengalin-md-ru .wrapper .container .use .use__img .use-tab {
          right: 52%;
          bottom: -15%; } }
      @media screen and (max-width: 650px) {
        .rengalin-md .wrapper .container .use .use__img .use-tab, .rengalin-md-ru .wrapper .container .use .use__img .use-tab {
          right: -20%;
          width: 130px;
          text-align: start;
          bottom: -12%;
          font-size: 12px; } }
      @media screen and (max-width: 480px) {
        .rengalin-md .wrapper .container .use .use__img .use-tab, .rengalin-md-ru .wrapper .container .use .use__img .use-tab {
          right: -3%;
          bottom: -25%; } }
  @media screen and (max-width: 650px) {
    .rengalin-md .advantage .container .advantage__items, .rengalin-md-ru .advantage .container .advantage__items {
      flex-direction: column;
      width: 100%; } }
  .rengalin-md .advantage .container .advantage__items .advantage__item, .rengalin-md-ru .advantage .container .advantage__items .advantage__item {
    flex: 1 1 33%; }
    @media screen and (max-width: 650px) {
      .rengalin-md .advantage .container .advantage__items .advantage__item, .rengalin-md-ru .advantage .container .advantage__items .advantage__item {
        width: 100%;
        display: flex;
        padding: 0; } }
    @media screen and (max-width: 650px) {
      .rengalin-md .advantage .container .advantage__items .advantage__item .advantage__item_img, .rengalin-md-ru .advantage .container .advantage__items .advantage__item .advantage__item_img {
        text-align: start; } }
    @media screen and (max-width: 650px) {
      .rengalin-md .advantage .container .advantage__items .advantage__item .advantage__item_img img, .rengalin-md-ru .advantage .container .advantage__items .advantage__item .advantage__item_img img {
        width: 50%; } }
    @media screen and (max-width: 650px) {
      .rengalin-md .advantage .container .advantage__items .advantage__item .advantage__item_text, .rengalin-md-ru .advantage .container .advantage__items .advantage__item .advantage__item_text {
        padding-left: 0;
        width: 100%;
        text-align: start;
        margin-top: 0; } }
  .rengalin-md .microphone-section .microphone__question, .rengalin-md-ru .microphone-section .microphone__question {
    max-width: 1000px; }
  .rengalin-md .microphone-section .question__result .result-img, .rengalin-md-ru .microphone-section .question__result .result-img {
    width: 300px; }
    @media screen and (max-width: 480px) {
      .rengalin-md .microphone-section .question__result .result-img, .rengalin-md-ru .microphone-section .question__result .result-img {
        width: 250px; } }
  .rengalin-md .indications__bg, .rengalin-md-ru .indications__bg {
    background-color: #F6F7FA;
    padding: 75px 0;
    position: relative;
    /*container*/ }
    @media screen and (max-width: 1280px) {
      .rengalin-md .indications__bg, .rengalin-md-ru .indications__bg {
        padding: 50px 0 100px 0; } }
    @media screen and (max-width: 768px) {
      .rengalin-md .indications__bg, .rengalin-md-ru .indications__bg {
        padding: 35px 0; } }
    @media screen and (max-width: 480px) {
      .rengalin-md .indications__bg, .rengalin-md-ru .indications__bg {
        padding: 0; } }
    .rengalin-md .indications__bg .container .indications__body, .rengalin-md-ru .indications__bg .container .indications__body {
      display: flex; }
      @media screen and (max-width: 650px) {
        .rengalin-md .indications__bg .container .indications__body, .rengalin-md-ru .indications__bg .container .indications__body {
          display: block; } }
      .rengalin-md .indications__bg .container .indications__body .indications__col, .rengalin-md-ru .indications__bg .container .indications__body .indications__col {
        max-width: 50%;
        text-align: start;
        display: flex;
        flex-direction: column; }
        @media screen and (max-width: 768px) {
          .rengalin-md .indications__bg .container .indications__body .indications__col, .rengalin-md-ru .indications__bg .container .indications__body .indications__col {
            display: block;
            max-width: 100%; } }
        .rengalin-md .indications__bg .container .indications__body .indications__col .indications__col__body, .rengalin-md-ru .indications__bg .container .indications__body .indications__col .indications__col__body {
          margin-top: 10px; }
          .rengalin-md .indications__bg .container .indications__body .indications__col .indications__col__body .indications__col__item, .rengalin-md-ru .indications__bg .container .indications__body .indications__col .indications__col__body .indications__col__item {
            margin-top: 25px;
            display: flex;
            align-items: start;
            position: relative;
            padding-left: 40px;
            font-weight: normal;
            font-size: 22px;
            line-height: 125%; }
            @media screen and (max-width: 1280px) {
              .rengalin-md .indications__bg .container .indications__body .indications__col .indications__col__body .indications__col__item, .rengalin-md-ru .indications__bg .container .indications__body .indications__col .indications__col__body .indications__col__item {
                font-size: 20px; } }
            @media screen and (max-width: 1024px) {
              .rengalin-md .indications__bg .container .indications__body .indications__col .indications__col__body .indications__col__item, .rengalin-md-ru .indications__bg .container .indications__body .indications__col .indications__col__body .indications__col__item {
                font-size: 18px; } }
            @media screen and (max-width: 768px) {
              .rengalin-md .indications__bg .container .indications__body .indications__col .indications__col__body .indications__col__item, .rengalin-md-ru .indications__bg .container .indications__body .indications__col .indications__col__body .indications__col__item {
                font-size: 16px; } }
      .rengalin-md .indications__bg .container .indications__body .col-img, .rengalin-md-ru .indications__bg .container .indications__body .col-img {
        padding-right: 60px;
        justify-content: center; }
        @media screen and (max-width: 768px) {
          .rengalin-md .indications__bg .container .indications__body .col-img, .rengalin-md-ru .indications__bg .container .indications__body .col-img {
            display: none; } }
        .rengalin-md .indications__bg .container .indications__body .col-img .use__img, .rengalin-md-ru .indications__bg .container .indications__body .col-img .use__img {
          position: relative; }
          .rengalin-md .indications__bg .container .indications__body .col-img .use__img .use-solution, .rengalin-md-ru .indications__bg .container .indications__body .col-img .use__img .use-solution {
            transform: rotate(-90deg);
            bottom: 93%;
            right: -46%;
            width: 100%;
            position: absolute; }
            @media screen and (max-width: 960px) {
              .rengalin-md .indications__bg .container .indications__body .col-img .use__img .use-solution, .rengalin-md-ru .indications__bg .container .indications__body .col-img .use__img .use-solution {
                right: -52%;
                bottom: 79%; } }
          .rengalin-md .indications__bg .container .indications__body .col-img .use__img .use-tab, .rengalin-md-ru .indications__bg .container .indications__body .col-img .use__img .use-tab {
            right: -38%;
            bottom: -3%;
            position: absolute;
            width: 100%; }
        @media screen and (max-width: 650px) {
          .rengalin-md .indications__bg .container .indications__body .col-img, .rengalin-md-ru .indications__bg .container .indications__body .col-img {
            padding: 30px 0; } }
      @media screen and (max-width: 650px) {
        .rengalin-md .indications__bg .container .indications__body .col-text, .rengalin-md-ru .indications__bg .container .indications__body .col-text {
          padding: 30px 0; } }
      .rengalin-md .indications__bg .container .indications__body .col-text .title-black, .rengalin-md-ru .indications__bg .container .indications__body .col-text .title-black {
        text-align: center;
        font-weight: 600;
        font-size: 48px;
        line-height: 125%;
        color: #171515;
        text-align: start; }
        @media screen and (max-width: 1280px) {
          .rengalin-md .indications__bg .container .indications__body .col-text .title-black, .rengalin-md-ru .indications__bg .container .indications__body .col-text .title-black {
            font-size: 36px; } }
        @media screen and (max-width: 768px) {
          .rengalin-md .indications__bg .container .indications__body .col-text .title-black, .rengalin-md-ru .indications__bg .container .indications__body .col-text .title-black {
            font-size: 32px; } }
        @media screen and (max-width: 480px) {
          .rengalin-md .indications__bg .container .indications__body .col-text .title-black, .rengalin-md-ru .indications__bg .container .indications__body .col-text .title-black {
            font-size: 28px; } }
        @media screen and (max-width: 375px) {
          .rengalin-md .indications__bg .container .indications__body .col-text .title-black, .rengalin-md-ru .indications__bg .container .indications__body .col-text .title-black {
            font-size: 24px; } }
      .rengalin-md .indications__bg .container .indications__body .col-text .indications__col__subtitle, .rengalin-md-ru .indications__bg .container .indications__body .col-text .indications__col__subtitle {
        font-weight: 500;
        font-size: 22px;
        line-height: 125%;
        margin-top: 35px; }
        @media screen and (max-width: 1280px) {
          .rengalin-md .indications__bg .container .indications__body .col-text .indications__col__subtitle, .rengalin-md-ru .indications__bg .container .indications__body .col-text .indications__col__subtitle {
            font-size: 20px; } }
        @media screen and (max-width: 1024px) {
          .rengalin-md .indications__bg .container .indications__body .col-text .indications__col__subtitle, .rengalin-md-ru .indications__bg .container .indications__body .col-text .indications__col__subtitle {
            font-size: 18px; } }
        @media screen and (max-width: 768px) {
          .rengalin-md .indications__bg .container .indications__body .col-text .indications__col__subtitle, .rengalin-md-ru .indications__bg .container .indications__body .col-text .indications__col__subtitle {
            font-size: 16px; } }
      .rengalin-md .indications__bg .container .indications__body .col-text .indications__col__body, .rengalin-md-ru .indications__bg .container .indications__body .col-text .indications__col__body {
        margin-top: 25px; }
        .rengalin-md .indications__bg .container .indications__body .col-text .indications__col__body .indications__col__item:before, .rengalin-md-ru .indications__bg .container .indications__body .col-text .indications__col__body .indications__col__item:before {
          content: '';
          background: #FF0101;
          width: 10px;
          height: 10px;
          display: block;
          border-radius: 50%;
          margin-right: 15px;
          position: absolute;
          left: 0;
          top: 10px; }
  .rengalin-md .action, .rengalin-md-ru .action {
    background-color: #fff; }
  @media screen and (max-width: 650px) {
    .rengalin-md .warning, .rengalin-md-ru .warning {
      padding: 0; } }
  .rengalin-md .warning .warning-section a, .rengalin-md-ru .warning .warning-section a {
    cursor: pointer;
    border-bottom: 1px solid #BEC4D8;
    width: 100%; }
  .rengalin-md .pack, .rengalin-md-ru .pack {
    margin: -110px auto -80px auto; }
    @media screen and (max-width: 1280px) {
      .rengalin-md .pack, .rengalin-md-ru .pack {
        margin: -90px auto -80px auto; } }
    @media screen and (max-width: 650px) {
      .rengalin-md .pack, .rengalin-md-ru .pack {
        margin: 0px auto -70px auto; } }
    @media screen and (max-width: 480px) {
      .rengalin-md .pack, .rengalin-md-ru .pack {
        margin: 0px auto -60px auto; } }

/*body*/
.container {
  width: 100%;
  margin: 0 auto;
  max-width: 1400px; }
  @media screen and (max-width: 1680px) {
    .container {
      max-width: 1270px; } }
  @media screen and (max-width: 1366px) {
    .container {
      max-width: 1170px; } }
  @media screen and (max-width: 1280px) {
    .container {
      max-width: 970px;
      padding: 0 30px; } }
  @media screen and (max-width: 1024px) {
    .container {
      max-width: 100%;
      padding: 0 30px; } }
  @media screen and (max-width: 960px) {
    .container {
      padding: 0 25px; } }
  @media screen and (max-width: 650px) {
    .container {
      padding: 0 15px; } }

.rengalin-uz,
.rengalin-uz-ru {
  font-family: "Montserrat";
  /*wrapper*/
  /*indications__bg*/
  /*modal*/ }
  .rengalin-uz .languages,
  .rengalin-uz-ru .languages {
    position: fixed;
    bottom: 5%;
    right: 5%;
    z-index: 10; }
    .rengalin-uz .languages .switch-language,
    .rengalin-uz-ru .languages .switch-language {
      display: flex;
      flex-direction: column;
      background: #dcdde0;
      padding: 2px;
      border-radius: 50px; }
      .rengalin-uz .languages .switch-language .language-1,
      .rengalin-uz-ru .languages .switch-language .language-1 {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        padding: 10px;
        background-color: transparent;
        display: flex;
        justify-content: center;
        align-items: center; }
        .rengalin-uz .languages .switch-language .language-1.active,
        .rengalin-uz-ru .languages .switch-language .language-1.active {
          background-color: #fff; }
        .rengalin-uz .languages .switch-language .language-1 img,
        .rengalin-uz-ru .languages .switch-language .language-1 img {
          width: 30px;
          filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2)); }
      .rengalin-uz .languages .switch-language .language-2,
      .rengalin-uz-ru .languages .switch-language .language-2 {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        padding: 10px;
        background-color: transparent;
        display: flex;
        justify-content: center;
        align-items: center; }
        .rengalin-uz .languages .switch-language .language-2.active,
        .rengalin-uz-ru .languages .switch-language .language-2.active {
          background-color: #fff; }
        .rengalin-uz .languages .switch-language .language-2 img,
        .rengalin-uz-ru .languages .switch-language .language-2 img {
          filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
          width: 30px; }
  .rengalin-uz .microphone-section .microphone__question,
  .rengalin-uz-ru .microphone-section .microphone__question {
    max-width: 1000px; }
  .rengalin-uz .microphone-section .question__result .result-img,
  .rengalin-uz-ru .microphone-section .question__result .result-img {
    width: 300px; }
    @media screen and (max-width: 480px) {
      .rengalin-uz .microphone-section .question__result .result-img,
      .rengalin-uz-ru .microphone-section .question__result .result-img {
        width: 250px; } }
  .rengalin-uz .wrapper,
  .rengalin-uz-ru .wrapper {
    /*container*/ }
    @media screen and (max-width: 768px) {
      .rengalin-uz .wrapper .container .use .use__img,
      .rengalin-uz-ru .wrapper .container .use .use__img {
        width: 80%; } }
    @media screen and (max-width: 480px) {
      .rengalin-uz .wrapper .container .use .use__img,
      .rengalin-uz-ru .wrapper .container .use .use__img {
        width: 100%; } }
    .rengalin-uz .wrapper .container .use .use__img .package,
    .rengalin-uz-ru .wrapper .container .use .use__img .package {
      bottom: -13%;
      right: 42%; }
      @media screen and (max-width: 1680px) {
        .rengalin-uz .wrapper .container .use .use__img .package,
        .rengalin-uz-ru .wrapper .container .use .use__img .package {
          width: 60%; } }
      @media screen and (max-width: 1280px) {
        .rengalin-uz .wrapper .container .use .use__img .package,
        .rengalin-uz-ru .wrapper .container .use .use__img .package {
          right: 36%; } }
      @media screen and (max-width: 768px) {
        .rengalin-uz .wrapper .container .use .use__img .package,
        .rengalin-uz-ru .wrapper .container .use .use__img .package {
          width: 60%;
          right: 37%; } }
      @media screen and (max-width: 650px) {
        .rengalin-uz .wrapper .container .use .use__img .package,
        .rengalin-uz-ru .wrapper .container .use .use__img .package {
          right: 18%; } }
    .rengalin-uz .wrapper .container .use .use__img .use-solution,
    .rengalin-uz-ru .wrapper .container .use .use__img .use-solution {
      transform: rotate(-90deg);
      bottom: 58%;
      right: 58%;
      width: 100%; }
      @media screen and (max-width: 1680px) {
        .rengalin-uz .wrapper .container .use .use__img .use-solution,
        .rengalin-uz-ru .wrapper .container .use .use__img .use-solution {
          bottom: 56%;
          right: 53%; } }
      @media screen and (max-width: 1280px) {
        .rengalin-uz .wrapper .container .use .use__img .use-solution,
        .rengalin-uz-ru .wrapper .container .use .use__img .use-solution {
          right: 47%; } }
      @media screen and (max-width: 960px) {
        .rengalin-uz .wrapper .container .use .use__img .use-solution,
        .rengalin-uz-ru .wrapper .container .use .use__img .use-solution {
          bottom: 19%; } }
      @media screen and (max-width: 768px) {
        .rengalin-uz .wrapper .container .use .use__img .use-solution,
        .rengalin-uz-ru .wrapper .container .use .use__img .use-solution {
          bottom: 15%;
          right: 49%; } }
      @media screen and (max-width: 650px) {
        .rengalin-uz .wrapper .container .use .use__img .use-solution,
        .rengalin-uz-ru .wrapper .container .use .use__img .use-solution {
          transform: rotate(0);
          right: 80%;
          bottom: -12%;
          width: 130px;
          text-align: start;
          font-size: 12px; } }
      @media screen and (max-width: 480px) {
        .rengalin-uz .wrapper .container .use .use__img .use-solution,
        .rengalin-uz-ru .wrapper .container .use .use__img .use-solution {
          right: 51%;
          bottom: -25%;
          width: 150px; } }
      @media screen and (max-width: 375px) {
        .rengalin-uz .wrapper .container .use .use__img .use-solution,
        .rengalin-uz-ru .wrapper .container .use .use__img .use-solution {
          right: 55%;
          bottom: -32%; } }
    .rengalin-uz .wrapper .container .use .use__img .use-tab,
    .rengalin-uz-ru .wrapper .container .use .use__img .use-tab {
      right: 50%;
      bottom: -15%; }
      @media screen and (max-width: 1280px) {
        .rengalin-uz .wrapper .container .use .use__img .use-tab,
        .rengalin-uz-ru .wrapper .container .use .use__img .use-tab {
          right: 37%;
          bottom: -17%; } }
      @media screen and (max-width: 650px) {
        .rengalin-uz .wrapper .container .use .use__img .use-tab,
        .rengalin-uz-ru .wrapper .container .use .use__img .use-tab {
          right: -20%;
          width: 130px;
          text-align: start;
          bottom: -12%;
          font-size: 12px; } }
      @media screen and (max-width: 480px) {
        .rengalin-uz .wrapper .container .use .use__img .use-tab,
        .rengalin-uz-ru .wrapper .container .use .use__img .use-tab {
          right: 9%;
          bottom: -25%;
          width: 150px; } }
      @media screen and (max-width: 375px) {
        .rengalin-uz .wrapper .container .use .use__img .use-tab,
        .rengalin-uz-ru .wrapper .container .use .use__img .use-tab {
          bottom: -32%;
          right: 0; } }
  @media screen and (max-width: 650px) {
    .rengalin-uz .advantage .container .advantage__items,
    .rengalin-uz-ru .advantage .container .advantage__items {
      flex-direction: column;
      width: 100%; } }
  .rengalin-uz .advantage .container .advantage__items .advantage__item,
  .rengalin-uz-ru .advantage .container .advantage__items .advantage__item {
    flex: 1 1 33%; }
    @media screen and (max-width: 650px) {
      .rengalin-uz .advantage .container .advantage__items .advantage__item,
      .rengalin-uz-ru .advantage .container .advantage__items .advantage__item {
        width: 100%;
        display: flex;
        padding: 0; } }
    @media screen and (max-width: 650px) {
      .rengalin-uz .advantage .container .advantage__items .advantage__item .advantage__item_img,
      .rengalin-uz-ru .advantage .container .advantage__items .advantage__item .advantage__item_img {
        text-align: start; } }
    @media screen and (max-width: 650px) {
      .rengalin-uz .advantage .container .advantage__items .advantage__item .advantage__item_img img,
      .rengalin-uz-ru .advantage .container .advantage__items .advantage__item .advantage__item_img img {
        width: 50%; } }
    @media screen and (max-width: 650px) {
      .rengalin-uz .advantage .container .advantage__items .advantage__item .advantage__item_text,
      .rengalin-uz-ru .advantage .container .advantage__items .advantage__item .advantage__item_text {
        padding-left: 0;
        width: 100%;
        text-align: start;
        margin-top: 0; } }
  .rengalin-uz .indications__bg,
  .rengalin-uz-ru .indications__bg {
    background-color: #f6f7fa;
    padding: 75px 0;
    position: relative;
    /*container*/ }
    @media screen and (max-width: 1280px) {
      .rengalin-uz .indications__bg,
      .rengalin-uz-ru .indications__bg {
        padding: 50px 0 100px 0; } }
    @media screen and (max-width: 768px) {
      .rengalin-uz .indications__bg,
      .rengalin-uz-ru .indications__bg {
        padding: 35px 0; } }
    @media screen and (max-width: 480px) {
      .rengalin-uz .indications__bg,
      .rengalin-uz-ru .indications__bg {
        padding: 10px 0; } }
    .rengalin-uz .indications__bg .container .indications__body,
    .rengalin-uz-ru .indications__bg .container .indications__body {
      display: flex; }
      @media screen and (max-width: 650px) {
        .rengalin-uz .indications__bg .container .indications__body,
        .rengalin-uz-ru .indications__bg .container .indications__body {
          display: block; } }
      .rengalin-uz .indications__bg .container .indications__body .indications__col,
      .rengalin-uz-ru .indications__bg .container .indications__body .indications__col {
        max-width: 50%;
        text-align: start;
        display: flex;
        flex-direction: column; }
        @media screen and (max-width: 768px) {
          .rengalin-uz .indications__bg .container .indications__body .indications__col,
          .rengalin-uz-ru .indications__bg .container .indications__body .indications__col {
            display: block;
            max-width: 100%; } }
        .rengalin-uz .indications__bg .container .indications__body .indications__col .indications__col__body,
        .rengalin-uz-ru .indications__bg .container .indications__body .indications__col .indications__col__body {
          margin-top: 10px; }
          .rengalin-uz .indications__bg .container .indications__body .indications__col .indications__col__body .indications__col__item,
          .rengalin-uz-ru .indications__bg .container .indications__body .indications__col .indications__col__body .indications__col__item {
            margin-top: 25px;
            display: flex;
            align-items: start;
            position: relative;
            padding-left: 40px;
            font-weight: normal;
            font-size: 22px;
            line-height: 125%; }
            @media screen and (max-width: 1280px) {
              .rengalin-uz .indications__bg .container .indications__body .indications__col .indications__col__body .indications__col__item,
              .rengalin-uz-ru .indications__bg .container .indications__body .indications__col .indications__col__body .indications__col__item {
                font-size: 20px; } }
            @media screen and (max-width: 1024px) {
              .rengalin-uz .indications__bg .container .indications__body .indications__col .indications__col__body .indications__col__item,
              .rengalin-uz-ru .indications__bg .container .indications__body .indications__col .indications__col__body .indications__col__item {
                font-size: 18px; } }
            @media screen and (max-width: 768px) {
              .rengalin-uz .indications__bg .container .indications__body .indications__col .indications__col__body .indications__col__item,
              .rengalin-uz-ru .indications__bg .container .indications__body .indications__col .indications__col__body .indications__col__item {
                font-size: 16px; } }
      .rengalin-uz .indications__bg .container .indications__body .col-img,
      .rengalin-uz-ru .indications__bg .container .indications__body .col-img {
        padding-right: 60px;
        justify-content: center; }
        @media screen and (max-width: 768px) {
          .rengalin-uz .indications__bg .container .indications__body .col-img,
          .rengalin-uz-ru .indications__bg .container .indications__body .col-img {
            display: none; } }
        .rengalin-uz .indications__bg .container .indications__body .col-img .use__img,
        .rengalin-uz-ru .indications__bg .container .indications__body .col-img .use__img {
          position: relative; }
          .rengalin-uz .indications__bg .container .indications__body .col-img .use__img .use-solution,
          .rengalin-uz-ru .indications__bg .container .indications__body .col-img .use__img .use-solution {
            transform: rotate(-90deg);
            bottom: 76%;
            right: 50%;
            width: 100%;
            position: absolute; }
            @media screen and (max-width: 960px) {
              .rengalin-uz .indications__bg .container .indications__body .col-img .use__img .use-solution,
              .rengalin-uz-ru .indications__bg .container .indications__body .col-img .use__img .use-solution {
                right: 50%;
                bottom: 66%;
                font-size: 12px; } }
          .rengalin-uz .indications__bg .container .indications__body .col-img .use__img .use-tab,
          .rengalin-uz-ru .indications__bg .container .indications__body .col-img .use__img .use-tab {
            right: -38%;
            bottom: -3%;
            position: absolute;
            width: 100%; }
            @media screen and (max-width: 960px) {
              .rengalin-uz .indications__bg .container .indications__body .col-img .use__img .use-tab,
              .rengalin-uz-ru .indications__bg .container .indications__body .col-img .use__img .use-tab {
                right: -24%;
                font-size: 12px; } }
        @media screen and (max-width: 650px) {
          .rengalin-uz .indications__bg .container .indications__body .col-img,
          .rengalin-uz-ru .indications__bg .container .indications__body .col-img {
            padding: 30px 0; } }
      @media screen and (max-width: 650px) {
        .rengalin-uz .indications__bg .container .indications__body .col-text,
        .rengalin-uz-ru .indications__bg .container .indications__body .col-text {
          padding: 30px 0; } }
      .rengalin-uz .indications__bg .container .indications__body .col-text .title-black,
      .rengalin-uz-ru .indications__bg .container .indications__body .col-text .title-black {
        text-align: center;
        font-weight: 600;
        font-size: 48px;
        line-height: 125%;
        color: #171515;
        text-align: start; }
        @media screen and (max-width: 1280px) {
          .rengalin-uz .indications__bg .container .indications__body .col-text .title-black,
          .rengalin-uz-ru .indications__bg .container .indications__body .col-text .title-black {
            font-size: 36px; } }
        @media screen and (max-width: 768px) {
          .rengalin-uz .indications__bg .container .indications__body .col-text .title-black,
          .rengalin-uz-ru .indications__bg .container .indications__body .col-text .title-black {
            font-size: 32px; } }
        @media screen and (max-width: 480px) {
          .rengalin-uz .indications__bg .container .indications__body .col-text .title-black,
          .rengalin-uz-ru .indications__bg .container .indications__body .col-text .title-black {
            font-size: 28px; } }
        @media screen and (max-width: 375px) {
          .rengalin-uz .indications__bg .container .indications__body .col-text .title-black,
          .rengalin-uz-ru .indications__bg .container .indications__body .col-text .title-black {
            font-size: 24px; } }
      .rengalin-uz .indications__bg .container .indications__body .col-text .indications__col__subtitle,
      .rengalin-uz-ru .indications__bg .container .indications__body .col-text .indications__col__subtitle {
        font-weight: 500;
        font-size: 22px;
        line-height: 125%;
        margin-top: 35px; }
        @media screen and (max-width: 1280px) {
          .rengalin-uz .indications__bg .container .indications__body .col-text .indications__col__subtitle,
          .rengalin-uz-ru .indications__bg .container .indications__body .col-text .indications__col__subtitle {
            font-size: 20px; } }
        @media screen and (max-width: 1024px) {
          .rengalin-uz .indications__bg .container .indications__body .col-text .indications__col__subtitle,
          .rengalin-uz-ru .indications__bg .container .indications__body .col-text .indications__col__subtitle {
            font-size: 18px; } }
        @media screen and (max-width: 768px) {
          .rengalin-uz .indications__bg .container .indications__body .col-text .indications__col__subtitle,
          .rengalin-uz-ru .indications__bg .container .indications__body .col-text .indications__col__subtitle {
            font-size: 16px; } }
      .rengalin-uz .indications__bg .container .indications__body .col-text .indications__col__body,
      .rengalin-uz-ru .indications__bg .container .indications__body .col-text .indications__col__body {
        margin-top: 25px; }
        .rengalin-uz .indications__bg .container .indications__body .col-text .indications__col__body .indications__col__item:before,
        .rengalin-uz-ru .indications__bg .container .indications__body .col-text .indications__col__body .indications__col__item:before {
          content: "";
          background: #ff0101;
          width: 10px;
          height: 10px;
          display: block;
          border-radius: 50%;
          margin-right: 15px;
          position: absolute;
          left: 0;
          top: 10px; }
  .rengalin-uz .action,
  .rengalin-uz-ru .action {
    background-color: #fff; }
  .rengalin-uz .pack,
  .rengalin-uz-ru .pack {
    margin: -70px auto -50px auto; }
    @media screen and (max-width: 1280px) {
      .rengalin-uz .pack,
      .rengalin-uz-ru .pack {
        margin: -50px auto; } }
    @media screen and (max-width: 650px) {
      .rengalin-uz .pack,
      .rengalin-uz-ru .pack {
        margin: 20px auto -50px auto; } }
    @media screen and (max-width: 480px) {
      .rengalin-uz .pack,
      .rengalin-uz-ru .pack {
        margin: 20px auto -40px auto; } }
  .rengalin-uz .footer .container .footer__col,
  .rengalin-uz-ru .footer .container .footer__col {
    align-items: flex-start; }
    @media screen and (max-width: 960px) {
      .rengalin-uz .footer .container .footer__col,
      .rengalin-uz-ru .footer .container .footer__col {
        width: 100%;
        align-items: center;
        margin-top: 25px; } }
    @media screen and (max-width: 960px) {
      .rengalin-uz .footer .container .footer__col span,
      .rengalin-uz-ru .footer .container .footer__col span {
        text-align: center; } }
    .rengalin-uz .footer .container .footer__col p,
    .rengalin-uz-ru .footer .container .footer__col p {
      font-weight: normal;
      font-size: 18px;
      line-height: 125%;
      margin-top: 10px; }
    .rengalin-uz .footer .container .footer__col .question,
    .rengalin-uz-ru .footer .container .footer__col .question {
      font-weight: 700;
      font-size: 18px;
      line-height: 125%;
      color: #ffffff;
      padding: 15px 30px;
      background: #ff2f2a;
      border-radius: 50px;
      margin-top: 25px;
      text-transform: uppercase; }
      @media screen and (max-width: 650px) {
        .rengalin-uz .footer .container .footer__col .question,
        .rengalin-uz-ru .footer .container .footer__col .question {
          width: 100%; } }
  @media screen and (max-width: 960px) {
    .rengalin-uz .warning,
    .rengalin-uz-ru .warning {
      padding: 0; } }
  .rengalin-uz .warning .warning-section a,
  .rengalin-uz-ru .warning .warning-section a {
    cursor: pointer;
    border-bottom: 1px solid #bec4d8;
    width: 100%; }
  .rengalin-uz .modal-bg,
  .rengalin-uz-ru .modal-bg {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: auto;
    display: none;
    z-index: 10; }
    .rengalin-uz .modal-bg.active,
    .rengalin-uz-ru .modal-bg.active {
      display: block;
      top: 0;
      right: 0; }
  .rengalin-uz .modal,
  .rengalin-uz-ru .modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 13;
    padding: 15px;
    overflow: hidden;
    overflow-y: auto;
    margin-top: 30px;
    height: auto;
    max-width: 750px;
    width: 100%;
    display: none;
    max-height: 100vh;
    z-index: 20;
    /*modal-body */ }
    @media screen and (max-width: 480px) {
      .rengalin-uz .modal,
      .rengalin-uz-ru .modal {
        margin-top: 0;
        padding: 0; } }
    .rengalin-uz .modal.active,
    .rengalin-uz-ru .modal.active {
      display: block; }
    .rengalin-uz .modal .modal-body,
    .rengalin-uz-ru .modal .modal-body {
      position: relative;
      width: 100%;
      background-color: #ffffff;
      padding: 20px 10px;
      position: relative;
      border-radius: 6px;
      /*form*/ }
      @media screen and (max-width: 480px) {
        .rengalin-uz .modal .modal-body,
        .rengalin-uz-ru .modal .modal-body {
          padding: 10px 0px;
          border-radius: 0; } }
      .rengalin-uz .modal .modal-body .modal-cross,
      .rengalin-uz-ru .modal .modal-body .modal-cross {
        position: absolute;
        right: 20px;
        top: 20px;
        padding: 20px;
        width: 35px;
        height: 20px; }
        @media screen and (max-width: 768px) {
          .rengalin-uz .modal .modal-body .modal-cross,
          .rengalin-uz-ru .modal .modal-body .modal-cross {
            right: 10px;
            top: 10px; } }
        .rengalin-uz .modal .modal-body .modal-cross .cross-first,
        .rengalin-uz-ru .modal .modal-body .modal-cross .cross-first {
          background-color: #1a1a1a;
          position: absolute;
          transform: rotate(-45deg);
          top: 19px;
          right: 5px;
          width: 80%;
          height: 2px; }
        .rengalin-uz .modal .modal-body .modal-cross .cross-second,
        .rengalin-uz-ru .modal .modal-body .modal-cross .cross-second {
          background-color: #1a1a1a;
          position: absolute;
          transform: rotate(45deg);
          top: 19px;
          right: 5px;
          width: 80%;
          height: 2px; }
      .rengalin-uz .modal .modal-body .form,
      .rengalin-uz-ru .modal .modal-body .form {
        margin: 0 auto;
        padding: 40px 30px;
        max-width: 600px;
        /*form__body*/ }
        @media screen and (max-width: 480px) {
          .rengalin-uz .modal .modal-body .form,
          .rengalin-uz-ru .modal .modal-body .form {
            padding: 30px 15px; } }
        @media screen and (max-width: 375px) {
          .rengalin-uz .modal .modal-body .form,
          .rengalin-uz-ru .modal .modal-body .form {
            padding: 30px 5px; } }
        .rengalin-uz .modal .modal-body .form .form__body .form__title,
        .rengalin-uz-ru .modal .modal-body .form .form__body .form__title {
          font-size: 36px;
          font-weight: 700;
          margin-bottom: 50px;
          text-align: center;
          color: #171515; }
          @media screen and (max-width: 650px) {
            .rengalin-uz .modal .modal-body .form .form__body .form__title,
            .rengalin-uz-ru .modal .modal-body .form .form__body .form__title {
              font-size: 32px; } }
          @media screen and (max-width: 375px) {
            .rengalin-uz .modal .modal-body .form .form__body .form__title,
            .rengalin-uz-ru .modal .modal-body .form .form__body .form__title {
              font-size: 28px; } }
        .rengalin-uz .modal .modal-body .form .form__body .form-result_success,
        .rengalin-uz-ru .modal .modal-body .form .form__body .form-result_success {
          color: #32cd32;
          font-size: 18px;
          font-weight: 400;
          padding: 20px 0; }
        .rengalin-uz .modal .modal-body .form .form__body .form-result_error,
        .rengalin-uz-ru .modal .modal-body .form .form__body .form-result_error {
          color: #dc143c;
          font-size: 18px;
          font-weight: 400;
          padding: 20px 0; }
        .rengalin-uz .modal .modal-body .form .form__body .input__wrap,
        .rengalin-uz-ru .modal .modal-body .form .form__body .input__wrap {
          display: flex;
          justify-content: space-between; }
          @media screen and (max-width: 650px) {
            .rengalin-uz .modal .modal-body .form .form__body .input__wrap,
            .rengalin-uz-ru .modal .modal-body .form .form__body .input__wrap {
              flex-direction: column; } }
          .rengalin-uz .modal .modal-body .form .form__body .input__wrap .form__item,
          .rengalin-uz-ru .modal .modal-body .form .form__body .input__wrap .form__item {
            margin-bottom: 15px;
            width: 45%; }
            @media screen and (max-width: 650px) {
              .rengalin-uz .modal .modal-body .form .form__body .input__wrap .form__item,
              .rengalin-uz-ru .modal .modal-body .form .form__body .input__wrap .form__item {
                width: 100%; } }
            .rengalin-uz .modal .modal-body .form .form__body .input__wrap .form__item .form__lable,
            .rengalin-uz-ru .modal .modal-body .form .form__body .input__wrap .form__item .form__lable {
              font-size: 18px;
              display: block;
              margin-bottom: 20px; }
              @media screen and (max-width: 650px) {
                .rengalin-uz .modal .modal-body .form .form__body .input__wrap .form__item .form__lable,
                .rengalin-uz-ru .modal .modal-body .form .form__body .input__wrap .form__item .form__lable {
                  margin-bottom: 0px; } }
            .rengalin-uz .modal .modal-body .form .form__body .input__wrap .form__item .form__input,
            .rengalin-uz-ru .modal .modal-body .form .form__body .input__wrap .form__item .form__input {
              height: 50px;
              width: 100%;
              font-size: 18px;
              padding: 5px 10px;
              border-radius: 8px;
              border: 1px solid #d1d1d1; }
        .rengalin-uz .modal .modal-body .form .form__body .form__item textarea.form__input,
        .rengalin-uz-ru .modal .modal-body .form .form__body .form__item textarea.form__input {
          min-height: 120px;
          resize: vertical;
          width: 100%;
          height: 50px;
          font-size: 18px;
          padding: 5px 10px;
          border-radius: 8px;
          border: 1px solid #d1d1d1; }
        .rengalin-uz .modal .modal-body .form .form__body .modal__footer,
        .rengalin-uz-ru .modal .modal-body .form .form__body .modal__footer {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-top: 40px; }
          @media screen and (max-width: 768px) {
            .rengalin-uz .modal .modal-body .form .form__body .modal__footer,
            .rengalin-uz-ru .modal .modal-body .form .form__body .modal__footer {
              flex-direction: column; } }
          @media screen and (max-width: 650px) {
            .rengalin-uz .modal .modal-body .form .form__body .modal__footer,
            .rengalin-uz-ru .modal .modal-body .form .form__body .modal__footer {
              flex-direction: column;
              justify-content: start;
              align-items: start; } }
          .rengalin-uz .modal .modal-body .form .form__body .modal__footer .g-recaptcha,
          .rengalin-uz-ru .modal .modal-body .form .form__body .modal__footer .g-recaptcha {
            color: #fff;
            padding: 15px 20px; }
            @media screen and (max-width: 480px) {
              .rengalin-uz .modal .modal-body .form .form__body .modal__footer .g-recaptcha,
              .rengalin-uz-ru .modal .modal-body .form .form__body .modal__footer .g-recaptcha {
                padding: 15px 0px; } }
      .rengalin-uz .modal .modal-body .send,
      .rengalin-uz-ru .modal .modal-body .send {
        font-weight: 700;
        font-size: 18px;
        line-height: 125%;
        color: #ffffff;
        padding: 15px 30px;
        background: #ff2f2a;
        border-radius: 50px;
        margin-top: 25px;
        text-transform: uppercase;
        transition: all 0.3s ease 0s;
        border: 1px solid #ff2f2a;
        margin-top: 0; }
        @media screen and (max-width: 480px) {
          .rengalin-uz .modal .modal-body .send,
          .rengalin-uz-ru .modal .modal-body .send {
            width: 100%; } }
        .rengalin-uz .modal .modal-body .send:hover,
        .rengalin-uz-ru .modal .modal-body .send:hover {
          background-color: #fff;
          color: #171515;
          transition: all 0.3s ease 0s; }

/*body*/
.container {
  width: 100%;
  margin: 0 auto;
  max-width: 1400px; }
  @media screen and (max-width: 1680px) {
    .container {
      max-width: 1270px; } }
  @media screen and (max-width: 1366px) {
    .container {
      max-width: 1170px; } }
  @media screen and (max-width: 1280px) {
    .container {
      max-width: 970px;
      padding: 0 30px; } }
  @media screen and (max-width: 1024px) {
    .container {
      max-width: 100%;
      padding: 0 30px; } }
  @media screen and (max-width: 960px) {
    .container {
      padding: 0 25px; } }
  @media screen and (max-width: 650px) {
    .container {
      padding: 0 15px; } }

.rengalin-by {
  /*wrapper*/ }
  .rengalin-by .wrapper {
    /*container*/ }
    @media screen and (max-width: 768px) {
      .rengalin-by .wrapper .container .use .use__img {
        width: 80%; } }
    @media screen and (max-width: 480px) {
      .rengalin-by .wrapper .container .use .use__img {
        width: 100%; } }
    .rengalin-by .wrapper .container .use .use__img .package {
      width: 65%;
      bottom: -13%;
      right: 41%; }
      .rengalin-by .wrapper .container .use .use__img .package .package {
        bottom: -13%;
        right: 42%; }
        @media screen and (max-width: 1680px) {
          .rengalin-by .wrapper .container .use .use__img .package .package {
            width: 60%; } }
        @media screen and (max-width: 1280px) {
          .rengalin-by .wrapper .container .use .use__img .package .package {
            right: 36%; } }
        @media screen and (max-width: 1024px) {
          .rengalin-by .wrapper .container .use .use__img .package .package {
            right: 25%; } }
        @media screen and (max-width: 768px) {
          .rengalin-by .wrapper .container .use .use__img .package .package {
            width: 60%;
            right: 37%; } }
        @media screen and (max-width: 650px) {
          .rengalin-by .wrapper .container .use .use__img .package .package {
            right: 18%; } }
      @media screen and (max-width: 1680px) {
        .rengalin-by .wrapper .container .use .use__img .package {
          width: 60%; } }
      @media screen and (max-width: 1280px) {
        .rengalin-by .wrapper .container .use .use__img .package {
          right: 36%; } }
      @media screen and (max-width: 1024px) {
        .rengalin-by .wrapper .container .use .use__img .package {
          right: 25%; } }
      @media screen and (max-width: 768px) {
        .rengalin-by .wrapper .container .use .use__img .package {
          width: 60%;
          right: 37%; } }
      @media screen and (max-width: 650px) {
        .rengalin-by .wrapper .container .use .use__img .package {
          right: 18%; } }
    .rengalin-by .wrapper .container .use .use__img .use-solution {
      transform: rotate(-90deg);
      bottom: 58%;
      right: 55%;
      width: 100%; }
      @media screen and (max-width: 1680px) {
        .rengalin-by .wrapper .container .use .use__img .use-solution {
          bottom: 56%;
          right: 49%; } }
      @media screen and (max-width: 1280px) {
        .rengalin-by .wrapper .container .use .use__img .use-solution {
          right: 44%; } }
      @media screen and (max-width: 1024px) {
        .rengalin-by .wrapper .container .use .use__img .use-solution {
          right: 34%;
          bottom: 53%; } }
      @media screen and (max-width: 960px) {
        .rengalin-by .wrapper .container .use .use__img .use-solution {
          bottom: 19%; } }
      @media screen and (max-width: 768px) {
        .rengalin-by .wrapper .container .use .use__img .use-solution {
          bottom: 15%;
          right: 45%; } }
      @media screen and (max-width: 650px) {
        .rengalin-by .wrapper .container .use .use__img .use-solution {
          transform: rotate(0);
          right: 38%;
          bottom: -18%; } }
      @media screen and (max-width: 480px) {
        .rengalin-by .wrapper .container .use .use__img .use-solution {
          right: 57%;
          bottom: -25%;
          width: 150px; } }
      @media screen and (max-width: 375px) {
        .rengalin-by .wrapper .container .use .use__img .use-solution {
          right: 55%;
          bottom: -32%; } }
    .rengalin-by .wrapper .container .use .use__img .use-tab {
      right: 44%;
      bottom: -15%; }
      @media screen and (max-width: 1280px) {
        .rengalin-by .wrapper .container .use .use__img .use-tab {
          right: 43%;
          bottom: -17%; } }
      @media screen and (max-width: 1024px) {
        .rengalin-by .wrapper .container .use .use__img .use-tab {
          right: 28%;
          bottom: -16%; } }
      @media screen and (max-width: 960px) {
        .rengalin-by .wrapper .container .use .use__img .use-tab {
          bottom: -17%; } }
      @media screen and (max-width: 768px) {
        .rengalin-by .wrapper .container .use .use__img .use-tab {
          bottom: -18%;
          right: 40%; } }
      @media screen and (max-width: 650px) {
        .rengalin-by .wrapper .container .use .use__img .use-tab {
          right: 0;
          bottom: -18%; } }
      @media screen and (max-width: 480px) {
        .rengalin-by .wrapper .container .use .use__img .use-tab {
          right: 9%;
          bottom: -25%;
          width: 150px; } }
      @media screen and (max-width: 375px) {
        .rengalin-by .wrapper .container .use .use__img .use-tab {
          bottom: -32%;
          right: 0; } }