@font-face {
  font-family: "Roboto-Medium";
  src: url("../fonts/Roboto-Medium.ttf?-kwf309");
  src: url("../fonts/Roboto-Medium.ttf?#iefix-kwf309") format("embedded-opentype"),
    url("../fonts/Roboto-Medium.ttf?-kwf309") format("woff"),
    url("../fonts/Roboto-Medium.ttf?-kwf309") format("truetype"),
    url("../fonts/Roboto-Medium.ttf?-kwf309#AA-Arial") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* @import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100;8..144,200;8..144,300;8..144,400;8..144,500;8..144,600;8..144,700;8..144,800;8..144,900;8..144,1000&display=swap"); */

@font-face {
  font-family: "Roboto-Black";
  src: url("../fonts/Roboto-Black.ttf?-kwf309");
  src: url("../fonts/Roboto-Black.ttf?#iefix-kwf309") format("embedded-opentype"),
    url("../fonts/Roboto-Black.ttf?-kwf309") format("woff"),
    url("../fonts/Roboto-Black.ttf?-kwf309") format("truetype"),
    url("../fonts/Roboto-Black.ttf?-kwf309#AA-Arial") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Roboto-Bold";
  src: url("../fonts/Roboto-Bold.ttf?-kwf309");
  src: url("../fonts/Roboto-Bold.ttf?#iefix-kwf309") format("embedded-opentype"),
    url("../fonts/Roboto-Bold.ttf?-kwf309") format("woff"),
    url("../fonts/Roboto-Bold.ttf?-kwf309") format("truetype"),
    url("../fonts/Roboto-Bold.ttf?-kwf309#AA-Arial") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Roboto-Light";
  src: url("../fonts/Roboto-Light.ttf?-kwf309");
  src: url("../fonts/Roboto-Light.ttf?#iefix-kwf309") format("embedded-opentype"),
    url("../fonts/Roboto-Light.ttf?-kwf309") format("woff"),
    url("../fonts/Roboto-Light.ttf?-kwf309") format("truetype"),
    url("../fonts/Roboto-Light.ttf?-kwf309#AA-Arial") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Roboto-Regular";
  src: url("../fonts/Roboto-Regular.ttf?-kwf309");
  src: url("../fonts/Roboto-Regular.ttf?#iefix-kwf309") format("embedded-opentype"),
    url("../fonts/Roboto-Regular.ttf?-kwf309") format("woff"),
    url("../fonts/Roboto-Regular.ttf?-kwf309") format("truetype"),
    url("../fonts/Roboto-Regular.ttf?-kwf309#AA-Arial") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Roboto-Thin";
  src: url("../fonts/Roboto-Thin.ttf?-kwf309");
  src: url("../fonts/Roboto-Thin.ttf?#iefix-kwf309") format("embedded-opentype"),
    url("../fonts/Roboto-Thin.ttf?-kwf309") format("woff"),
    url("../fonts/Roboto-Thin.ttf?-kwf309") format("truetype"),
    url("../fonts/Roboto-Thin.ttf?-kwf309#AA-Arial") format("svg");
  font-weight: normal;
  font-style: normal;
}

* {
  box-sizing: border-box;
}

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

:hover {
  transition: 0.3s;
}

body {
  margin: 0;
  background: #fff;
}

img {
  max-width: 100%;
}

input:focus {
  outline: none;
}

input {
  border: none;
}

button {
  padding: 0;
  cursor: pointer;
  border: none;
  background: none;
}

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

.clear {
  clear: both;
}

.container {
  padding: 0 24px;
  max-width: 1168px;
  margin: 0 auto;
}

/*header*/

.header {
  left: 0;
  right: 0;
  padding: 14px 0;
  position: fixed;
  /* background: linear-gradient(180deg, #223355 0%, #1C3974 100%); */
  /* box-shadow: 0px 8px 16px rgba(33, 42, 78, 0.25); */
  border-radius: 0px;
}

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

.header-menu {
  position: absolute;
  top: 0;
  left: 192px;
  width: 256px;
}

.header-menu-link {
  cursor: pointer;
  width: 100%;
  padding: 12px 32px;
  background: rgba(35, 59, 105, 0.9);
  backdrop-filter: blur(5px);
  border-radius: 16px;
}

.header-menu-link:hover .header-menu-button {
  display: block;
}

.header-menu-link:hover .header-menu-ul {
  display: block;
}

.header-menu-link-wrap {
  display: flex;
  align-items: center;
  font-family: "Roboto-Medium";
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #ffffff;
}

.header-menu-link-wrap img {
  margin: 0 16px 0 0;
}

.header-menu-button button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  width: 100%;
  padding: 12px 0;
  background: #0057ff;
  border-radius: 12px;
}

.header-menu-button {
  display: none;
}

.header-menu-ul {
  display: none;
  margin: 16px 0 24px 0;
  border-top: 1px solid #728ec5;
}

.header-menu-li {
  padding: 24px 0 0 0;
}

.header-menu-li a {
  display: flex;
  align-items: center;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  text-decoration: none;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #5f91ce;
}

.header-menu-li a svg {
  margin: 0 8px 0 0;
}

.header-menu-li a:hover {
  color: #fff;
}

.header-menu-li a:hover svg path {
  transition: 0.3s;
  fill: #fff;
}

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

.header-link {
  padding: 0 0 0 32px;
}

.header-link2 {
  padding: 0 0 0 32px;
}

.header-link a {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #ffffff;
}

.header-link a img {
  margin: 0 16px 0 0;
}

.header-link a:hover {
  color: #008df4;
}

.header-link2 a {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #5f91ce;
}

.header-link2 a svg {
  margin: 0 8px 0 0;
}

.header-link2 a:hover {
  color: #fff;
}

.header-link2 a:hover svg path {
  fill: #fff;
  transition: 0.3s;
}

.header-button {
  padding: 0 0 0 24px;
}

.header-button button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 32px;
  color: #ffffff;
  padding: 8px 24px;
  border: 1px solid #008df4;
  border-radius: 12px;
}

.header-button button svg {
  margin: 0 0 0 8px;
}

.header-button button:hover {
  background: #008df4;
}

.header-button button:hover svg path {
  stroke: #fff;
  transition: 0.3s;
}

/*work*/

.work {
  padding: 32px 0 348px 0;
  background: linear-gradient(180deg, #223355 0%, #1c3974 100%);
  border-radius: 0px 0px 200px 200px;
  padding-top: 0;
  padding-top: 80px;
}

.work-zamok {
  text-align: center;
  padding: 72px 0 40px 0;
}

.work-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 72px;
  line-height: 88px;
  text-align: center;
  color: #ffffff;
}

.work-suptitle {
  padding: 40px 0 0 0;
  font-family: "Roboto-Medium";
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
}

.work-button {
  padding: 40px 0 72px 0;
  text-align: center;
}

.work-button button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  padding: 12px 24px;
  background: #0057ff;
  border-radius: 12px;
}

/*kartinka*/

.kartinka {
  margin: -276px 0 0 0;
}

/*doverie*/

.doverie {
  padding: 104px 0 136px 0;
}

.doverie-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 28px;
  line-height: 72px;
  text-align: center;
  color: #68729c;
}

.doverie-container {
  padding: 0 14px;
}

.doverie-wrap {
  padding: 64px 0 0 0;
  display: flex;
  align-items: center;
}

.doverie-block {
  width: 16.6666666666%;
  padding: 0 10px;
  text-align: center;
}

.doverie-img {
  text-align: center;
}

/*dannye*/

.dannye {
  /*background: url(../images/dannye-bg.png) center 0 no-repeat;*/
  background: linear-gradient(180deg,
      #f4f8fc 0%,
      rgba(255, 255, 255, 0) 52.6%,
      #f4f8fc 100%);
  border-radius: 200px;
  margin: 0 0 0 0;
}

.dannye-container {
  max-width: 100%;
  padding: 0;
}

.dannye-slayder-border {
  background: #ffffff;
  box-shadow: 0px 32px 100px -21px rgba(20, 34, 91, 0.24);
  border-radius: 24px;
  position: relative;
  padding: 96px 96px 96px 96px;
  height: 484px;
}

.dannye-slayder {
  position: relative;
}

.progressBarContainer {
  position: absolute;
  bottom: 130px;
  width: 300px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 16px;
}

.progressBarContainer .progressBarItem {
  width: 40px;
  background: #d1d4e1;
  border-radius: 30px;
  cursor: pointer;
  transition: width 0.3s;
}

.progressBarItem span div {
  border-radius: 30px;
}

.progressBarContainer .progressBarItem.active {
  width: 164px;
}

.progressBarContainer .progressBarItem span.progressBar {
  width: 100%;
  height: 4px;
}

.progressBarContainer div span.progressBar .inProgress {
  background: #0f5fff;
  width: 0%;
  height: 4px;
}

.dannye-slayder-absolute {
  font-family: "Roboto-Medium";
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.02em;
  color: #ffffff;
  width: 175px;
  padding: 8px 0;
  background: #0f5fff;
  backdrop-filter: blur(7px);
  border-radius: 56.2222px;
  position: absolute;
  top: -24px;
  right: 63px;
}

.dannye-slayder-wrap {
  display: flex;
}

.dannye-slayder-block {
  position: relative;
  width: 50%;
}

.dannye-slayder-img {
  position: relative;
  z-index: 0;
  margin: -90px 0 0 188px;
}

.dannye-slayder-block2 {
  width: 50%;
  padding: 0 0 0 60px;
}

.dannye-slayder-border2-img {
  margin-bottom: 29px;
}

.dannye-slayder-border2 {
  position: relative;
  z-index: 1;
  padding: 24px 28px;
  width: 289px;
  background: #ffffff;
  box-shadow: 0px 32px 100px -21px rgba(20, 34, 91, 0.24);
  border-radius: 16px;
}

.dannye-slayder-border2-inner {
  display: flex;
  gap: 8px;
}

.dannye-slayder-border2-title {
  font-family: "Roboto-Medium";
  font-size: 14px;
  line-height: 16px;
  color: #0f5fff;
}

.dannye-slayder-border2-suptitle {
  padding: 0 0 24px 0;
  font-family: "Roboto-Medium";
  font-size: 29px;
  line-height: 34px;
  color: #14225b;
}

.dannye-slayder-border2-border {
  font-family: "Roboto-Medium";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.02em;
  color: #0f5fff;
  width: 100%;
  padding: 12px 0;
  background: rgba(0, 141, 244, 0.1);
  border: 1px solid #0f5fff;
  border-radius: 30px;
}

.dannye-slayder-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 48px;
  line-height: 64px;
  letter-spacing: -0.01em;
  color: #14225b;
}

.dannye-slayder-suptitle {
  padding: 48px 0 0 0;
  font-family: "Roboto-Medium";
  font-size: 16px;
  line-height: 24px;
  color: #14225b;
}

.dannye-slayder-button {
  padding: 48px 0 0 0;
}

.dannye-slayder-button button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0f5fff;
  border-radius: 12px;
}

.dannye-slayder-button button img {
  margin: 0 10px 0 0;
}

.dannye-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  text-align: center;
  font-size: 72px;
  line-height: 64px;
  letter-spacing: -0.01em;
  color: #14225b;
}

.dannye-img {
  padding: 128px 0 0 0;
}

.dannye-border {
  margin: 148px 0 0 0;
  background: #f7eee8 url(../images/bg-tech.png) center bottom no-repeat;
  border-radius: 16px;
  padding: 64px 0 164px 0;
}

.dannye-wrap {
  justify-content: space-between;
  display: flex;
  align-items: center;
  padding: 0 64px 68px 64px;
}

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

.dannye-border-title {
  padding: 0 0 0 24px;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #14225b;
}

.dannye-border-button button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  letter-spacing: -0.02em;
  color: #ffffff;
  padding: 12px 24px;
  background: #0f5fff;
  border-radius: 12px;
}

/*dostup*/

.dostup {
  padding: 244px 0 64px 0;
  position: relative;
}

.dostup:before {
  background: linear-gradient(180deg,
      #f4f8fc 0%,
      rgba(255, 255, 255, 0) 52.6%,
      #f4f8fc 100%);
  border-radius: 200px;
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  top: 741px;
}

.dostup-zindex {
  position: relative;
  z-index: 1;
}

.dostup-title {
  position: relative;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  margin: 0 0 0 0;
  font-size: 72px;
  line-height: 64px;
  letter-spacing: -0.01em;
  text-align: center;
  color: #14225b;
}

.dostup-suptitle {
  padding: 40px 0 0 0;
  font-family: "Roboto-Medium";
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  color: #14225b;
}

.dostup-container {
  padding: 0 8px;
}

.dostup-wrap {
  display: flex;
  flex-wrap: wrap;
  padding: 128px 0 0 0;
}

.dostup-block {
  width: 50%;
  padding: 32px 16px 0 16px;
}

.dostup-border {
  margin: -40px 0 0 0;
  padding: 40px 40px;
  background: #ffffff;
  box-shadow: 0px 23px 68px rgba(20, 34, 91, 0.25);
  border-radius: 16px;
}

.dostup-border-wrap {
  display: flex;
  justify-content: space-between;
}

.dostup-border-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 28px;
  line-height: 32px;
  color: #14225b;
}

.dostup-border-suptitle {
  padding: 8px 0 0 0;
  font-family: "Roboto-Medium";
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #008df4;
}

.dostup-border-price {
  padding: 16px 0 0 0;
  font-family: "Roboto-Regular";
  font-size: 56px;
  line-height: 56px;
  letter-spacing: -0.05em;
  color: #14225b;
}

.dostup-border-price span {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #008df4;
}

.dostup-border-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 0 0 0;
}

.dostup-border-border {
  cursor: pointer;
}

.dostup-border-knopka {
  border: 1px solid #FFFFFF;
  border-radius: 8px;
  font-size: 16px;
  line-height: 24px;
  font-family: 'Roboto-Medium';
  color: #fff;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dostup-border-knopka:hover {
  background: #008df4;
  border: 1px solid #008df4;
}

.dostup-border-inner-title {
  font-family: "Roboto-Medium";
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #5f91ce;
}

.dostup-border-inner-wrap {
  display: flex;
  align-items: center;
}

.dostup-border-number {
  padding: 0 18px;
  font-size: 16px;
  font-family: "Roboto-Regular";
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.02em;
  color: #14225b;
}

.dostup-border-supsuptitle {
  padding: 24px 0 24px 0;
  font-family: "Roboto-Medium";
  font-size: 14px;
  line-height: 32px;
  letter-spacing: -0.02em;
  color: #14225b;
}

.dostup-border-button button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  padding: 12px 24px;
  background: #0f5fff;
  border-radius: 12px;
}

.dostup-border2 {
  position: relative;
  padding: 40px 40px;
  background: #243b69;
  border-radius: 16px;
}

.dostup-border-title2 {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 28px;
  line-height: 32px;
  color: #ffffff;
}

.dostup-border-suptitle2 {
  padding: 8px 0 0 0;
  font-family: "Roboto-Medium";
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #5f91ce;
}

.dostup-border-price2 {
  position: relative;
  padding: 16px 0 0 0;
  font-family: "Roboto-Regular";
  font-size: 56px;
  line-height: 56px;
  letter-spacing: -0.05em;
  color: #ffffff;
}

.dostup-border-price2 p {
  font-family: "Roboto-Regular";
  font-size: 56px;
  padding: 0;
  margin: 0;
  display: inline-block;
  letter-spacing: -0.05em;
  color: #ffffff;
}

.dostup-border-price2 span {
  margin: 0 0 0 16px;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #008df4;
}

.dostup-border-number2 {
  padding: 0 18px;
  font-size: 16px;
  font-family: "Roboto-Regular";
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.02em;
  color: #ffffff;
}

.dostup-border-inner2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0 32px 0;
}

.dostup-border-inner2-title {
  font-family: "Roboto-Medium";
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #5f91ce;
}

.tgl-ios:checked+.tgl-btn {
  background: #008df4;
}

.tgl-ios+.tgl-btn {
  background: #68729c;
  border-radius: 32px;
  padding: 0;
  transition: all 0.4s ease;
}

.tgl+.tgl-btn {
  outline: 0;
  display: block;
  margin: 0 0 0 0;
  width: 50px;
  height: 24px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.tgl {
  display: none;
}

.tgl:checked+.tgl-btn:after {
  left: 59%;
}

.tgl-ios+.tgl-btn:after {
  border-radius: 2em;
  background: #fff;
  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275),
    padding 0.3s ease, margin 0.3s ease;
}

.tgl+.tgl-btn:after {
  left: 0;
}

.tgl+.tgl-btn:after,
.tgl+.tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 16px;
  top: -12px;
  left: 4px;
  height: 16px;
}

.tgl-ios2:checked+.tgl-btn2 {
  background: #008df4;
}

.tgl-ios2+.tgl-btn2 {
  background: #68729c;
  border-radius: 32px;
  padding: 0;
  transition: all 0.4s ease;
}

.tgl2+.tgl-btn2 {
  outline: 0;
  display: block;
  margin: 0 0 0 0;
  width: 50px;
  height: 24px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.tgl2 {
  display: none;
}

.tgl2:checked+.tgl-btn2:after {
  left: 59%;
}

.tgl-ios2+.tgl-btn2:after {
  border-radius: 2em;
  background: #fff;
  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275),
    padding 0.3s ease, margin 0.3s ease;
}

.tgl2+.tgl-btn2:after {
  left: 0;
}

.tgl2+.tgl-btn2:after,
.tgl2+.tgl-btn2:before {
  position: relative;
  display: block;
  content: "";
  width: 16px;
  top: -12px;
  left: 4px;
  height: 16px;
}

.dostup-border2-absolute {
  font-family: "Roboto-Regular";
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.02em;
  color: #ffffff;
  padding: 4px 16px;
  background: rgba(0, 141, 244, 0.1);
  border: 1px solid #008df4;
  backdrop-filter: blur(7px);
  border-radius: 56.2222px;
  position: absolute;
  top: 40px;
  right: 115px;
}

.dostup-border-buttons {
  display: flex;
  align-items: center;
}

.dostup-border-button2 {
  width: 45%;
  width: 50%;
}

.dostup-border-button2 button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  color: #ffffff;
  width: 100%;
  padding: 8px 0;
  padding: 12px 0;
  background: rgba(104, 114, 156, 0.2);
  border-radius: 8px;
}

.dostup-border-button2 button img {
  margin: 0 0 0 8px;
}

.dostup-border-button3 {
  width: 55%;
  padding: 0 0 0 16px;
}

.dostup-border-button3 button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  width: 100%;
  padding: 12px 0;
  background: #0f5fff;
  border-radius: 12px;
}

.dostup-border-price-absolute {
  width: 190px;
  position: absolute;
  top: 0;
  display: none;
  left: 16px;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #00f076;
}



.dostup-border-dlitel {
  display: flex;
}

.dostup-border-dlitel-button {
  padding: 0 16px 0 0;
}

.dostup-border-dlitel-button .chekbox-title {
  padding: 0 0 0 30px;
  color: #fff;
}

.dostup-border-dlitel-button .checkbox-main .checkbox {
  background: #68729c;
}

.dostup-border-dlitel-button:last-child {
  padding: 0;
}

.dostup-border-dlitel-button button {
  display: flex;
  align-items: center;
  font-family: "Roboto-Medium";
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #ffffff;
}

.dostup-border-dlitel-elipse {
  width: 24px;
  height: 24px;
  background: #68729c;
  border-radius: 50%;
  margin: 0 8px 0 0;
}

.dostup-border-dlitel-button button:focus .dostup-border-dlitel-elipse {
  background: #fff;
  border: 7px solid #008df4;
}

.dostup-block2 {
  width: 100%;
  padding: 32px 16px 0 16px;
}

.dostup-border2-wrap {
  display: flex;
}

.dostup-border2-block {
  width: 50%;
}

.dostup-border2-block2 {
  padding: 0 0 0 50px;
  width: 50%;
}

.dostup-border-inner-pd {
  padding: 0;
}

.dostup-border-wrap2 {
  display: flex;
}

.dostup-border-text2 {
  padding: 0 0 0 16px;
}

.dostup-border-price2-pd {
  padding: 32px 0 0 0;
}

.podrobno {
  padding: 64px 0 160px 0;
}

.podrobno-border {
  padding: 28px 40px;
  background: #f7eee8 url(../images/podrobno-border-bg.png) 100% 0 no-repeat;
  border-radius: 16px;
}

.podrobno-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #14225b;
}

.podrobno-button {
  padding: 24px 0 0 0;
}

.podrobno-button button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  padding: 8px 16px;
  background: #0f5fff;
  border-radius: 8px;
}

.table-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 48px;
  line-height: 64px;
  letter-spacing: -0.01em;
  color: #14225b;
}

.table {
  padding: 80px 0 0 0;
  position: relative;
}

.table-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 256px;
  width: 100%;
  background: linear-gradient(360deg,
      #f4f8fc 0%,
      rgba(244, 248, 252, 0) 88.08%);
}

.table-shadow.hide {
  display: none;
}

.harakter-shadow.table-shadow2.hide {
  display: none;
}

.table-inner {
  display: none;
}

.tablemb-inner .tablemb-inner-wrap {
  display: none;
}

.table-wrap {
  display: flex;
  padding: 0 0 40px 0;
}

.table-block {
  width: 32%;
}

.table-block2 {
  width: 17%;
  text-align: center;
}

.table-block-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 40px;
  color: #14225b;
}

.table-block-title2 {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 40px;
  color: #008df4;
}

.table-wrap2 {
  padding: 16px 0 0 0;
  display: flex;
  align-items: center;
}

.table-block-suptitle {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #68729c;
}

.table-show,
.harakter-show {
  transform: translateY(50%);
  position: relative;
  z-index: 1;
}

.table-show.show,
.harakter-show.show {
  transform: translateY(-40%);
}

.table-arrow,
.nodone-arrow,
.harakter-arrow {
  text-align: center;
  padding: 24px 0 0 0;
}

.table-arrow img,
.nodone-arrow img,
.harakter-arrow img {
  transition: all 0.3s;
}

.table-arrow.hide img,
.harakter-arrow.hide img {
  transform: rotate(180deg);
}

.table-button,
.nodone-button,
.harakter-button {
  text-align: center;
}

.table-button button,
.nodone-button button,
.harakter-button button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  padding: 12px 40px;
  background: #0f5fff;
  border-radius: 12px;
}

.table-restagle,
.nodone-restagle {
  width: 104px;
  height: 3px;
  background: #0f5fff;
  margin: 0 auto 24px auto;
}

/*dostupno*/

.dostupno {
  padding: 170px 0 70px 0;
}

.dostupno-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 64px;
  line-height: 72px;
  text-align: center;
  color: #14225b;
}

.dostupno-suptitle {
  padding: 32px 0 0 0;
  font-family: "Roboto-Medium";
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  color: #14225b;
}

.dostupno-width {
  margin: 0 auto;
  width: 774px;
  max-width: 774px;
  width: 100%;
  padding: 70px 0 145px 0;
}

.dostupno-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;

}

.dostupno-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 70px 0 0 0;
}

.dostupno-button button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  background: #0f5fff;
  border-radius: 12px;
}

.dostupno-button button img {
  margin: 0 8px 0 0;
}

.dostupno-border {
  padding: 54px 64px;
  position: relative;
  background: linear-gradient(180deg, #223355 0%, #1c3974 100%);
  border-radius: 30px;
}

.dostupno-border:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: url(../images/dostupno-border-bg.png) 100% 0 no-repeat;
  border-radius: 30px;
}

.dostupno-zindex {
  position: relative;
  z-index: 1;
}

.dostupno-border-wrap {
  display: flex;
}

.dostupno-block {
  width: 60%;
}

.dostupno-border-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 40px;
  color: #ffffff;
}

.dostupno-border-inner {
  padding: 8px 0 0 0;
  display: flex;
  flex-wrap: wrap;
}

.dostupno-border-link {
  padding: 32px 24px 0 0;
}

.dostupno-block2 {
  width: 40%;
  text-align: right;
}

.dostupno-border-img {
  margin: -136px 0 -52px 0;
}

.dostupno-border-img img {
  width: 341px;
}

/*nodone*/

.nodone {
  padding: 60px 0 105px 0;
  background: linear-gradient(360deg,
      #f4f8fc 0%,
      rgba(244, 248, 252, 0) 88.08%);
  border-radius: 0px 0px 200px 200px;
  overflow: hidden;
  height: 980px;
  position: relative;
}

.nodone-img {
  text-align: center;
}

.nodone-title {
  padding: 32px 0 0 0;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 56px;
  line-height: 72px;
  text-align: center;
  color: #14225b;
}

.nodone-suptitle {
  padding: 32px 0 0 0;
  font-family: "Roboto-Medium";
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  color: #14225b;
}

.nodone-block {
  padding: 105px 0 0 0;
}

.nodone-shadow {
  height: 392px;
  width: 100%;
  left: 0;
  bottom: 0;
  position: absolute;
  background: linear-gradient(360deg,
      #f4f8fc 0%,
      rgba(244, 248, 252, 0) 88.08%);
  border-radius: 0px;
}

.nodone-top {
  transform: translateY(60%);
  position: relative;
  z-index: 1;
}

.nodone-arrow {
  transform: rotate(180deg);
}

.nodone-arrow {
  padding: 0 0 24px 0;
}

.nodone-restagle {
  margin: 0 auto 24px auto;
}

.nodone-border,
.modal__wrap {
  padding: 64px 64px;
  background: #ffffff;
  box-shadow: 0px 13px 68px rgba(20, 34, 91, 0.25);
  border-radius: 24px;
  pointer-events: none;
}

.modal__wrap.modal__wrapper {
  padding: 64px 64px;
  pointer-events: all;
}

.modal__wrapper {
  padding: 64px 64px;
}

.modal.modal-success {
  display: flex;
  align-items: center;
  justify-content: center;
}

.nodone-border-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nodone-border-title {
  display: flex;
  align-items: center;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 40px;
  color: #14225b;
}

.nodone-border-title img {
  margin: 0 24px 0 0;
}

.nodone-border-right {
  display: flex;
  align-items: center;
}

.nodone-border-right-title {
  display: flex;
  align-items: center;
  font-family: "Roboto-Medium";
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #14225b;
}

.nodone-border-right-title img {
  margin: 0 16px 0 0;
}

.nodone-border-right-elipse {
  border: 1px solid #68729c;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 16px 0 0;
}

.nodone-border-right-title3 {
  display: flex;
  align-items: center;
  font-family: "Roboto-Medium";
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #00bf5e;
}

.nodone-border-right-title3 img {
  margin: 0 16px 0 0;
}

.nodone-border-right-arrow {
  padding: 0 24px;
}

.nodone-border-right-title2 {
  display: flex;
  align-items: center;
  font-family: "Roboto-Medium";
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #68729c;
}

.nodone-border-block {
  padding: 32px 0 32px 0;
  margin: 0 0 8px 0;
  border-bottom: 1px solid #68729c;
}

.nodone-border-suptitle {
  font-family: "Roboto-Medium";
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #68729c;
  padding: 0 0 8px 0;
}

.nodone-border-type {
  margin-right: 104px;
}

.nodone-border-icon {
  text-align: center;
  margin-bottom: 24px;
}

.nodone-border-quiz-title {
  margin-bottom: 20px;
  font-weight: 500;
  /* font-size: 48px; */
  font-size: 24px;
  text-align: center;
  letter-spacing: -0.01em;
  font-family: "Roboto Flex", sans-serif;
  color: #14225b;
}

@media (min-width: 480px) {
  .nodone-border-quiz-title {
    margin-bottom: 20px;
    font-size: 48px;
  }
}

.quiz-success {
  display: none;
}

/*CSS ЧЕКБОКСА*/

.checkbox-main {
  display: flex;
  padding-left: 0;
  position: relative;
  height: auto;
  cursor: pointer;
  align-items: center;
  padding: 0 0 0 0;
}

.checkbox-main .checkbox {
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
  -webkit-box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  background: #cfdff0;
  border-radius: 50%;
}

.checkbox-main input[type="checkbox"] {
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0;
}

.checkbox-main input[type="checkbox"]:checked~.checkbox {
  background: #fff;
  box-sizing: border-box;
  border: 7px solid #008df4;
}

.checkbox-main input[type="radio"] {
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0;
}

.checkbox-main input[type="radio"]:checked~.checkbox {
  background: #fff;
  box-sizing: border-box;
  border: 7px solid #008df4;
}

.chekbox-title {
  padding: 0 0 0 40px;
  font-family: "Roboto-Medium";
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #14225b;
}

.nodone-border-type .checkbox-main {
  padding: 10px;
  border-radius: 12px;
  border-color: #008df4;
}

.nodone-border-chekbox {
  padding: 24px 0 0 0;
}

.nodone-border-chekbox-active {
  border: 1px solid #008df4;
}

.nodone-border-type .checkbox {
  top: 10px;
  left: 10px;
}

.nodone-border-input {
  /* padding: 24px 0 0 0; */
}

.nodone-border-input input {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 14px;
  /* line-height: 32px; */
  padding: 5px 8px;
  line-height: 24px;
  color: #14225b;
  margin: 0 0 0 0;
  width: 100%;
  /* padding: 0 0 0 24px; */
  height: 48px;
  border: 1px solid #68729c;
  border-radius: 8px;
}

.nodone-border-input div {
  position: relative;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 14px;
  /* line-height: 32px; */
  padding: 10px 8px;
  line-height: 24px;
  color: #14225b;
  margin: 0 0 0 0;
  width: 100%;
  border: 1px solid #68729c;
  border-radius: 8px;
}

.nodone-border-input div[contenteditable=true]:empty:not(:focus)::before {
  content: attr(data-ph);
  color: #68729c;
}

.nodone-border-input textarea {
  position: relative;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 14px;
  /* line-height: 32px; */
  padding: 5px 8px;
  line-height: 1.4;
  color: #14225b;
  margin: 0 0 0 0;
  width: 100%;
  border: 1px solid #68729c;
  border-radius: 8px;
  resize: none;
  /* height: 48px; */
  /* height: 54px; */
  padding: 0 12px 0 12px;
  padding: 5px 14px;
  /* height: calc(1em * 1.5 * 5 + 5px + 5px + 1px + 1px); */
  min-height: 4em;
}

@media (min-width: 480px) {
  .nodone-border-input textarea {
    /* height: 48px; */
    /* height: 1em; */
    height: 3em;
    min-height: auto;
    padding: 6px 14px;
  }
}

.nodone-border-input input:focus {
  border: 1px solid #008df4;
  filter: drop-shadow(0px 1px 3px rgba(49, 106, 172, 0.67));
}

.nodone-border-input input::-webkit-input-placeholder {
  color: #68729c;
  /* white-space: pre-line; */
  /* position: absolute;
  top: 50%;
  transform: translateY(-50%); */
  /* vertical-align: middle; */

}

.nodone-border-input textarea::-webkit-input-placeholder {
  color: #68729c;
  /* white-space: pre-line; */
  /* position: absolute;
  top: 50%;
  transform: translateY(-50%);
  vertical-align: middle;
  word-break: break-all; */
}

.nodone-border-input input::-moz-placeholder {
  color: #68729c;
}

.nodone-border-input input:-ms-input-placeholder {
  color: #68729c;
}

.nodone-border-input input::placeholder {
  color: #68729c;
}

.nodone-border-button {
  padding: 32px 0 0 0;
  display: inline-flex;
  /* justify-content: flex-end; */
  margin-left: auto;
}

.nodone-border-button button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 40px;
  background: #008df4;
  border-radius: 12px;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  color: #ffffff;
}

.nodone-border-inner {
  display: flex;
  /* align-items: center; */
  padding: 24px 0 0 0;
}

.nodone-border-chekbox2 {
  padding: 0 24px 0 0;
}




.nodone-border-chekbox2:last-child {
  padding: 0;
}

.nodone-border-skolko {
  display: flex;
  align-items: center;
  padding: 32px 0 16px 0;
}

.nodone-border-skolko-znak {
  cursor: pointer;
  font-family: "Roboto-Medium";
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.02em;
  color: #68729c;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid #68729c;
  border-radius: 8px;
}

.nodone-border-skolko-znak:hover {
  color: #fff;
  background: #008df4;
  border: 1px solid #008df4;
}

.nodone-border-skolko-number {
  padding: 0 18px;
  font-family: "Roboto-Medium";
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.02em;
  color: #14225b;
  width: 50px;
}

.nodone-border-suptitle2 {
  font-family: "Roboto-Medium";
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #68729c;
  padding: 0 24px 0 0;
}

.nodone-border-inner2 {
  display: flex;
  align-items: center;
}

.tgl-ios3:checked+.tgl-btn3 {
  background: #008df4;
}

.tgl-ios3+.tgl-btn3 {
  background: #68729c;
  border-radius: 32px;
  padding: 0;
  transition: all 0.4s ease;
}

.tgl3+.tgl-btn3 {
  outline: 0;
  display: block;
  margin: 0 0 0 0;
  width: 50px;
  height: 24px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.tgl3 {
  display: none;
}

.tgl3:checked+.tgl-btn3:after {
  left: 59%;
}

.tgl-ios3+.tgl-btn3:after {
  border-radius: 2em;
  background: #fff;
  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275),
    padding 0.3s ease, margin 0.3s ease;
}

.tgl3+.tgl-btn3:after {
  left: 0;
}

.tgl3+.tgl-btn3:after,
.tgl3+.tgl-btn3:before {
  position: relative;
  display: block;
  content: "";
  width: 16px;
  top: -12px;
  left: 4px;
  height: 16px;
}



.tgl-ios5:checked+.tgl-btn5 {
  background: #008df4;
}

.tgl-ios5+.tgl-btn5 {
  background: #68729c;
  border-radius: 32px;
  padding: 0;
  transition: all 0.4s ease;
}

.tgl5+.tgl-btn5 {
  outline: 0;
  display: block;
  margin: 0 0 0 0;
  width: 50px;
  height: 24px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.tgl5 {
  display: none;
}

.tgl5:checked+.tgl-btn5:after {
  left: 59%;
}

.tgl-ios5+.tgl-btn5:after {
  border-radius: 2em;
  background: #fff;
  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275),
    padding 0.3s ease, margin 0.3s ease;
}

.tgl5+.tgl-btn5:after {
  left: 0;
}

.tgl5+.tgl-btn5:after,
.tgl5+.tgl-btn5:before {
  position: relative;
  display: block;
  content: "";
  width: 16px;
  top: -12px;
  left: 4px;
  height: 16px;
}

.tgl-ios5:checked+.tgl-btn5 {
  background: #008df4 !important;
}

.tgl-ios5+.tgl-btn5 {
  background: #68729c;
  border-radius: 32px;
  padding: 0;
  transition: all 0.4s ease;
}

.tgl5+.tgl-btn5 {
  outline: 0;
  display: block;
  margin: 0 0 0 0;
  width: 50px;
  height: 24px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.tgl5 {
  display: none;
}

.tgl5:checked+.tgl-btn5:after {
  left: 59%;
}

.tgl-ios5+.tgl-btn5:after {
  border-radius: 2em;
  background: #fff;
  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275),
    padding 0.3s ease, margin 0.3s ease;
}

.tgl5+.tgl-btn5:after {
  left: 0;
}

.tgl5+.tgl-btn5:after,
.tgl5+.tgl-btn5:before {
  position: relative;
  display: block;
  content: "";
  width: 16px;
  top: -12px;
  left: 4px;
  height: 16px;
}

.nodone-border-link {
  padding: 0 0 0 48px;
}

.tgl-ios4:checked+.tgl-btn4 {
  background: #008df4;
}

.tgl-ios4+.tgl-btn4 {
  background: #68729c;
  border-radius: 32px;
  padding: 0;
  transition: all 0.4s ease;
}

.tgl4+.tgl-btn4 {
  outline: 0;
  display: block;
  margin: 0 0 0 0;
  width: 50px;
  height: 24px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.tgl4 {
  display: none;
}

.tgl4:checked+.tgl-btn4:after {
  left: 59%;
}

.tgl-ios4+.tgl-btn4:after {
  border-radius: 2em;
  background: #fff;
  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275),
    padding 0.3s ease, margin 0.3s ease;
}

.tgl4+.tgl-btn4:after {
  left: 0;
}

.tgl4+.tgl-btn4:after,
.tgl4+.tgl-btn4:before {
  position: relative;
  display: block;
  content: "";
  width: 16px;
  top: -12px;
  left: 4px;
  height: 16px;
}

.nodone-border-link a {
  display: flex;
  align-items: center;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  text-decoration: none;
  font-size: 14px;
  line-height: 32px;
  color: #008df4;
}

.nodone-border-link a img {
  margin: 0 0 0 8px;
}

.nodone-border-suptitle3 {
  font-family: "Roboto-Medium";
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #14225b;
}

.nodone-border-border {
  padding: 16px 24px;
  margin: 0 32px 0 0;
  background: rgba(0, 141, 244, 0.1);
  border: 1px solid #008df4;
  backdrop-filter: blur(7px);
  border-radius: 12px;
}

.nodone-border-border:last-child {
  margin: 0;
}

.nodone-border-border-title {
  font-family: "Roboto-Medium";
  font-size: 22px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #008df4;
  display: flex;
  align-items: center;
}

.nodone-border-border-title img {
  margin: 0 0 0 16px;
}

.nodone-border-border-suptitle {
  padding: 8px 0 0 0;
  font-family: "Roboto-Medium";
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #5f91ce;
}

.nodone-border-text {
  padding: 40px 0 0 0;
  font-family: "Roboto-Medium";
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #0f5fff;
}

.nodone-border-wrap2 {
  display: flex;
  padding: 24px 0 0 0;
}

.nodone-border-wrap2-block {
  width: 33.3333333%;
  padding: 0 32px 0 0;
}

.nodone-border-wrap2-title {
  font-family: "Roboto-Medium";
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #14225b;
}

.nodone-border-wrap2-input {
  padding: 32px 0 0 0;
}

.nodone-border-wrap2-input input {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 32px;
  color: #14225b;
  margin: 0 0 0 0;
  width: 100%;
  padding: 0 0 0 24px;
  height: 48px;
  border: 1px solid #68729c;
  border-radius: 8px;
}

.nodone-border-wrap2-input input:focus {
  border: 1px solid #008df4;
  filter: drop-shadow(0px 1px 3px rgba(49, 106, 172, 0.67));
}

.nodone-border-wrap2-input input::-webkit-input-placeholder {
  color: #68729c;
}

.nodone-border-wrap2-input input::-moz-placeholder {
  color: #68729c;
}

.nodone-border-wrap2-input input:-ms-input-placeholder {
  color: #68729c;
}

.nodone-border-wrap2-input input::placeholder {
  color: #68729c;
}

.nodone-border-bottom {
  padding: 40px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nodone-border-bottom-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  color: #68729c;
}

.nodone-border-bottom-button button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 40px;
  background: #0f5fff;
  border-radius: 12px;
}

.nodone-border-bottom-button button img {
  margin: 0 0 0 8px;
}

/*allmir*/

.allmir {
  padding: 105px 0 130px 0;
}

.allmir-title {
  padding: 100px 0 0 0;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 64px;
  line-height: 72px;
  text-align: center;
  color: #14225b;
}

.allmir-suptitle {
  padding: 40px 0 0 0;
  font-family: "Roboto-Medium";
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  color: #14225b;
}

.allmir-button {
  padding: 40px 0 0 0;
  text-align: center;
}

.allmir-button button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  padding: 12px 24px;
  background: #0f5fff;
  border-radius: 12px;
}

/*vopros*/

.vopros {
  margin: 0 0 -325px 0;
}

.vopros-border {
  position: relative;
  z-index: 1;
  padding: 64px 48px;
  background: #ffffff;
  box-shadow: 0px 32px 100px -21px rgba(20, 34, 91, 0.24);
  border-radius: 24px;
}

.vopros-padding {
  padding: 0 16px;
}

.vopros-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 48px;
  line-height: 64px;
  letter-spacing: -0.01em;
  color: #14225b;
  padding: 0 0 32px 0;
  border-bottom: 1px solid #68729c;
}

.vopros-suptitle {
  font-family: "Roboto-Medium";
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #14225b;
}

.vopros-otstup {
  padding: 32px 0 0 0;
}

.vopros-input {
  padding: 32px 0 0 0;
}

.vopros-input input {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 32px;
  color: #14225b;
  margin: 0 0 0 0;
  width: 100%;
  padding: 0 24px 0 24px;
  height: 48px;
  border: 1px solid #68729c;
  border-radius: 8px;
}

.vopros-input input:focus {
  border: 1px solid #008df4;
  /* filter: drop-shadow(0px 1px 3px rgba(49, 106, 172, 0.67)); */
  backdrop-filter: drop-shadow(0px 1px 3px rgba(49, 106, 172, 0.67));
}

.vopros-input input::-webkit-input-placeholder {
  color: #68729c;
}

.vopros-input input::-moz-placeholder {
  color: #68729c;
}

.vopros-input input:-ms-input-placeholder {
  color: #68729c;
}

.vopros-input input::placeholder {
  color: #68729c;
}

.vopros-wrap {
  display: flex;
  padding: 32px 0 40px 0;
}

.vopros-block {
  width: 33.333333333%;
  padding: 0 16px;
}

.vopros-inner {
  border-top: 1px solid #68729c;
  padding: 40px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.vopros-inner-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  color: #68729c;
}

.vopros-inner-button button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  padding: 12px 40px;
  background: #0f5fff;
  border-radius: 12px;
}

/*footer*/

.footer {
  padding: 469px 0 80px 0;
  background: linear-gradient(180deg, #223355 0%, #1c3974 100%);
  border-radius: 200px 200px 0 0;
}

.footer-wrap {
  display: flex;
  justify-content: space-between;
}

.footer-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 48px;
  line-height: 64px;
  letter-spacing: -0.01em;
  color: #ffffff;
}

.footer-right {
  display: flex;
}

.footer-right-block {
  padding: 0 32px 0 0;
  border-right: 1px solid #728ec5;
}

.footer-link {
  padding: 0 0 24px 0;
}

.footer-link:last-child {
  padding: 0;
}

.footer-link a {
  font-family: "Roboto-Medium";
  text-decoration: none;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #ffffff;
  display: flex;
  align-items: center;
}

.footer-link a img {
  margin: 0 24px 0 0;
}

.footer-link2 {
  padding: 0 0 0 32px;
}

.footer-link2 a {
  font-family: "Roboto-Medium";
  text-decoration: none;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #ffffff;
  display: flex;
  align-items: flex-start;
}

.footer-link2 a img {
  margin: 0 24px 0 0;
}

.footer-map {
  padding: 64px 0 56px 0;
}

.footer-wrap2 {
  padding: 0 0 55px 0;
  display: flex;
  align-items: flex-end;
}

.footer-block {
  width: 57%;
}

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

.footer-li {
  padding: 0 24px 0 0;
}

.footer-li:last-child {
  padding: 0;
}

.footer-suptitle {
  padding: 24px 0 0 0;
  font-family: "Roboto-Regular";
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #728ec5;
}

.footer-block2 {
  width: 43%;
  padding: 0 0 0 100px;
}

.footer-block-link {
  padding: 0 0 16px 0;
}

.footer-block-link:last-child {
  padding: 0;
}

.footer-block-link a {
  font-family: "Roboto-Regular";
  text-decoration: none;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #728ec5;
  display: flex;
  align-items: center;
}

.footer-block-link a img {
  margin: 0 8px 0 0;
}

.footer-inner {
  padding: 55px 0 0 0;
  border-top: 1px solid #728ec5;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer-nav-ul {
  display: flex;
  align-items: center;
}

.footer-nav-li {
  padding: 0 16px;
}

.footer-nav-li a {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  text-decoration: none;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.02em;
  color: #728ec5;
}

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

.footer-end-link a {
  font-family: "Roboto-Medium";
  text-decoration: none;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #ffffff;
  display: flex;
  align-items: center;
}

.footer-end-link a img {
  margin: 0 2px 0 0;
}

.footer-end-button {
  padding: 0 0 0 32px;
}

.footer-end-button button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 32px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border: 1px solid #728ec5;
  border-radius: 12px;
}

.footer-end-button button img {
  margin: 0 0 0 8px;
}

.nodone-border-bottom-title-mb {
  display: none;
}

.vopros-inner-title-mb {
  display: none;
}

/*BURGER*/

.mt-munu-mb {
  padding: 0 0 0 0;
}

.burger {
  position: absolute;
  top: 13px;
  right: 0;
  display: none !important;
  color: #23f0ff;
  cursor: pointer;
  z-index: 12;
  display: flex;
}

.burger i:nth-of-type(1) {
  display: block;
}

.burger i:nth-of-type(2) {
  display: none;
}

.burger.burger-open {
  color: #2a3255;
}

.burger.burger-open i:nth-of-type(1) {
  display: none;
}

.burger.burger-open i:nth-of-type(2) {
  display: block;
}

.body-open {
  overflow: hidden;
}

.mt-mobile {
  position: fixed;
  top: 0;
  z-index: 11;
  right: 0;
  height: 100vh;
  width: 100%;
  padding: 72px 0 0 0;
  background: linear-gradient(180deg, #223355 0%, #1c3974 100%);
  transition: 0.5s ease all;
  clip-path: circle(100%);
  overflow: hidden;
}

.mt-mobile.nav-open {
  clip-path: circle(0px at 100% 0px);
}

.burger i svg {}

.burger-ul {
  /* border-top: 1px solid #728ec5; */
  padding: 0 0 24px 0;
}

.burger-title {
  width: 192px;
  border-top: 1px solid #728ec5;
  padding: 16px 0 16px 0;
  font-family: "Roboto-Regular";
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.02em;
  color: #728ec5;
}

.burger-social-ul {
  display: flex;
  align-items: center;
}

.burger-social-li {
  padding: 0 24px 0 0;
}

.burger-link {
  padding: 16px 0 0 0;
}

.burger-link a {
  font-family: "Roboto-Bold";
  text-decoration: none;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #728ec5;
  display: flex;
  align-items: center;
}

.burger-link a img {
  margin: 0 4px 0 0;
}

.burger-button {
  padding: 16px 0 0 0;
}

.burger-button button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 32px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 24px;
  background: #0057ff;
  border-radius: 12px;
}

.burger-button button img {
  margin: 0 0 0 10px;
}

.kartinka-wrap {
  display: none;
}

.kartinka-block {
  width: 50%;
  padding: 0 8px 0 0;
}

.kartinka-block2 {
  width: 50%;
  padding: 0 0 0 8px;
}

.kartinka-link a {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  text-decoration: none;
  font-size: 14px;
  line-height: 32px;
  color: #14225b;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 8px 0;
  border: 1px solid #008df4;
  border-radius: 12px;
}

.kartinka-link a img {
  margin: 0 10px 0 0;
}

.dostup-border-button4 {
  display: none;
}

.dostup-border-button4 button {
  padding: 10px 16px;
  background: rgba(104, 114, 156, 0.2);
  border-radius: 8px;
}

.dostup-border-img-mb {
  display: none;
}

.dannye-img-mb {
  display: none;
}

.dannye-slayder-block-img {
  display: none;
}

.tablemb {
  display: none;
}

.tablemb-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tablemb-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 40px;
  text-align: center;
  color: #008df4;
}

.tablemb-suptitle {
  padding: 0 0 16px 0;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  color: #14225b;
}

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

.tablemb-wrap2-title {
  width: 90%;
  font-family: "Roboto-Medium";
  font-size: 12px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #68729c;
}

.tablemb-wrap2-arrow {
  width: 35px;
  height: 42px;
  text-align: center;
}

.br-mb {
  display: none;
}

.modal-bg {
  background: rgba(20, 34, 91, 0.3);
}

.modal-okno {
  padding: 100px 0;
}

.modal-border {
  position: relative;
  border-radius: 16px;
  width: 1120px;
  /* padding: 50px 0; */
  /* margin: 50px auto 0 auto; */
  /* margin: 50px auto 50px auto; */
}

.modad-block {
  padding: 32px 0 0 0;
}

.modal-wrap {
  display: flex;
  align-items: flex-end;
}

.modal-block {
  width: 65%;
}

.modal-border2 {
  background: #f5f9fc;
  border-radius: 12px;
  padding: 16px 8px;
}

.modal-border2-wrap {
  display: flex;
  align-items: center;
}

.modal-border2-arrow {
  width: 7%;
}

.modal-border2-title {
  margin-bottom: 4px;
  font-family: "Roboto-Medium";
  width: 93%;
  padding: 0 0 0 8px;
  font-size: 14px;
  line-height: 16px;
  color: #14225b;
}

.modal-block2 {
  width: 35%;
  padding: 0 0 0 32px;
}

.modal-img {
  /* padding: 50px 0 10px;
  text-align: right; */
}

.modal-img img {
  /* height: 104px; */
}

.modal-title {
  padding: 24px 0 0 0;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #14225b;
}

@media (min-width: 768px) {
  .modal-title {
    text-align: right;
  }
}

.modal-suptitle {
  font-family: "Roboto-Medium";
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #5f91ce;
  text-align: right;
}

.modal-button {
  padding: 24px 0 0 0;
}

.modal-button button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  padding: 8px 0;
  width: 100%;
  background: #0f5fff;
  border-radius: 12px;
}

.modal-close-button {
  position: absolute;
  top: 32px;
  right: 32px;
}

.modal-close-button button {
  display: flex;
  align-items: center;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #68729c;
}

.modal-close-button button img {
  margin: 0 0 0 8px;
}

.modal-border-new-pd {
  padding: 0 16px;
}

.modal-border-new {
  position: relative;
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 13px 68px rgba(20, 34, 91, 0.25);
  border-radius: 24px;
  padding: 64px 48px;
}

.modal-border-new-title {
  padding: 32px 0 0 0;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 48px;
  line-height: 48px;
  letter-spacing: -0.01em;
  color: #14225b;

}

.modal-descr {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: -0.02em;
  color: #68729C;
  margin-bottom: 8px;
}

.modal-inner {
  justify-content: space-between;
  display: flex;
  align-items: center;
}

.modal-border-new-img2 {
  text-align: center;
}

.modal-border-new-title2 {
  padding: 24px 0 0 0;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 48px;
  line-height: 64px;
  letter-spacing: -0.01em;
  text-align: center;
  color: #14225b;
}

.modal-border-new-suptitle {
  font-family: "Roboto-Medium";
  padding: 40px 0 0 0;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #14225b;
}

.modal-block3 {
  display: none;
}

.modal {
  position: fixed;
  top: 0px;
  z-index: 9999;
  height: 100vh;
  width: 100%;
  display: flex;
  padding: 50px 0;
}

.modal::-webkit-scrollbar {
  display: none;
  width: 0 !important;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: -moz-scrollbars-none;
}

.js-modal {
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.js-modal .modal__inner {
  margin: auto;
  transform: translateY(100%);
  opacity: 0;
  transition: transform 0.5s ease-in-out 0.1s;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
}

.js-modal.is-open {
  visibility: visible;
  opacity: 1;
}

.js-modal.is-open .modal__inner {
  opacity: 1;
  transform: translateY(0);
}

.modal {
  background-color: rgba(0, 0, 0, 0.3);
}

.modal-border3 {
  width: auto;
  padding: 33px 32px 32px 32px;
  background: #fff;
}

.modal__inner2 {
  width: 736px;
  margin: 0 auto 0 auto;
}

/*texnik*/

.work2 {
  padding: 32px 0 164px 0;
  background: linear-gradient(180deg, #223355 0%, #1c3974 100%);
  border-radius: 0px 0px 200px 200px;
  padding-top: 80px;
}

.texnik-shester {
  text-align: center;
  padding: 72px 0 36px;
}

.work-suptitle2 {
  padding: 40px 0 0 0;
  font-family: "Roboto-Regular";
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
}

.work-wrap {
  padding: 40px 0 0 0;
}

.work2-button button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  padding: 12px 24px;
  background: #0f5fff;
  border-radius: 12px;
}

.work2-button2 button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  padding: 12px 24px;
  border: 1px solid #008df4;
  border-radius: 12px;
}

.work2-button3 button {
  display: flex;
  align-items: center;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  padding: 12px 24px;
  background: rgba(32, 243, 227, 0.2);
  border: 1px solid #20f3e3;
  border-radius: 12px;
}

.work2-button3 button img {
  margin: 0 0 0 8px;
}

.work2-container {
  max-width: 1086px;
}

.raschet {
  margin: -80px 0 0 0;
}

.raschet-border {
  background: linear-gradient(180deg, #223355 0%, #1c3974 100%);
  border-radius: 30px;
  padding: 64px 64px;
}

.raschet-wrap {
  padding: 0 0 40px 0;
  justify-content: space-between;
  display: flex;
}

.raschet-border__inner {
  display: none;
  border-top: 1px solid #728ec5;
}

.raschet-block {
  padding: 0 40px 0 0;
  width: 50%;
}

.raschet-top {
  display: flex;
  justify-content: space-between;
}

.raschet-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
  color: #ffffff;
}

.raschet-top-button button {
  font-family: "Roboto-Medium";
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.02em;
  color: #5f91ce;
  padding: 12px 16px;
  background: rgba(104, 114, 156, 0.1);
  border-radius: 10px;
}

.raschet-inner {
  display: flex;
  align-items: center;
  padding: 32px 0 0 0;
}

.raschet-inner-border {
  margin: 0 16px 0 0;
  display: flex;
  align-items: center;
  padding: 12px 16px;
  background: rgba(104, 114, 156, 0.1);
  border-radius: 10px;
}

.raschet-inner-border:last-child {
  margin: 0;
}

.raschet-inner-text {
  padding: 0 0 0 8px;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #728ec5;
}

.raschet-block2 {
  width: 50%;
  padding: 0 0 0 45px;
}

.raschet-wrap2 {
  display: flex;
}

.raschet-wrap2-block {
  width: 50%;
  padding: 0 16px 0 0;
}

.raschet-wrap2-title {
  font-family: "Roboto-Medium";
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.02em;
  color: #5f91ce;
}

.raschet-wrap2-title br {
  display: none;
}

.raschet-padding {
  padding: 8px 0 0 0;
}

.raschet-chekbox {
  padding: 24px 0 0 0;
}

.raschet-wrap2-block2 {
  width: 50%;
  padding: 0 0 0 16px;
  text-align: center;
}

.chekbox-title-color {
  color: #fff;
}

.raschet-skolko {
  padding: 24px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.raschet-skolko-znak {
  font-size: 16px;
  line-height: 24px;
  font-family: "Roboto-Medium";
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid #ffffff;
  border-radius: 8px;
}

.raschet-skolko-znak:hover {
  background: #008df4;
  border: 1px solid #008df4;
}

.raschet-skolko-number {
  width: 48px;
  padding: 0 8px;
  font-family: "Roboto-Medium";
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.02em;
  color: #ffffff;
}

.raschet-button {
  padding: 48px 0 0 0;
}

.raschet-button button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  padding: 12px 0;
  width: 100%;
  background: #0f5fff;
  border-radius: 12px;
}

.raschet-wrap3 {
  display: flex;
  flex-wrap: wrap;
}

.raschet-wrap3-block {
  width: 50%;
  padding: 40px 0 0 0;
}

.raschet-wrap3-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #ffffff;
}

.raschet-wrap3-border {
  display: inline-block;
  margin: 24px 0 0 0;
  padding: 4px 8px;
  background: #68729c;
  border-radius: 10px;
}

.raschet-wrap3-border-wrap img {
  margin: 0 8px 0 0;
}

.raschet-wrap3-border-wrap {
  display: flex;
  align-items: center;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #ffffff;
}

.raschet-wrap3-suptitle {
  padding: 16px 0 0 0;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #5f91ce;
}

.raschet-wrap3-title2 {
  margin: 0 0 -8px 0;
  padding: 24px 0 0 0;
  font-weight: 500;
  font-size: 16px;
  font-family: "Roboto Flex", sans-serif;
  line-height: 24px;
  color: #ffffff;
}

.raschet-wrap3-inner {
  display: flex;
}

.raschet-wrap3-inner-block {
  padding: 0 49px 0 0;
}

.raschet-wrap3-inner-block:last-child {
  padding: 0;
}

.raschet-wrap3-inner-block2 {
  padding: 0 16px 0 0;
}

.raschet-wrap3-inner-block2:last-child {
  padding: 0;
}

.raschet-wrap4 {
  display: flex;
  align-items: center;
  padding: 72px 0 0 0;
}

.raschet-wrap4-block {
  width: 25%;
}

.raschet-wrap4-button button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 32px;
  color: #ffffff;
  display: flex;
  align-items: center;
  padding: 12px 0;
  width: 100%;
  justify-content: center;
  background: rgba(104, 114, 156, 0.2);
  border-radius: 10px;
}

.raschet-wrap4-button button img {
  margin: 0 8px 0 0;
}

.raschet-wrap4-block2 {
  width: 75%;
  padding: 0 0 0 40px;
}

.raschet-wrap4-button2 button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  color: #ffffff;
  display: flex;
  align-items: center;
  padding: 12px 0;
  width: 100%;
  justify-content: center;
  background: #0f5fff;
  border-radius: 12px;
}

.raschet-wrap4-button2 button img {
  margin: 0 8px 0 0;
}

.texnikkons {
  padding: 104px 0 0 0;
}

.texnikkons-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #68729c;
}

.texnikkons-button {
  display: flex;
  justify-content: center;
  padding: 24px 0 0 0;
}

.texnikkons-button button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  color: #0f5fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.texnikkons-button button img {
  margin: 0 8px 0 0;
}

.trebovanie {
  padding: 128px 0 0 0;
}

.trebovanie-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 48px;
  line-height: 64px;
  text-align: center;
  letter-spacing: -0.01em;
  color: #14225b;
}

.trebovanie-container {
  padding: 0 8px;
}

.trebovanie-wrap {
  display: flex;
  padding: 104px 0 0 0;
}

.trebovanie-block {
  width: 25%;
  padding: 0 16px;
}

.dannye-border-border {
  position: relative;
  background: #f7fafc;
  border-radius: 16px;
  padding: 32px 32px;
}

.dannye-border-border-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #14225b;
}

.dannye-border-border-suptitle {
  padding: 16px 0 16px 0;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #68729c;
}

.dannye-border-border-restagle {
  background: #eaecf4;
  border-radius: 27px;
  width: 100%;
  height: 5px;
}

.dannye-border-border-restagle2 {
  background: #0f5fff;
  border-radius: 27px;
  width: 40px;
  height: 5px;
  margin: -5px 0 0 0;
}

.dannye-border-border-restagle3 {
  background: #0f5fff;
  border-radius: 27px;
  width: 81px;
  height: 5px;
  margin: -5px 0 0 0;
}

.dannye-border-border-restagle4 {
  background: #0f5fff;
  border-radius: 27px;
  width: 129px;
  height: 5px;
  margin: -5px 0 0 0;
}

.dannye-border-border-restagle5 {
  background: #0f5fff;
  border-radius: 27px;
  width: 100%;
  height: 5px;
  margin: -5px 0 0 0;
}

.dannye-border-absolute {
  width: 20px;
  position: absolute;
  top: 32px;
  right: 32px;
}

.trebovanie-content {
  padding: 24px 0 0 0;
}

.trebovanie-border {
  margin: 16px 0 0 0;
  padding: 4px 8px;
  background: #eaecf5;
  border-radius: 10px;
  display: inline-block;
}

.trebovanie-border-wrap {
  display: flex;
  align-items: center;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #14225b;
}

.trebovanie-border-wrap img {
  margin: 0 8px 0 0;
}

.trebovanie-suptitle {
  padding: 16px 0 0 0;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #14225b;
}

.trebovanie-button {
  padding: 40px 0 0 0;
  text-align: center;
}

.trebovanie-button button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  padding: 8px 16px;
  background: #68729c;
  opacity: 0.6;
  border-radius: 12px;
}

.dostup2 {
  padding: 0 0 64px 0;
  margin: 0 0 112px 0;
  background: linear-gradient(360deg,
      #f4f8fc 0%,
      rgba(244, 248, 252, 0) 88.08%);
  border-radius: 0px 0px 200px 200px;
}

.table-shadow2 {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 256px;
  width: 100%;
  background: linear-gradient(360deg,
      #f4f8fc 0%,
      rgba(244, 248, 252, 0) 88.08%);
}

/*Tabs*/

ul.tabs3 {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;

  width: 100%;
}

ul.tabs3 li {
  margin: 0;
  cursor: pointer;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  color: #fff;
  padding: 12px 24px;
  border: 1px solid #008df4;
  border-radius: 12px;

  position: relative;
}

.tab-button {
  display: flex;
  align-items: center;
  background: rgba(32, 243, 227, 0.2);
  border: 1px solid #20f3e3;
}

.tab-button svg {
  margin: 0 0 0 8px;
}

.tab_last {}

div.tabs3 a:hover {}

div.tabs3 a.active {
  background: #0f5fff;
  border: 1px solid #0f5fff;
}

div.tabs3 {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;

  width: 100%;
}

div.tabs3 a {
  margin: 0;
  cursor: pointer;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  color: #fff;
  padding: 12px 24px;
  border: 1px solid #008df4;
  border-radius: 12px;
  text-decoration: none;
  position: relative;
}

.tab-button {
  display: flex;
  align-items: center;
  background: rgba(32, 243, 227, 0.2);
  border: 1px solid #20f3e3;
}

.tab-button svg {
  margin: 0 0 0 8px;
}

.tab_last {}

div.tabs3 a:hover {}

div.tabs3 a.active {
  background: #0f5fff;
  border: 1px solid #0f5fff;
}


.tab-button.active svg path {
  fill: #fff;
}

.tab_container {
  border-top: none;
  clear: both;

  width: 100%;
}

.tab_content {
  padding: 0 0 0 0;
  display: none;
}

.tab_drawer_heading {
  display: none;
}

.trebovanie2-wrap {
  display: flex;
  padding: 104px 0 0 0;
}

.trebovanie2-block {
  width: 68%;
  padding: 0 32px 0 0;
}

.trebovanie2-block2 {
  width: 32%;
}

.trebovanie2-border {
  padding: 32px 32px;
  background: #f7fafc;
  border-radius: 16px;
}

.trebovanie2-border2 {
  padding: 32px 32px 48px 32px;
  background: #f7fafc;
  border-radius: 16px;
}

.trebovanie2-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 8px 0;
}

.trebovanie2-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #14225b;
}

.trebovanie2-text-border {
  margin: 16px 0 0 0;
  display: inline-block;
  padding: 4px 8px;
  background: #eaecf5;
  border-radius: 10px;
}

.trebovanie2-text-wrap {
  display: flex;
  align-items: center;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #14225b;
}

.trebovanie2-text-wrap img {
  margin: 0 8px 0 0;
}

.trebovanie2-suptitle {
  padding: 16px 0 0 0;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #14225b;
}

.trebovanie2-border3 {
  margin: 32px 0 0 0;
  padding: 28px 40px;
  background: #f7eee8 url(../images/trebovanie2-border3.png) 100% 0 no-repeat;
  border-radius: 16px;
}

.trebovanie2-border3-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #14225b;
}

.trebovanie2-border3-button {
  padding: 24px 0 0 0;
}

.trebovanie2-border3-button button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  padding: 8px 16px;
  background: #0f5fff;
  border-radius: 8px;
}

.trebovanie3 {
  padding: 128px 0 120px 0;
}

.trebovanie3-wrap {
  display: flex;
  padding: 104px 0 0 0;
}

.trebovanie3-block {
  width: 50%;
  padding: 0 16px 0 0;
}

.trebovanie3-border {
  background: #f7fafc;
  border-radius: 16px;
  padding: 32px 32px;
}

.trebovanie3-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.trebovanie3-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #14225b;
}

.trebovanie3-suptitle {
  padding: 24px 0 0 0;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #68729c;
}

.trebovanie3-restagles {
  padding: 16px 0 0 0;
}

.trebovanie3-restagle {
  height: 4px;
  width: 224px;
  background: #eaecf4;
  border-radius: 27px;
}

.trebovanie3-restagle2 {
  margin: -4px 0 0 0;
  width: 47px;
  height: 4px;
  background: #0f5fff;
  border-radius: 27px;
}

.trebovanie3-restagle3 {
  margin: -4px 0 0 0;
  width: 121px;
  height: 4px;
  background: #0f5fff;
  border-radius: 27px;
}

.trebovanie3-restagle4 {
  margin: -4px 0 0 0;
  width: 224px;
  height: 4px;
  background: #0f5fff;
  border-radius: 27px;
}

.trebovanie3-inner {
  display: flex;
  align-items: center;
  padding: 28px 0 0 0;
}

.trebovanie3-text-border {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #14225b;
  padding: 4px 8px;
  display: inline-block;
  background: #eaecf5;
  border-radius: 10px;
}

.trebovanie3-speed {
  padding: 0 0 0 16px;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #14225b;
}

.trebovanie3-block2 {
  width: 50%;
  padding: 0 0 0 16px;
}

.table2 {
  position: relative;
  padding: 73px 0 0 0;
}

.harakter-wrap {
  display: flex;
}

.harakter-block {
  width: 50%;
  padding: 0 16px 0 0;
}

.harakter-block2 {
  width: 50%;
  padding: 0 0 0 16px;
}

.harakter-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0.5px solid #a8a8a8;
  padding: 24px 0 8px 0;
}

.harakter-title {
  font-family: "Roboto Flex", sans-serif;
  width: 50%;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #0f5fff;
}

.harakter-suptitle {
  font-family: "Roboto Flex", sans-serif;
  width: 50%;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #282726;
}

.dostup-zindex2 {
  position: relative;
  z-index: 1;
}

.table-show2.show {
  transform: translateY(30%);
}

.table-shadow2 {
  position: absolute;
  left: 0;
  bottom: 120px;
  height: 256px;
  width: 100%;
  background: linear-gradient(360deg,
      #f4f8fc 0%,
      rgba(244, 248, 252, 0) 88.08%);
}

.harakter-inner-mb {
  display: none;
}

.raschet2-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
  text-align: center;
  color: #ffffff;
}

.raschet2-suptitle {
  padding: 24px 0 0 0;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
}

.raschet2-suptitle button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 141, 244, 1);
}

.raschet2-border {
  margin: 40px 0 0 0;
  padding: 32px 32px;
  background: rgba(104, 114, 156, 0.1);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.raschet2-border-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #ffffff;
  display: flex;
  align-items: center;
}

.raschet2-border-title img {
  margin: 0 0 0 5px;
}

.raschet2-text-border {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #ffffff;
  padding: 4px 8px;
  display: inline-block;
  background: #0f5fff;
  border-radius: 10px;
  margin: 16px 0 0 0;
}

.raschet2-border-suptitle {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #ffffff;
}

.raschet2-border-suptitle a {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: rgba(0, 141, 244, 1);
  text-decoration: none;
}

.raschet2-border-button button {
  display: flex;
  align-items: center;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  color: #ffffff;
  padding: 12px 24px;
  background: #0057ff;
  border-radius: 12px;
}

.raschet2-border-button button img {
  margin: 0 0 0 10px;
}

.variant {
  padding: 104px 0 144px 0;
}

.variant-wrap {
  display: flex;
  padding: 104px 0 0 0;
}

.variant-block {
  width: 50%;
  padding: 0 16px 0 0;
}

.variant-border {
  background: #f7fafc;
  border-radius: 16px;
  padding: 40px 40px;
}

.variant-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
  color: #14225b;
}

.variant-text-border {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #14225b;
  display: inline-block;
  padding: 4px 8px;
  background: #eaecf5;
  border-radius: 10px;
  margin: 32px 0 0 0;
}

.variant-suptitle {
  padding: 23px 0 0 0;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #14225b;
}

.variant-suptitle span {
  color: rgba(15, 95, 255, 1);
}

.variant-ul {
  padding: 40px 0 0 0;
}

.variant-li {
  font-family: "Roboto-Medium";
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #68729c;
  display: flex;
  align-items: center;
}

.variant-li img {
  margin: 0 24px 0 0;
}

.variant-button {
  padding: 40px 0 0 0;
}

.variant-button button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  padding: 12px 24px;
  background: #0057ff;
  border-radius: 12px;
}

.variant-block2 {
  width: 50%;
  padding: 0 0 0 16px;
}

.variant-border2 {
  margin: 32px 0 0 0;
  background: #f7eee8 url(../images/variant-border2.png) 100% 0 no-repeat;
  border-radius: 16px;
  padding: 28px 40px;
}

.variant-border2-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #14225b;
}

.variant-border2-link {
  padding: 24px 0 0 0;
}

.variant-border2-link a {
  font-family: "Roboto Flex", sans-serif;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  display: inline-block;
  padding: 8px 16px;
  background: #0f5fff;
  border-radius: 8px;

}

.raschet3-wrap {
  justify-content: space-between;
  display: flex;
}

.raschet3-block {
  width: 45%;
}

.raschet3-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
  color: #ffffff;
}

.raschet3-suptitle {
  padding: 24px 0 0 0;
  font-family: "Roboto-Regular";
  font-size: 16px;
  line-height: 32px;
  color: #ffffff;
}

.raschet3-block2 {
  text-align: right;
  width: 55%;
}

.raschet3-button {
  display: flex;
  justify-content: flex-end;
  padding: 0 0 32px 0;
}

.raschet3-button:last-child {
  padding: 0;
}

.raschet3-button button {
  display: flex;
  align-items: center;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  color: #ffffff;
  padding: 12px 24px;
  background: rgba(104, 114, 156, 0.1);
  border-radius: 12px;
}

.raschet3-button button span {
  color: rgba(0, 141, 244, 1);
}

.raschet3-img {
  margin: 0 16px 0 0;
}

.raschet3-img2 {
  margin: 0 0 0 54px;
}

.poderjka {
  padding: 104px 0 0 0;
}

.poderjka-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #68729c;
}

.poderjka-button {
  display: flex;
  justify-content: center;
  padding: 24px 0 0 0;
}

.poderjka-button button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  color: #ffffff;
  display: flex;
  align-items: center;
  padding: 12px 24px;
  background: #0057ff;
  border-radius: 12px;
}

.poderjka-button button img {
  margin: 0 0 0 10px;
}

.obuchenie {
  padding: 104px 0 144px 0;
}

.obuchenie-container {
  padding: 0 8px;
}

.obuchenie-wrap {
  display: flex;
  flex-wrap: wrap;
  padding: 96px 0 0 0;
}

.obuchenie-block {
  width: 100%;
  padding: 0 16px;
}

.obuchenie-border {
  background: #f7fafc;
  border-radius: 16px;
  height: 525px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.obuchenie-border2 {
  background: #f7fafc;
  border-radius: 16px;
  height: 255px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.obuchenie-block2 {
  width: 50%;
  padding: 32px 16px 0 16px;
}

.raschet4-wrap {
  align-items: center;
  justify-content: space-between;
  display: flex;
}

.raschet4-block {
  width: 65%;
}

.raschet4-button {
  padding: 24px 0 0 0;
}

.raschet4-button button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  color: #ffffff;
  display: flex;
  align-items: center;
  padding: 12px 24px;
  background: #0f5fff;
  border-radius: 12px;
}

.raschet4-button button img {
  margin: 0 8px 0 0;
}

.raschet4-block2 {
  width: 35%;
}

.raschet4-inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.raschet4-inner-block {
  text-align: left;
  width: 33.33333333%;
}

.raschet4-inner-block2 {
  width: 33.333333333%;
  text-align: center;
}

.raschet4-inner-block3 {
  width: 33.333333333%;
  text-align: right;
}

.raschet4-inner-block4 {
  padding: 24px 0 0 0;
  text-align: left;
  width: 33.33333333%;
}

.raschet4-inner-block5 {
  padding: 24px 0 0 0;
  text-align: center;
  width: 33.33333333%;
}

.raschet4-inner-block6 {
  padding: 24px 0 0 0;
  text-align: right;
  width: 33.33333333%;
}

.platform {
  padding: 104px 0 144px 0;
}

.platform-suptitle {
  padding: 32px 0 0 0;
  font-family: "Roboto-Medium";
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  color: #14225b;
}

.platform-wrap {
  display: flex;
  flex-wrap: wrap;
  padding: 96px 0 0 0;
}

.platform-block {
  width: 100%;
}

.platform-border {
  background: #f7fafc;
  border-radius: 30px;
  padding: 64px 64px;
}

.platform-inner {
  display: flex;
}

.platform-inner-block {
  width: 50%;
}

.platform-inner-img {
  margin: -16px 0 -67px 0;
}

.platform-inner-block2 {
  padding: 0 0 0 67px;
  width: 50%;
}

.platform-inner-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
  color: #14225b;
}

.platform-inner-pd {
  padding: 40px 0 0 0;
}

.platform-inner-button button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 32px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 0;
  width: 100%;
  background: #0f5fff;
  border-radius: 8px;
}

.platform-inner-button button img {
  margin: 0 8px 0 0;
}

.platform-inner2 {
  display: flex;
  padding: 32px 0 0 0;
}

.platform-inner2-block {
  width: 49%;
  padding: 0 16px 0 0;
}

.platform-inner2-block2 {
  width: 51%;
  padding: 0 0 0 16px;
}

.platform-block2 {
  width: 75%;
  padding: 32px 16px 0 0;
}

.platform-block3 {
  width: 25%;
  padding: 32px 0 0 16px;
}

.platform-border2 {
  background: #f7eee8;
  border-radius: 30px;
  padding: 32px 32px;
}

.platform-links {
  padding: 32px 0 0 0;
  display: flex;
  flex-wrap: wrap;
}

.platform-link {
  width: 50%;
  padding: 0 16px 0 0;
}

.platform-link2 {
  width: 50%;
  padding: 0 0 0 16px;
}

.platform-link3 {
  width: 50%;
  padding: 32px 16px 0 0;
}

.platform-link4 {
  width: 50%;
  padding: 32px 0 0 16px;
}

.platform-wrap2 {
  display: flex;
}

.platform-wrap2-block {
  width: 50%;
}

.platform-wrap2-block2 {
  width: 50%;
  text-align: right;
}

.platform-wrap2-img {
  margin: -36px -16px -67px 0;
}

.platform-border2-title {
  padding: 32px 0 0 0;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #14225b;
}

.platform-border2-suptitle {
  padding: 8px 0 0 0;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #14225b;
}

.platform-border2-button {
  padding: 32px 0 0 0;
}

.platform-border2-button button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 32px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 0;
  width: 100%;
  background: #0f5fff;
  border-radius: 8px;
}

.platform-border2-button button img {
  margin: 0 8px 0 0;
}

.trebovanie-sl .slick-dots {
  bottom: -40px;
}

.trebovanie-sl .slick-dots li {
  --progress-width: 100%;
  width: 16px;
  height: 4px;
  margin: 0;
  margin-right: 8px;
  transition: all 0.3s;
  overflow: hidden;
  opacity: 0.3;
}

.trebovanie-sl .slick-dots li button {
  width: 100%;
  height: 100%;
  background: #68729c;
  transition: all 0.3s;
  border-radius: 30px;
  padding: 0;
  position: relative;
}

.trebovanie-sl .slick-dots li.slick-active {
  width: 64px;
  opacity: 1 !important;
}

.trebovanie-sl .slick-dots li.slick-active button::before {
  content: "";
  background: #0f5fff;
  opacity: 1 !important;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 30px;
  height: 100%;
  width: 0;

  animation: progressFill 2200ms linear;
}

@keyframes progressFill {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

.trebovanie-slayder {
  display: none;
  position: relative;
}

.raschet-wrap4-block3 {
  display: none;
}

.raschet3-button-middle br {
  display: none;
}

.raschet4-button-mb {
  display: none;
}

.platform-inner-block3 {
  display: none;
}

/*tarif*/

.work3-button {
  display: flex;
  justify-content: center;
}

.work3-button button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  color: #ffffff;
  display: flex;
  align-items: center;
  padding: 12px 24px;
  background: #0057ff;
  border-radius: 12px;
}

.work3-button button img {
  margin: 0 0 0 10px;
}

.tarif-buttom {
  padding: 24px 0 0 0;
}

.tarif-buttom button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  color: #ffffff;
  display: flex;
  align-items: center;
  padding: 12px 24px;
  background: #00a48a;
  border-radius: 12px;
}

.tarif-buttom button img {
  margin: 0 8px 0 0;
}

.tarif-buttom button:hover {
  background: #0f5fff;
}

.tarif-wrap {
  display: flex;
}

.tarif-block {
  width: 50%;
}

.tarif-block2 {
  padding: 0 0 0 16px;
  width: 50%;
}

.tarif-border {
  padding: 40px 40px;
  background: rgba(104, 114, 156, 0.1);
  box-shadow: 0px 23px 68px rgba(20, 34, 91, 0.25);
  border-radius: 16px;
}

.dostup-border-suptitle3 {
  font-family: "Roboto-Medium";
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #008df4;
}

.tarifsection {
  padding: 168px 0 128px 0;
  position: relative;
}

.tarifsection2 {
  padding: 168px 0 0 0;
}

.tarifsection:before {
  content: "";
  position: absolute;
  top: 760px;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg,
      #f4f8fc 0%,
      rgba(255, 255, 255, 0) 52.6%,
      #f4f8fc 100%);
  border-radius: 200px;
}

.tarifsection-zindex {
  position: relative;
  z-index: 1;
}

.tarifsection-img {
  text-align: center;
}

.tarifsection-title {
  padding: 40px 0 0 0;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 48px;
  line-height: 64px;
  text-align: center;
  letter-spacing: -0.01em;
  color: #14225b;
}

.tarifsection-suptitle {
  padding: 40px 0 0 0;
  font-family: "Roboto-Medium";
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.01em;
  color: #14225b;
}

.tarifsection-wrap {
  display: flex;
  padding: 72px 0 0 0;
}

.tarifsection-block {
  width: 50%;
  padding: 0 16px 0 0;
}

.tarifsection-block2 {
  width: 50%;
  padding: 0 0 0 16px;
}

/*ACCARDION*/

.accordion {
  padding: 56px 0 0 0;
  margin: 0 0 0 0;
}

.accordion .item {
  padding: 72px 0 72px 0;
  cursor: pointer;

  grid-template-columns: auto 1fr auto;
  column-gap: 24px;
  row-gap: 32px;
  align-items: center;
  transition: border-top 0.3s;
  border-bottom: 1px solid #68729c;
}

.accordion .item.open {}

.accordion .item.open .hidden-box {
  display: block;
  font-size: 16px;
  line-height: 28px;
  color: #151922;
}

.accordion .item.open .text {
  color: #151922;
}

.accordion .text img {
  margin: 0 16px 0 0;
}

.accordion .text span {
  margin: 0 0 0 5px;
  color: rgba(15, 95, 255, 1);
}

.accordion .text {
  position: relative;
  padding: 0 0 0 0;
  width: 100%;
  display: flex;
  align-items: center;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #14225b;
  margin: 0;
}

.accordion .text br {
  display: none;
}

.accordion .item.open .text {
  transition: color 0.3s;
}

.accordion .icon {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  height: auto;

  transition: transform 0.2s ease-in;
}

.accordion .item.open .icon {
  transform: rotate(90deg);
}

.accordion .item.open .icon path {
  fill: #14225b;
}

.accordion .hidden-box {
  grid-column: 1;
  display: none;
  transition: display 0.2 ease-in;
}

.accordion .hidden-box2 {
  grid-column: 1;
  display: none;
  transition: display 0.2 ease-in;
}

.accordion .hidden-box p {
  padding: 0 0 0 0;
  color: #151922;
}

.acctrafik-wrap {
  display: flex;
  justify-content: space-between;
  padding: 40px 0 0 0;
}

.acctrafik-block {
  width: 33.333333%;
}

.acctrafik-li {
  font-family: "Roboto Flex", sans-serif;
  padding: 8px 0 0 0;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #14225b;
}

.acctrafik-li img {
  margin: 0 8px 0 0;
}

.tarif-buttom-mb {
  display: none;
}

.modal-inner2-pd {
  display: flex;
  padding: 24px 4px 0 4px;
}

.modal-title-new {
  padding: 32px 0 0 0;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #68729c;
}

.modal-inner2-block {
  width: 33.33333333%;
  padding: 0 12px;
}

.modal-inner2-border {
  padding: 16px 24px;
  background: rgba(104, 114, 156, 0.1);
  backdrop-filter: blur(7px);
  border-radius: 12px;
}

.modal-inner2-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.modal-inner2-title2 {
  font-family: "Roboto-Medium";
  font-size: 22px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.02em;
  color: #14225b;
}

.modal-inner2-suptitle {
  padding: 8px 0 0 0;
  font-family: "Roboto-Medium";
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #14225b;
}

.modap-price {
  padding: 32px 0 0 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.modap-price-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: -0.01em;
  color: #0f5fff;
}

.modap-price-suptitle {
  font-family: "Roboto-Regular";
  font-size: 56px;
  line-height: 56px;
  letter-spacing: -0.05em;
  color: #0f5fff;
}

.modap-title {
  padding: 32px 0;
  border-bottom: 1px solid #68729c;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  color: #68729c;
}

.js-modal.is-open {
  /* overflow: auto; */
}



/*partner*/

.work-padding {
  padding: 32px 0 128px 0;
}

.work3-button2 {
  display: flex;
  justify-content: center;
}

.work3-button2 button {
  font-family: "Roboto Flex", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  color: #FFFFFF;
  padding: 12px 24px;
  background: rgba(32, 243, 227, 0.2);
  border: 1px solid #20F3E3;
  border-radius: 12px;
}

.work3-button2 button img {
  margin: 0 0 0 8px;
}

.partnermargin {
  margin: -72px 0 0 0;
}

.partnermargin-container {
  padding: 0 9px;
}

.partnermargin-wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.partnermargin-block {
  width: 33.33333333%;
  padding: 0 15px 32px 15px;
}

.partnermargin-border {
  background: #FEE4CB;
  border-radius: 16px;
  padding: 24px 24px;
}

.partnermargin-border2 {
  background: #E9E7FD;
  border-radius: 16px;
  padding: 24px 24px;
}

.partnermargin-border3 {
  background: #DBF6FD;
  border-radius: 16px;
  padding: 24px 24px;
}

.partnermargin-border4 {
  background: #FFD3E2;
  border-radius: 16px;
  padding: 24px 24px;
}

.partnermargin-border5 {
  background: #C8F7DC;
  border-radius: 16px;
  padding: 24px 24px;
}

.partnermargin-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.01em;
  color: #14225B;
}

.partnermargin-restagle {
  background: #14225B;
  border-radius: 27px;
  height: 4px;
  width: 80px;
  margin: 16px auto 0 auto;
}

.partnerbr {
  padding: 40px 0 68px 0;
}

.partnerbr-border {
  background: linear-gradient(180deg, #223355 0%, #1C3974 100%);
  border-radius: 30px;
  padding: 64px 64px;
}

.partnerbr-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 48px;
  line-height: 64px;
  text-align: center;
  letter-spacing: -0.01em;
  color: #FFFFFF;
}

.partnerbr-suptitle {
  padding: 40px 0 0 0;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
}

.partnerbr-button {
  padding: 40px 0 0 0;
  display: flex;
  justify-content: center;
}

.partnerbr-button button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  background: #0F5FFF;
  border-radius: 12px;
}

.partnerbr-button button img {
  margin: 0 8px 0 0;
}

.partnerbr-restagle {
  background: #0F5FFF;
  border-radius: 27px;
  height: 4px;
  width: 80px;
  margin: 32px auto 0 auto;
}

.partnerpred {
  background: linear-gradient(360deg, #F4F8FC 0%, rgba(244, 248, 252, 0) 88.08%);
  border-radius: 0px 0px 200px 200px;
  padding: 160px 0 112px 0;
}

.partnerpred-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 72px;
  line-height: 88px;
  text-align: center;
  color: #14225B;
}

.partnerpred-suptitle {
  padding: 40px 0 80px 0;
  border-bottom: 1px solid #68729C;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #14225B;
}

.partnerpred-container {
  padding: 0 7px;
}

.partnerpred-wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.partnerpred-block {
  width: 33.333333333%;
  padding: 80px 17px 0 17px;
}

.partnerpred-icon {
  text-align: center;
}

.partnerpred-info {
  padding: 16px 0 0 0;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #14225B;
}




/*ACCARDION2*/

.accordion2 {
  padding: 76px 0 0 0;
  margin: 0 0 0 0;
}

.accordion2 .item2 {
  margin: 36px 0 0 0;
  padding: 40px 40px;
  cursor: pointer;
  background: #F7FAFC;
  border-radius: 16px;
  grid-template-columns: auto 1fr auto;
  column-gap: 24px;
  row-gap: 32px;
  align-items: center;

}

.accordion2 .item2.open {}

.accordion2 .item2.open .hidden-box {
  display: block;
  font-size: 16px;
  line-height: 28px;
  color: #151922;
}

.accordion2 .item2.open .text {
  color: #151922;
}

.accordion2 .text img {
  margin: 0 16px 0 0;
}

.accordion2 .text span {
  margin: 0 0 0 5px;
  color: rgba(15, 95, 255, 1);
}

.accordion2 .text {
  position: relative;
  padding: 0 0 0 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
}

.accordion2 .text br {
  display: none;
}

.accordion2 .item2.open .text {
  transition: color 0.3s;
}

.accordion2 .icon {
  position: relative;
  top: 0;
  right: 0;
  width: auto;
  height: auto;

  transition: transform 0.2s ease-in;
}

.accordion2 .item2.open .icon {
  transform: rotate(180deg);
}


.accordion2 .hidden-box {
  grid-column: 1;
  display: none;
  transition: display 0.2 ease-in;
}

.accordion2 .hidden-box {
  padding: 24px 0 0 0;
}


.partnerstal-acctitle {
  padding: 16px 0 0 0;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #14225B;
}

.partnerstalacc-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #68729C;
}

.partnerstalacc-restagle {
  background: #EAECF4;
  border-radius: 27px;
  height: 4px;
  width: 384px;
  margin: 24px 0 0 0;
}

.partnerstalacc-name {
  padding: 24px 0 0 0;
  font-family: 'Roboto-Medium';
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #14225B;
}

.partnerstalacc-position {
  padding: 8px 0 0 0;
  font-family: 'Roboto-Medium';
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #68729C;
}

.partnerstalacc-link {
  padding: 24px 0 0 0;
}

.partnerstalacc-link a {
  font-family: 'Roboto-Medium';
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #14225B;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.partnerstalacc-link a:hover {
  text-decoration: underline;
}

.partnerstalacc-link a img {
  margin: 0 16px 0 0;
}

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

.partnerstalacc-link-pd {
  padding: 24px 0 0 16px;
}

.partnerstalacc-span {
  margin: 0 0 0 15px;
}



.partnermargin-sl .slick-dots {
  bottom: -40px;
}

.partnermargin-sl .slick-dots li {
  --progress-width: 100%;
  width: 16px;
  height: 4px;
  margin: 0;
  margin-right: 8px;
  transition: all 0.3s;
  overflow: hidden;
  opacity: 0.3;
}

.partnermargin-sl .slick-dots li button {
  width: 100%;
  height: 100%;
  background: #68729c;
  transition: all 0.3s;
  border-radius: 30px;
  padding: 0;
  position: relative;
}

.partnermargin-sl .slick-dots li.slick-active {
  width: 64px;
  opacity: 1 !important;
}

.partnermargin-sl .slick-dots li.slick-active button::before {
  content: "";
  background: #0f5fff;
  opacity: 1 !important;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 30px;
  height: 100%;
  width: 0;

  animation: progressFill 2200ms linear;
}

@keyframes progressFill {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

.partnermargin-slayder {
  display: none;
}

.partnerstal {
  padding: 144px 0 0 0;
}

.partnerstal-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 48px;
  line-height: 64px;
  text-align: center;
  letter-spacing: -0.01em;
  color: #14225B;
}

.partnerstal-accordion {
  padding: 76px 0 0 0;
}

.partnerstal-border {
  margin: 36px 0 0 0;
  padding: 40px 40px;
  cursor: pointer;
  background: #F7FAFC;
  border-radius: 16px;
}

.partnerstal-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.partnerstal-hover {
  padding: 24px 0 0 0;
  display: none;
}

.partnerstal-border:hover .partnerstal-hover {
  display: block;
  transition: 0.3s;
}



.partnerstal-accordion-mb {
  display: none;
}

/*oprodukte*/

.work-padding2 {
  padding: 32px 0 220px 0;
  padding-top: 80px;
}

.work-title2 {
  padding: 144px 0 0 0;
}

.work5-width {
  padding: 40px 0 0 0;
  width: 775px;
  margin: 0 auto;
}

.wokr5-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.work3-button3 {
  display: flex;
  justify-content: center;
}

.work3-button3 button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  background: #0F5FFF;
  border-radius: 12px;
}

.work3-button3 button img {
  margin: 0 8px 0 0;
}

.kartinka2 {
  margin: -156px 0 0 0;
}

.oproduktevoz {
  position: relative;
  padding: 144px 0 112px 0;
}

.oproduktevoz-zindex {
  position: relative;
  z-index: 1;
}

.oproduktevoz-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 48px;
  line-height: 64px;
  text-align: center;
  letter-spacing: -0.01em;
  color: #14225B;
}

.oproduktevoz:before {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  bottom: 0;
  top: 672px;
  background: linear-gradient(180deg, #F4F8FC 0%, rgba(255, 255, 255, 0) 52.6%, #F4F8FC 100%);
  border-radius: 200px;
}

.oproduktevoz-container {
  padding: 0 8px;
}

.oproduktevoz-wrap {
  display: flex;
  flex-wrap: wrap;
  padding: 72px 0 0 0;
}

.oproduktevoz-block {
  width: 25%;
  padding: 32px 16px 0 16px;
}

.oproduktevoz-border {
  box-shadow: 0px 32px 100px -21px rgba(20, 34, 91, 0.16);
  background: #FFFFFF;
  border-radius: 16px;
  padding: 32px 30px;
}

.oproduktevoz-suptitle {
  padding: 16px 0 0 0;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #14225B;
}

.oproduktevoz-block2 {
  width: 50%;
  padding: 32px 16px 0 16px;
}

.oproduktevoz-icon {
  text-align: center;
}

.oproduktevozpol-title {
  padding: 72px 0 0 0;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  text-align: center;
  font-size: 40px;
  line-height: 48px;
  color: #14225B;
}

.oproduktevozpol-suptitle {
  padding: 24px 0 0 0;
  font-family: 'Roboto-Regular';
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  color: #14225B;
}

.oproduktevozpol-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 64px 0 0 0;
}

.oproduktevozpol-block {
  padding: 0 16px 0 0;
}

.oproduktevozpol-block2 {
  padding: 0 0 0 16px;
}

.oproduktevozpol-button button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 476px;
  padding: 12px 24px;
  background: #0F5FFF;
  border-radius: 12px;
}

.oproduktevozpol-button-wrap {
  display: flex;
  align-items: center;
}

.oproduktevozpol-button-text {
  padding: 0 0 0 16px;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  color: #FFFFFF;
}

.oproduktesov {
  padding: 144px 0 112px 0;
}

.oproduktesov-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
  text-align: center;
  color: #14225B;
}

.oproduktesov-img {
  padding: 64px 0 0 0;
}

.oproduktesov-wrap {
  padding: 104px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.oproduktesov-border {
  margin: 104px 0 0 0;
  background: #243B69;
  border-radius: 30px;
  padding: 64px 96px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.oproduktesov-border-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #FFFFFF;
}

.oproduktesov-border-button button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  color: #FFFFFF;
  padding: 12px 24px;
  background: #0057FF;
  border-radius: 12px;
  display: flex;
  align-items: center;
}

.oproduktesov-border-button button img {
  margin: 0 0 0 10px;
}

.oprodukteapi {
  border-radius: 200px;
  background: linear-gradient(180deg, #F4F8FC 0%, rgba(255, 255, 255, 0) 52.6%, #F4F8FC 100%);
  padding: 128px 0 168px 0;
  position: relative;
}

.oprodukteapi-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 56px;
  line-height: 64px;
  letter-spacing: -0.01em;
  color: #0F5FFF;
}

.oprodukteapi-title span {
  color: rgba(20, 34, 91, 1);
}

.oprodukteapi-container {
  padding: 0 8px;
}

.oprodukteapi-wrap {
  display: flex;
  flex-wrap: wrap;
  padding: 32px 0 0 0;
}

.oprodukteapi-block {
  padding: 32px 16px 0 16px;
}

.oprodukteapi-border {
  background: rgba(104, 114, 156, 0.1);
  border-radius: 16px;
  padding: 8px 24px;
}

.oprodukteapi-border-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #14225B;
}

.oprodukteapi-suptitle {
  padding: 64px 0 0 0;
  font-family: 'Roboto-Medium';
  font-size: 16px;
  line-height: 32px;
  color: #14225B;
}

.oprodukteapi-suptitle span {
  color: rgba(15, 95, 255, 1);
}

.oprodukteapi-button {
  padding: 64px 0 0 0;
}

.oprodukteapi-button button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  color: #FFFFFF;
  padding: 12px 24px;
  background: #0F5FFF;
  border-radius: 12px;
}

.oprodukteapi-absolute {
  width: 354px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.oprodukteapi-absolute img {
  border-radius: 0 0 200px 0;
}

.dannye-border2 {
  margin: 0;
}

.oproduktemargin {
  position: relative;
  z-index: 1;
  margin: -64px 0 0 0;
}

.oproduktedva {
  padding: 150px 0 0 0;
}

.oproduktedva-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 48px;
  line-height: 64px;
  text-align: center;
  letter-spacing: -0.01em;
  color: #14225B;
}

.oproduktedva-newtitle {
  margin: 0 0 -110px 0;
  padding: 32px 0 0 0;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 180px;
  line-height: 320px;
  text-align: center;
  letter-spacing: -0.01em;
  background: linear-gradient(180deg, #5F91CE 0%, rgba(114, 142, 197, 0) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  opacity: 0.4;
}

.oproduktedva-wrap {
  display: flex;
  flex-wrap: wrap;
}

.oproduktedva-block {
  width: 50%;
  padding: 0 16px 0 0;
}

.oproduktedva-block2 {
  width: 50%;
  padding: 0 0 0 16px;
}

.oproduktedva-block3 {
  width: 100%;
  padding: 32px 0 0 0;
}

.oproduktedva-block4 {
  width: 50%;
  padding: 0 16px 0 0;
}

.oproduktedva-block5 {
  width: 50%;
  padding: 0 0 0 16px;
}


.oproduktedva-border {
  position: relative;
  z-index: 1;
  background: #EFF1F6;
  border-radius: 16px;
  padding: 29px 32px;
}


.oproduktedva-img {
  text-align: center;
}

.oproduktedva-img2 {
  text-align: center;
}

.oproduktedva-suptitle {
  padding: 24px 0 0 0;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #14225B;
}

.oproduktedva-border2 {
  font-family: 'Roboto-Medium';
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #14225B;
  display: flex;
  align-items: center;
  padding: 24px 24px;
  background: #F7EEE8;
  border-radius: 16px;
  margin: 32px 0 0 0;
}

.oproduktedva-border2 img {
  margin: 0 32px 0 0;
}


.oproduktepod {
  margin: 32px 0 0 0;
  padding: 28px 40px;
  background: #0F5FFF url(../images/podrobno-border-bg.png) 100% 0 no-repeat;
  border-radius: 16px;
}

.oproduktepod-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}

.oproduktepod-button {
  padding: 24px 0 0 0;
}

.oproduktepod-button button {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  padding: 8px 16px;
  background: #008DF4;
  border-radius: 8px;
}

.oproduktedva {
  display: none;
}

.oproduktedva2 {
  /* display: none; */
}

.oproduktedva-block6 {
  display: none;
}

.oproduktevoz-slayder {
  display: none;
}

.oproduktesov-img2 {
  display: none;
}

.oproduktevozpol-br {
  display: none;
}

.pravki-br {
  display: none;
}

.dostup-border-newstyle {
  position: relative;
}

.dostup-border-price2-flex {
  display: flex;
}

.dostup-border-price2-flex .tarif-price {
  margin-right: 6px;
}

.dostup-border-newstyle2 {
  position: relative;
}

.dostup-border-price2-flex2 {
  display: flex;
}

.disabledbutton {
  pointer-events: none;
  opacity: 0.4;
}

.invalid-input {
  /* border-color: red !important; */
  /* border-color: tomato !important; */
  border-color: #FF3B30 !important;
}

input.dostup-border-number2,
input.raschet-skolko-number {
  color: #fff;
  background: none;
  padding: 3px 2px;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
  border: 1px solid transparent;
  width: 50px;
}

input.dostup-border-number2:focus,
input.raschet-skolko-number:focus {
  background: #008df4;
  border-color: #008df4;
  color: #fff;
}

.dostup-border-button3 .btn {
  transition: opacity 0.3s ease-in-out;
}

.dostup-border-button3 .btn:disabled {
  opacity: 0.5;
}

.raschet-skolko-number::-webkit-outer-spin-button,
.raschet-skolko-number::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.dostup-border-number2::-webkit-outer-spin-button,
.dostup-border-number2::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.dostup-border-number2[type=number],
.raschet-skolko-number[type=number] {
  -moz-appearance: textfield;
}



.nodone-border-skolko-number {
  color: #000;
  background: none;
  padding: 3px 2px;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
  border: 1px solid transparent;
}

.nodone-border-skolko-number:focus {
  background: #008df4;
  border-color: #008df4;
  color: #fff;
}

.nodone-border-skolko-number::-webkit-outer-spin-button,
.nodone-border-skolko-number::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.nodone-border-skolko-number[type=number] {
  -moz-appearance: textfield;
}

.vopros-input input {
  transition: 0.2s ease-in-out;
}

/* .vopros-input input:invalid {
  outline: 2px solid tomato;
} */

.invalidFunction {
  outline: 1px solid #FF3B30;
}

.chekbox-title {
  transition: 0.3s ease-in-out;
}

.invalid-radio-title {
  color: #FF3B30;
}

.raschet-button button:disabled {
  opacity: 0.5;
}

.vopros-input--invalid .form__input--invalid {
  position: relative;
  /* outline: 1px solid #FF3B30; */
  border-color: #FF3B30;
  background: url('../images/warning.svg') no-repeat calc(100% - 5px) center;
  background-clip: border-box;
  /* backdrop-filter: drop-shadow(0px 1px 3px rgba(49, 106, 172, 0.67)); */
  /* filter: drop-shadow(0px 1px 3px rgba(49, 106, 172, 0.67)); */
}

.loader {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  z-index: 100000;
}

.loader--active {
  display: flex;
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.nodone-border-bottom--hidden {
  display: none;
}

.copy-area {
  display: none;
}

.calc-it__button {
  transition: 0.3s ease-in-out;
}

button.calc-it__button:hover,
button.calc-it__button:focus {
  background: rgba(32, 243, 227, 0.2)
}

button.calc-it__button--active {
  background: rgba(32, 243, 227, 0.2);
}


.calc-it__button-text {}

.obuchenie-player {
  width: 100%;
  height: 100%;
}

.dostup-border-price-absolute {
  /* position: static !important; */
}

.dostup-border-price-absolute2 {
  /* margin-top: 10px;
  position: static; */
}

.dostup-border-inner-wrap--free {
  opacity: 0.2;
}

.dostup-border-inner-wrap--free .dostup-border-border {
  cursor: default;
}

.modal-success__descr {
  font-family: 'Roboto Flex';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #14225B;
  margin-top: 0;
  margin-bottom: 0;
}

/* .nodone .container {
  padding: 0;
}

@media (min-width: 768px) {
  .nodone .container {
    padding: 0 24px;
  }
} */

.nodone-wrapper-btn {
  display: flex;
  justify-content: flex-end;
}

.checkbox-main input[type="radio"]:disabled~.checkbox,
.checkbox-main input[type="radio"]:disabled~.chekbox-title {
  opacity: 0.3;
}

.nodone__tooltip {
  flex-direction: column;
  display: flex;
  position: relative;
  /* display: flex; */
  flex-wrap: wrap;
  /* width: 100%;
  max-width: 360px; */
  width: 100%;
  /* align-items: center; */
  align-items: flex-start;
  font-family: 'Roboto Flex';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 32px;
  /* identical to box height, or 229% */
  /* text-align: center; */
  color: #008DF4;
  cursor: pointer;
  padding-top: 15px;
  /* padding-bottom: 80px; */
  /* overflow: hidden;
  height: 40px; */
}

.nodone__tooltip:hover {
  /* min-height: 120px; */
}

.nodone__tooltip img {
  margin-left: 10px;
}

.nodone__tooltip-popup {
  display: flex;
  width: 100%;
  max-width: 360px;
  /* margin: 0 auto; */
  align-items: center;
  /* width: 360px; */
  width: 100%;
  /* position: absolute; */
  /* bottom: 40px; */
  /* left: 25px; */
  /* left: 0;
  bottom: 0; */


  background: #F5F9FC;
  box-shadow: 0px 16px 24px rgba(20, 34, 91, 0.24);
  border-radius: 8px;

  font-family: 'Roboto Flex';
  font-style: normal;
  font-weight: 500;
  /* font-size: 14px;
  line-height: 24px; */

  font-size: 12px;
  line-height: 16px;
  /* or 171% */
  color: #14225B;
  /* opacity: 0; */
  transition: height 0.3s ease-in-out;
  text-align: left;


  overflow: hidden;
  height: 0;
}

.nodone__inner {
  padding: 16px;
}

.nodone__tooltip-popup--active .nodone__inner {}

.nodone__tooltip:hover .nodone__tooltip-popup,
.nodone__tooltip:focus .nodone__tooltip-popup {
  /* opacity: 1; */
}

.nodone-border-inner2--support .nodone-border-tgl {
  margin-right: 50px;
}

.nodone__tooltip-content {
  flex: 1;
  display: flex;
  align-items: center;
}



@media (min-width: 480px) {

  .nodone-border-inner,
  .nodone-border-inner2 {
    flex-wrap: wrap;
  }

  .nodone-border-chekbox2 {
    flex: 1 1;
    width: 33.33%;
    padding: 0 0 8px 0;
    margin-right: 10px;
  }

  .nodone-border-chekbox2:last-of-type {
    margin-right: 0;
  }

  .chekbox-title {
    flex: 1;
  }

  .checkbox-main {}
}

@media (min-width: 641px) {
  .vopros-block {
    padding: 0 5px;
  }

  .vopros-input input {
    padding: 0 10px;
  }

  .custom-clear {
    right: 17px;
  }

  .vopros-block .vopros-input__warning {
    /* top: auto; */
    top: 50px;
  }

  .vopros-input.vopros-input--invalid {
    padding-top: 8px;
  }
}


@media (min-width: 768px) {
  .nodone-border-chekbox2 {
    flex: 1 1;
    width: auto;
    /* padding: 0 0 8px 0; */
    margin-right: 0;
  }

  .chekbox-title {
    flex: 1;
  }
}

@media (min-width: 1024px) {
  .nodone-border-inner {
    flex-wrap: nowrap;
  }

  .vopros-input input {
    padding: 0 24px 0 24px !important;
  }

  .nodone__tooltip {
    width: auto;
    /* flex: 1 0; */
    padding-top: 0;
    margin-right: 40px;
    margin-right: 0;

  }

  .nodone-border-inner2--support .nodone-border-tgl {
    margin-right: 25px;
  }

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

  .nodone-border-chekbox2 {
    flex: 1 0;
    width: auto;
    padding: 0 0 8px 0;
  }

  .nodone__tooltip-popup {
    display: flex;
    width: 100%;
    max-width: 360px;
    min-width: 300px;
    /* margin: 0 auto; */
    align-items: center;
    /* width: 360px; */
    width: 100%;
    position: absolute;
    bottom: 40px;
    left: 25px;
    /* left: 0;
    bottom: 0; */

    /* font-size: 14px;
    line-height: 24px; */
  }

  .nodone-border-chekbox2 {
    width: auto;
    /* flex: 1 0; */
    flex: none;
    margin-right: 15px;
  }

  .vopros-block {
    padding: 0 16px;
  }

  .vopros-block .vopros-input__warning {
    /* top: auto; */
    top: -9px;
  }

  .vopros-input.vopros-input {
    padding-top: 28px;
  }
}

.nodone-border-tgl .tgl-ios3:disabled~.tgl-btn3 {
  opacity: 0.3;
}

.form__input[name="name"] {}

.vopros-input {
  position: relative;
}

.vopros-input__warning {
  position: absolute;
  top: -6px;
  left: 0;
  color: #FF3B30;

  font-family: 'Roboto Flex';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  /* identical to box height, or 114% */
  letter-spacing: -0.02em;
  animation: 0.8s alternate warning;
}

@keyframes warning {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  transition: transform 0.2s linear, background 1s ease-in-out;
  will-change: top, opacity;
  width: 100%;

  /* transform: translateZ(0); */
  /* background: linear-gradient(180deg, #223355 0%, #1c3974 100%); */
  /* background: green;
  overscroll-behavior: contain; */
  /* top: -100px; */
}

.header.is-hidden {
  /* transform: translateY(-100%); */

  /* -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%); */
  transform: translateY(-80px);
}

.header.is-visible {
  /* -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); */

  background: yellow;
  position: -webkit-sticky;

  top: 0;
}

.header.is-scrolled {
  background: linear-gradient(180deg, #223355 0%, #1C3974 100%);
  box-shadow: 0px 8px 16px rgba(33, 42, 78, 0.25);
}

.gescout-sticky {
  /* position: fixed !important; */
  top: -100px;
  width: 100%;
  z-index: 999;
  opacity: 0;
  transition: 0.3s all;
}

.gescout-show {
  top: 0;
  opacity: 1;
}

body {
  position: relative;
  /* -webkit-overflow-scrolling: touch; */
  /* overscroll-behavior: contain;
  overflow: auto;
  overscroll-behavior-y: contain;
  overscroll-behavior-y: contain;
  background: pink;
  overflow-y: hidden */
}

.custom-clear {
  position: absolute;
  bottom: 17px;
  right: 35px;
  width: 15px;
  height: 15px;
  background: url('../images/close-2.svg');
  display: none;
  animation: clear alternate 0.2s both;
  animation-delay: 0.2s;
  opacity: 0;
  cursor: pointer;
}

.form__input:focus~.custom-clear {
  background: url('../images/close.svg');
}

.custom-clear--active {
  display: block;
}

@keyframes clear {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.modal-inner-prop {
  padding-top: 5px;
  padding-top: 0;
  padding-bottom: 0;
}

.modal-inner-prop .modal-inner2-title2 {
  font-size: 16px;
  line-height: 24px;
}

.modal-inner-prop .modal-inner2-suptitle {
  padding-top: 4px;

}

.modal-inner-prop .modal-inner2-suptitle .btn {
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
}

.modal-inner2-pd-props {}

.modal-inner-prop:last-of-type {
  border-bottom: 1px solid rgba(104, 114, 156, 0.1);
}

.modal-inner-prop.modal-inner2-block {
  padding-top: 0;
  padding-bottom: 0;
}

.btn-prop {
  display: flex;
  align-items: center;
  color: #008DF4;
}

.btn-prop img {
  margin-left: 8px;
}

.modal-inner-prop-text {
  width: 100%;
  font-family: 'Roboto Flex';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;

  letter-spacing: -0.02em;

  color: #68729C;
  text-align: center;
  margin-bottom: 8px;
  margin-top: 8px;
}

.modal-block-descr {
  font-family: 'Roboto Flex';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  /* or 114% */


  /* Storm_Black */

  color: #14225B;

}

.modal-block-descr-title {
  margin-top: 15px;
  margin-bottom: 0;
  color: #0F5FFF;
}

.modal-block2--items {}

.modal-free-success .modal__inner {
  padding-left: 30px;
  padding-right: 30px;
}

/* .modal--free {
  z-index: 10000;
} */
.btn-tarif {
  margin-bottom: 10px;
}

.tarif-buttom .btn-prop {
  height: auto;
  padding: 8px 16px;
  gap: 8px;

  width: 134px;
  height: 48px;

  background: rgba(104, 114, 156, 0.2);
  border-radius: 8px;
}

.tarif-buttom.tarif-buttom-mb {}

.btn-free-prop {}

.dostup-border-button--free .btn-free-prop {
  display: flex;
  padding: 8px 16px;
  gap: 8px;

  width: 134px;
  /* height: 48px; */

  background: rgba(0, 87, 255, 0.1);
  border-radius: 8px;

  /* Inside auto layout */

  flex: none;
  order: 1;
  flex-grow: 0;
  align-items: center;
  font-family: 'Roboto Flex';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 32px;
  margin-top: 16px;
  color: #14225B;
}

.modal-inner-prop .modal-inner2-border {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.modal-inner-prop:last-of-type .modal-inner2-border {
  justify-content: center;
}

.modal-inner-prop .modal-inner2-text {
  display: flex;
}

.modal-inner-prop .modal-inner2-title2 {
  order: 1;
}

.modal-inner2-img {
  margin-right: 5px;
}

.modal-inner-prop:last-of-type .modal-inner2-text {
  margin-right: 5px;
}

.modal-inner-prop:last-of-type .modal-inner2-suptitle {
  padding-top: 0;
}

.modal-inner-prop .modal-inner2-border {
  padding-left: 16px;
  padding-right: 16px;
}