/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/css/main.scss ***!
  \**************************************************************************************************************************************************************************************************************/
.pt-1 {
  padding-top: 0.0625rem;
}

.pt-2 {
  padding-top: 0.125rem;
}

.pt-3 {
  padding-top: 0.1875rem;
}

.pt-4 {
  padding-top: 0.25rem;
}

.pt-5 {
  padding-top: 0.3125rem;
}

.pt-6 {
  padding-top: 0.375rem;
}

.pt-7 {
  padding-top: 0.4375rem;
}

.pt-8 {
  padding-top: 0.5rem;
}

.pt-9 {
  padding-top: 0.5625rem;
}

.pt-10 {
  padding-top: 0.625rem;
}

.pt-11 {
  padding-top: 0.6875rem;
}

.pt-12 {
  padding-top: 0.75rem;
}

.pt-13 {
  padding-top: 0.8125rem;
}

.pt-14 {
  padding-top: 0.875rem;
}

.pt-15 {
  padding-top: 0.9375rem;
}

.pt-16 {
  padding-top: 1rem;
}

.pt-17 {
  padding-top: 1.0625rem;
}

.pt-18 {
  padding-top: 1.125rem;
}

.pt-19 {
  padding-top: 1.1875rem;
}

.pt-20 {
  padding-top: 1.25rem;
}

.pt-25 {
  padding-top: 1.5625rem;
}

.pt-30 {
  padding-top: 1.875rem;
}

.pt-35 {
  padding-top: 2.1875rem;
}

.pt-40 {
  padding-top: 2.5rem;
}

.pt-45 {
  padding-top: 2.8125rem;
}

.pt-50 {
  padding-top: 3.125rem;
}

.pt-55 {
  padding-top: 3.4375rem;
}

.pt-60 {
  padding-top: 3.75rem;
}

.pt-65 {
  padding-top: 4.0625rem;
}

.pt-70 {
  padding-top: 4.375rem;
}

.pt-75 {
  padding-top: 4.6875rem;
}

.pt-80 {
  padding-top: 5rem;
}

.pt-85 {
  padding-top: 5.3125rem;
}

.pt-90 {
  padding-top: 5.625rem;
}

.pt-95 {
  padding-top: 5.9375rem;
}

.pt-100 {
  padding-top: 6.25rem;
}

.pt-105 {
  padding-top: 6.5625rem;
}

.pt-110 {
  padding-top: 6.875rem;
}

.pt-115 {
  padding-top: 7.1875rem;
}

.pt-120 {
  padding-top: 7.5rem;
}

.pt-125 {
  padding-top: 7.8125rem;
}

.pt-130 {
  padding-top: 8.125rem;
}

.pt-135 {
  padding-top: 8.4375rem;
}

.pt-140 {
  padding-top: 8.75rem;
}

.pt-145 {
  padding-top: 9.0625rem;
}

.pt-150 {
  padding-top: 9.375rem;
}

.pt-155 {
  padding-top: 9.6875rem;
}

.pt-160 {
  padding-top: 10rem;
}

.pt-165 {
  padding-top: 10.3125rem;
}

.pt-170 {
  padding-top: 10.625rem;
}

.pt-175 {
  padding-top: 10.9375rem;
}

.pt-180 {
  padding-top: 11.25rem;
}

.pt-185 {
  padding-top: 11.5625rem;
}

.pt-190 {
  padding-top: 11.875rem;
}

.pt-195 {
  padding-top: 12.1875rem;
}

.pt-200 {
  padding-top: 12.5rem;
}

.pt-205 {
  padding-top: 12.8125rem;
}

.pt-210 {
  padding-top: 13.125rem;
}

.pt-215 {
  padding-top: 13.4375rem;
}

.pt-220 {
  padding-top: 13.75rem;
}

.pt-225 {
  padding-top: 14.0625rem;
}

.pt-230 {
  padding-top: 14.375rem;
}

.pt-235 {
  padding-top: 14.6875rem;
}

.pt-240 {
  padding-top: 15rem;
}

.pt-245 {
  padding-top: 15.3125rem;
}

.pt-250 {
  padding-top: 15.625rem;
}

.pb-1 {
  padding-bottom: 0.0625rem;
}

.pb-2 {
  padding-bottom: 0.125rem;
}

.pb-3 {
  padding-bottom: 0.1875rem;
}

.pb-4 {
  padding-bottom: 0.25rem;
}

.pb-5 {
  padding-bottom: 0.3125rem;
}

.pb-6 {
  padding-bottom: 0.375rem;
}

.pb-7 {
  padding-bottom: 0.4375rem;
}

.pb-8 {
  padding-bottom: 0.5rem;
}

.pb-9 {
  padding-bottom: 0.5625rem;
}

.pb-10 {
  padding-bottom: 0.625rem;
}

.pb-11 {
  padding-bottom: 0.6875rem;
}

.pb-12 {
  padding-bottom: 0.75rem;
}

.pb-13 {
  padding-bottom: 0.8125rem;
}

.pb-14 {
  padding-bottom: 0.875rem;
}

.pb-15 {
  padding-bottom: 0.9375rem;
}

.pb-16 {
  padding-bottom: 1rem;
}

.pb-17 {
  padding-bottom: 1.0625rem;
}

.pb-18 {
  padding-bottom: 1.125rem;
}

.pb-19 {
  padding-bottom: 1.1875rem;
}

.pb-20 {
  padding-bottom: 1.25rem;
}

.pb-25 {
  padding-bottom: 1.5625rem;
}

.pb-30 {
  padding-bottom: 1.875rem;
}

.pb-35 {
  padding-bottom: 2.1875rem;
}

.pb-40 {
  padding-bottom: 2.5rem;
}

.pb-45 {
  padding-bottom: 2.8125rem;
}

.pb-50 {
  padding-bottom: 3.125rem;
}

.pb-55 {
  padding-bottom: 3.4375rem;
}

.pb-60 {
  padding-bottom: 3.75rem;
}

.pb-65 {
  padding-bottom: 4.0625rem;
}

.pb-70 {
  padding-bottom: 4.375rem;
}

.pb-75 {
  padding-bottom: 4.6875rem;
}

.pb-80 {
  padding-bottom: 5rem;
}

.pb-85 {
  padding-bottom: 5.3125rem;
}

.pb-90 {
  padding-bottom: 5.625rem;
}

.pb-95 {
  padding-bottom: 5.9375rem;
}

.pb-100 {
  padding-bottom: 6.25rem;
}

.pb-105 {
  padding-bottom: 6.5625rem;
}

.pb-110 {
  padding-bottom: 6.875rem;
}

.pb-115 {
  padding-bottom: 7.1875rem;
}

.pb-120 {
  padding-bottom: 7.5rem;
}

.pb-125 {
  padding-bottom: 7.8125rem;
}

.pb-130 {
  padding-bottom: 8.125rem;
}

.pb-135 {
  padding-bottom: 8.4375rem;
}

.pb-140 {
  padding-bottom: 8.75rem;
}

.pb-145 {
  padding-bottom: 9.0625rem;
}

.pb-150 {
  padding-bottom: 9.375rem;
}

.pb-155 {
  padding-bottom: 9.6875rem;
}

.pb-160 {
  padding-bottom: 10rem;
}

.pb-165 {
  padding-bottom: 10.3125rem;
}

.pb-170 {
  padding-bottom: 10.625rem;
}

.pb-175 {
  padding-bottom: 10.9375rem;
}

.pb-180 {
  padding-bottom: 11.25rem;
}

.pb-185 {
  padding-bottom: 11.5625rem;
}

.pb-190 {
  padding-bottom: 11.875rem;
}

.pb-195 {
  padding-bottom: 12.1875rem;
}

.pb-200 {
  padding-bottom: 12.5rem;
}

.pb-205 {
  padding-bottom: 12.8125rem;
}

.pb-210 {
  padding-bottom: 13.125rem;
}

.pb-215 {
  padding-bottom: 13.4375rem;
}

.pb-220 {
  padding-bottom: 13.75rem;
}

.pb-225 {
  padding-bottom: 14.0625rem;
}

.pb-230 {
  padding-bottom: 14.375rem;
}

.pb-235 {
  padding-bottom: 14.6875rem;
}

.pb-240 {
  padding-bottom: 15rem;
}

.pb-245 {
  padding-bottom: 15.3125rem;
}

.pb-250 {
  padding-bottom: 15.625rem;
}

.mb-1 {
  margin-bottom: 0.0625rem;
}

.mb-2 {
  margin-bottom: 0.125rem;
}

.mb-3 {
  margin-bottom: 0.1875rem;
}

.mb-4 {
  margin-bottom: 0.25rem;
}

.mb-5 {
  margin-bottom: 0.3125rem;
}

.mb-6 {
  margin-bottom: 0.375rem;
}

.mb-7 {
  margin-bottom: 0.4375rem;
}

.mb-8 {
  margin-bottom: 0.5rem;
}

.mb-9 {
  margin-bottom: 0.5625rem;
}

.mb-10 {
  margin-bottom: 0.625rem;
}

.mb-11 {
  margin-bottom: 0.6875rem;
}

.mb-12 {
  margin-bottom: 0.75rem;
}

.mb-13 {
  margin-bottom: 0.8125rem;
}

.mb-14 {
  margin-bottom: 0.875rem;
}

.mb-15 {
  margin-bottom: 0.9375rem;
}

.mb-16 {
  margin-bottom: 1rem;
}

.mb-17 {
  margin-bottom: 1.0625rem;
}

.mb-18 {
  margin-bottom: 1.125rem;
}

.mb-19 {
  margin-bottom: 1.1875rem;
}

.mb-20 {
  margin-bottom: 1.25rem;
}

.mb-25 {
  margin-bottom: 1.5625rem;
}

.mb-30 {
  margin-bottom: 1.875rem;
}

.mb-35 {
  margin-bottom: 2.1875rem;
}

.mb-40 {
  margin-bottom: 2.5rem;
}

.mb-45 {
  margin-bottom: 2.8125rem;
}

.mb-50 {
  margin-bottom: 3.125rem;
}

.mb-55 {
  margin-bottom: 3.4375rem;
}

.mb-60 {
  margin-bottom: 3.75rem;
}

.mb-65 {
  margin-bottom: 4.0625rem;
}

.mb-70 {
  margin-bottom: 4.375rem;
}

.mb-75 {
  margin-bottom: 4.6875rem;
}

.mb-80 {
  margin-bottom: 5rem;
}

.mb-85 {
  margin-bottom: 5.3125rem;
}

.mb-90 {
  margin-bottom: 5.625rem;
}

.mb-95 {
  margin-bottom: 5.9375rem;
}

.mb-100 {
  margin-bottom: 6.25rem;
}

.mb-105 {
  margin-bottom: 6.5625rem;
}

.mb-110 {
  margin-bottom: 6.875rem;
}

.mb-115 {
  margin-bottom: 7.1875rem;
}

.mb-120 {
  margin-bottom: 7.5rem;
}

.mb-125 {
  margin-bottom: 7.8125rem;
}

.mb-130 {
  margin-bottom: 8.125rem;
}

.mb-135 {
  margin-bottom: 8.4375rem;
}

.mb-140 {
  margin-bottom: 8.75rem;
}

.mb-145 {
  margin-bottom: 9.0625rem;
}

.mb-150 {
  margin-bottom: 9.375rem;
}

.mb-155 {
  margin-bottom: 9.6875rem;
}

.mb-160 {
  margin-bottom: 10rem;
}

.mb-165 {
  margin-bottom: 10.3125rem;
}

.mb-170 {
  margin-bottom: 10.625rem;
}

.mb-175 {
  margin-bottom: 10.9375rem;
}

.mb-180 {
  margin-bottom: 11.25rem;
}

.mb-185 {
  margin-bottom: 11.5625rem;
}

.mb-190 {
  margin-bottom: 11.875rem;
}

.mb-195 {
  margin-bottom: 12.1875rem;
}

.mb-200 {
  margin-bottom: 12.5rem;
}

.mb-205 {
  margin-bottom: 12.8125rem;
}

.mb-210 {
  margin-bottom: 13.125rem;
}

.mb-215 {
  margin-bottom: 13.4375rem;
}

.mb-220 {
  margin-bottom: 13.75rem;
}

.mb-225 {
  margin-bottom: 14.0625rem;
}

.mb-230 {
  margin-bottom: 14.375rem;
}

.mb-235 {
  margin-bottom: 14.6875rem;
}

.mb-240 {
  margin-bottom: 15rem;
}

.mb-245 {
  margin-bottom: 15.3125rem;
}

.mb-250 {
  margin-bottom: 15.625rem;
}

.button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 312px;
  padding: 18px;
  font-size: 21px;
  font-weight: 600;
  line-height: 23.1px;
  text-align: left;
  border-radius: 5px;
  background-color: #EF4918;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
}
.button:hover {
  opacity: 0.7;
}
.button--centered {
  width: 350px;
  margin: 0 auto;
}

.container {
  width: 100%;
  max-width: 1330px;
  padding: 0 20px;
  margin: 0 auto;
}

.section--intro {
  background: url("../assets/images/intro-bg.png"), -webkit-gradient(linear, left top, left bottom, from(#2B3153), to(#1B2035));
  background: url("../assets/images/intro-bg.png"), linear-gradient(180deg, #2B3153 0%, #1B2035 100%);
  min-height: 492px;
  background-repeat: no-repeat;
  background-position: bottom left 16%;
  overflow: hidden;
}
.section--light {
  background-color: #FFFFFF;
}
.section--dark {
  background-color: #F7F9FA;
}

.header {
  position: relative;
  padding: 9px 0;
  background-color: #343637;
}
.header__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #FFFFFF;
}
.header__wrapper a {
  color: #FFFFFF;
  text-decoration: none;
}

.nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.nav__link {
  padding: 20px;
}
.nav__link:hover {
  opacity: 0.7;
}

.head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
.head--col {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 491px;
}
.head--col .page-subtitle {
  text-align: left;
}

.features {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 42px;
  margin-bottom: 120px;
}
.features__line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 68px;
}

.kits {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.info__picture {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-transform: scale(-1, 1) rotate(-20deg);
          transform: scale(-1, 1) rotate(-20deg);
  width: 619px;
}
.info__picture img {
  display: block;
  width: 100%;
}

.footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 67px;
  background-color: #343637;
}
.footer__text {
  font-size: 12px;
  color: #6c7073;
  text-align: center;
}
.footer__text a {
  color: #FFFFFF;
}

.mobile-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #FFFFFF;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.mobile-menu.active {
  opacity: 1;
  visibility: visible;
  z-index: 2;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.mobile-menu .nav {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mobile-menu .nav__link {
  color: #151826;
}

.intro {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 40px;
}
.intro__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.intro__picture {
  position: relative;
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
}
.intro__picture img {
  position: relative;
  z-index: 1;
}
.intro__picture::before {
  content: "";
  position: absolute;
  top: 30px;
  left: 50px;
  width: 325px;
  height: 344px;
  background-color: #000000;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
  opacity: 0.8;
  -webkit-filter: blur(90px);
          filter: blur(90px);
  z-index: 0;
}
.intro__logo {
  margin-bottom: 14px;
}
.intro__title {
  margin: 0;
  margin-bottom: 40px;
  font-size: 50px;
  font-weight: 800;
  line-height: 55px;
  letter-spacing: 0.02em;
  text-align: left;
  text-transform: uppercase;
  color: #FFFFFF;
}

.benefice {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.benefice__item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 28px;
  max-width: 200px;
}
.benefice__item::before {
  position: absolute;
  top: 10px;
  right: 10px;
  content: "";
  width: 180px;
  height: 180px;
  background-color: rgba(255, 119, 22, 0.4);
  border-radius: 100px 14px 14px 100px;
  -webkit-filter: blur(50px);
          filter: blur(50px);
}
.benefice__item:nth-child(1) {
  max-width: 214px;
  padding: 30px 30px 26px 53px;
  background-color: #FF7716;
  border-radius: 14px 14px 14px 100px;
}
.benefice__item:nth-child(2) {
  padding: 34px 25px 25px 25px;
  background-color: #2AADE5;
  border-radius: 14px;
}
.benefice__item:nth-child(2)::before {
  top: 30px;
  right: 20px;
  background-color: rgba(42, 173, 229, 0.4);
}
.benefice__item:nth-child(3) {
  max-width: 214px;
  padding: 33px 33px 26px 30px;
  background-color: #4562B7;
  border-radius: 14px 100px 14px 14px;
}
.benefice__item:nth-child(3)::before {
  background-color: rgba(69, 98, 183, 0.4);
  border-radius: 14px 100px 100px 14px;
}
.benefice img {
  z-index: 1;
}
.benefice__text {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #FFFFFF;
  z-index: 1;
}
.benefice__text span {
  font-weight: 700;
}

.learn-more {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: dense;
  gap: 20px;
}
.learn-more > *:first-child {
  grid-column: span 2;
  margin-bottom: 20px;
}

.detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}

.main-title {
  margin: 0;
  font-size: 50px;
  font-weight: 700;
  line-height: 55px;
  text-align: center;
  color: #000000;
}

.page-title {
  margin: 0;
  font-size: 50px;
  font-weight: 700;
  line-height: 55px;
  text-align: center;
  text-transform: uppercase;
  color: #151826;
}

.page-subtitle {
  margin: 0 auto 10px;
  max-width: 976px;
  font-size: 18px;
  font-weight: 400;
  line-height: 30.6px;
  letter-spacing: 0.02em;
  text-align: center;
}
.page-subtitle span {
  font-weight: 700;
}

.burger {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 18px;
  cursor: pointer;
  overflow: hidden;
}
.burger__item, .burger::before, .burger::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 22px;
  height: 2px;
  background-color: #FFFFFF;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.burger__item {
  top: 7px;
}
.burger::after {
  top: 14px;
}
.burger.active .burger__item {
  top: -4px;
}
.burger.active::before {
  top: 7px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.burger.active::after {
  top: 7px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.gallery {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.text-block {
  text-align: center;
  max-width: 845px;
}
.text-block p {
  margin: 0;
}

.article-feature {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px 18px 23px;
  width: 100%;
  max-width: 216px;
  background-color: #F7F9FA;
  border-radius: 8px;
}
.article-feature__picture {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 120px;
  height: 120px;
  padding: 24px;
  margin-bottom: 30px;
  border-radius: 90px;
  background-color: #FFFFFF;
  overflow: hidden;
}
.article-feature__picture img {
  max-width: 60px;
  max-height: 60px;
  display: block;
}
.article-feature__title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 27.2px;
  text-align: center;
}
.article-feature__text {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  text-align: center;
}

.article-kit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.article-kit__title {
  font-size: 19px;
  font-weight: 700;
}

.article-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
  background-color: #FFFFFF;
}
.article-info__picture {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.article-info__info {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
  padding: 96px 70px;
}
.article-info__info::after {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 260px;
  width: 2px;
  background-color: #FF7716;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.article-info__title {
  margin: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 35.2px;
  text-transform: uppercase;
}
.article-info__text {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 30.6px;
  letter-spacing: 0.02em;
}

.mb-60 {
  margin-bottom: 60px;
}
.mb-32 {
  margin-bottom: 32px;
}

@media only screen and (max-width: 1229px) {
  .mbm-0 {
    margin-bottom: 0rem;
  }
}
@media only screen and (max-width: 1200px) {
  .mbm-1 {
    margin-bottom: 0.0625rem;
  }
}
@media only screen and (max-width: 1200px) {
  .mbm-2 {
    margin-bottom: 0.125rem;
  }
}
@media only screen and (max-width: 1200px) {
  .mbm-3 {
    margin-bottom: 0.1875rem;
  }
}
@media only screen and (max-width: 1200px) {
  .mbm-4 {
    margin-bottom: 0.25rem;
  }
}
@media only screen and (max-width: 1200px) {
  .mbm-5 {
    margin-bottom: 0.3125rem;
  }
}
@media only screen and (max-width: 1200px) {
  .mbm-6 {
    margin-bottom: 0.375rem;
  }
}
@media only screen and (max-width: 1200px) {
  .mbm-7 {
    margin-bottom: 0.4375rem;
  }
}
@media only screen and (max-width: 1200px) {
  .mbm-8 {
    margin-bottom: 0.5rem;
  }
}
@media only screen and (max-width: 1200px) {
  .mbm-9 {
    margin-bottom: 0.5625rem;
  }
}
@media only screen and (max-width: 1200px) {
  .mbm-10 {
    margin-bottom: 0.625rem;
  }
}
@media only screen and (max-width: 1200px) {
  .mbm-15 {
    margin-bottom: 0.9375rem;
  }
}
@media only screen and (max-width: 1200px) {
  .mbm-20 {
    margin-bottom: 1.25rem;
  }
}
@media only screen and (max-width: 1200px) {
  .mbm-25 {
    margin-bottom: 1.5625rem;
  }
}
@media only screen and (max-width: 1200px) {
  .mbm-30 {
    margin-bottom: 1.875rem;
  }
}
@media only screen and (max-width: 1200px) {
  .mbm-35 {
    margin-bottom: 2.1875rem;
  }
}
@media only screen and (max-width: 1200px) {
  .mbm-35 {
    margin-bottom: 2.1875rem;
  }
}
@media only screen and (max-width: 1200px) {
  .mbm-40 {
    margin-bottom: 2.5rem;
  }
}
@media only screen and (max-width: 1200px) {
  .mbm-45 {
    margin-bottom: 2.8125rem;
  }
}
@media only screen and (max-width: 1200px) {
  .mbm-50 {
    margin-bottom: 3.125rem;
  }
}
@media only screen and (max-width: 1200px) {
  .mbm-55 {
    margin-bottom: 3.4375rem;
  }
}
@media only screen and (max-width: 1200px) {
  .mbm-60 {
    margin-bottom: 3.75rem;
  }
}
@media only screen and (max-width: 1200px) {
  .mbm-65 {
    margin-bottom: 4.0625rem;
  }
}
@media only screen and (max-width: 1200px) {
  .mbm-70 {
    margin-bottom: 4.375rem;
  }
}
@media only screen and (max-width: 1200px) {
  .mbm-75 {
    margin-bottom: 4.6875rem;
  }
}
@media only screen and (max-width: 1200px) {
  .mbm-80 {
    margin-bottom: 5rem;
  }
}
@media only screen and (max-width: 1200px) {
  .mbm-85 {
    margin-bottom: 5.3125rem;
  }
}
@media only screen and (max-width: 1200px) {
  .mbm-90 {
    margin-bottom: 5.625rem;
  }
}
@media only screen and (max-width: 1200px) {
  .mbm-95 {
    margin-bottom: 5.9375rem;
  }
}
@media only screen and (max-width: 1200px) {
  .mbm-100 {
    margin-bottom: 6.25rem;
  }
}

.pt-315 {
  padding-top: 315px;
}

.pb-315 {
  padding-bottom: 315px;
}

@media only screen and (max-width: 1200px) {
  .ptm-1 {
    padding-top: 0.0625rem;
  }
}
@media only screen and (max-width: 1200px) {
  .ptm-2 {
    padding-top: 0.125rem;
  }
}
@media only screen and (max-width: 1200px) {
  .ptm-3 {
    padding-top: 0.1875rem;
  }
}
@media only screen and (max-width: 1200px) {
  .ptm-4 {
    padding-top: 0.25rem;
  }
}
@media only screen and (max-width: 1200px) {
  .ptm-5 {
    padding-top: 0.3125rem;
  }
}
@media only screen and (max-width: 1200px) {
  .ptm-6 {
    padding-top: 0.375rem;
  }
}
@media only screen and (max-width: 1200px) {
  .ptm-7 {
    padding-top: 0.4375rem;
  }
}
@media only screen and (max-width: 1200px) {
  .ptm-8 {
    padding-top: 0.5rem;
  }
}
@media only screen and (max-width: 1200px) {
  .ptm-9 {
    padding-top: 0.5625rem;
  }
}
@media only screen and (max-width: 1200px) {
  .ptm-10 {
    padding-top: 0.625rem;
  }
}
@media only screen and (max-width: 1200px) {
  .ptm-15 {
    padding-top: 0.9375rem;
  }
}
@media only screen and (max-width: 1200px) {
  .ptm-20 {
    padding-top: 1.25rem;
  }
}
@media only screen and (max-width: 1200px) {
  .ptm-25 {
    padding-top: 1.5625rem;
  }
}
@media only screen and (max-width: 1200px) {
  .ptm-30 {
    padding-top: 1.875rem;
  }
}
@media only screen and (max-width: 1200px) {
  .ptm-35 {
    padding-top: 2.1875rem;
  }
}
@media only screen and (max-width: 1200px) {
  .ptm-40 {
    padding-top: 2.5rem;
  }
}
@media only screen and (max-width: 1200px) {
  .ptm-45 {
    padding-top: 2.8125rem;
  }
}
@media only screen and (max-width: 1200px) {
  .ptm-50 {
    padding-top: 3.125rem;
  }
}
@media only screen and (max-width: 1200px) {
  .ptm-55 {
    padding-top: 3.4375rem;
  }
}
@media only screen and (max-width: 1200px) {
  .ptm-60 {
    padding-top: 3.75rem;
  }
}
@media only screen and (max-width: 1200px) {
  .ptm-65 {
    padding-top: 4.0625rem;
  }
}
@media only screen and (max-width: 1200px) {
  .ptm-70 {
    padding-top: 4.375rem;
  }
}
@media only screen and (max-width: 1200px) {
  .ptm-75 {
    padding-top: 4.6875rem;
  }
}
@media only screen and (max-width: 1200px) {
  .ptm-80 {
    padding-top: 5rem;
  }
}
@media only screen and (max-width: 1200px) {
  .ptm-85 {
    padding-top: 5.3125rem;
  }
}
@media only screen and (max-width: 1200px) {
  .ptm-90 {
    padding-top: 5.625rem;
  }
}
@media only screen and (max-width: 1200px) {
  .ptm-95 {
    padding-top: 5.9375rem;
  }
}
@media only screen and (max-width: 1200px) {
  .ptm-100 {
    padding-top: 6.25rem;
  }
}

@media only screen and (max-width: 1200px) {
  .pbm-1 {
    padding-bottom: 0.0625rem;
  }
}
@media only screen and (max-width: 1200px) {
  .pbm-2 {
    padding-bottom: 0.125rem;
  }
}
@media only screen and (max-width: 1200px) {
  .pbm-3 {
    padding-bottom: 0.1875rem;
  }
}
@media only screen and (max-width: 1200px) {
  .pbm-4 {
    padding-bottom: 0.25rem;
  }
}
@media only screen and (max-width: 1200px) {
  .pbm-5 {
    padding-bottom: 0.3125rem;
  }
}
@media only screen and (max-width: 1200px) {
  .pbm-6 {
    padding-bottom: 0.375rem;
  }
}
@media only screen and (max-width: 1200px) {
  .pbm-7 {
    padding-bottom: 0.4375rem;
  }
}
@media only screen and (max-width: 1200px) {
  .pbm-8 {
    padding-bottom: 0.5rem;
  }
}
@media only screen and (max-width: 1200px) {
  .pbm-9 {
    padding-bottom: 0.5625rem;
  }
}
@media only screen and (max-width: 1200px) {
  .pbm-10 {
    padding-bottom: 0.625rem;
  }
}
@media only screen and (max-width: 1200px) {
  .pbm-15 {
    padding-bottom: 0.9375rem;
  }
}
@media only screen and (max-width: 1200px) {
  .pbm-20 {
    padding-bottom: 1.25rem;
  }
}
@media only screen and (max-width: 1200px) {
  .pbm-25 {
    padding-bottom: 1.5625rem;
  }
}
@media only screen and (max-width: 1200px) {
  .pbm-30 {
    padding-bottom: 1.875rem;
  }
}
@media only screen and (max-width: 1200px) {
  .pbm-35 {
    padding-bottom: 2.1875rem;
  }
}
@media only screen and (max-width: 1200px) {
  .pbm-40 {
    padding-bottom: 2.5rem;
  }
}
@media only screen and (max-width: 1200px) {
  .pbm-45 {
    padding-bottom: 2.8125rem;
  }
}
@media only screen and (max-width: 1200px) {
  .pbm-50 {
    padding-bottom: 3.125rem;
  }
}
@media only screen and (max-width: 1200px) {
  .pbm-55 {
    padding-bottom: 3.4375rem;
  }
}
@media only screen and (max-width: 1200px) {
  .pbm-60 {
    padding-bottom: 3.75rem;
  }
}
@media only screen and (max-width: 1200px) {
  .pbm-65 {
    padding-bottom: 4.0625rem;
  }
}
@media only screen and (max-width: 1200px) {
  .pbm-70 {
    padding-bottom: 4.375rem;
  }
}
@media only screen and (max-width: 1200px) {
  .pbm-75 {
    padding-bottom: 4.6875rem;
  }
}
@media only screen and (max-width: 1200px) {
  .pbm-80 {
    padding-bottom: 5rem;
  }
}
@media only screen and (max-width: 1200px) {
  .pbm-85 {
    padding-bottom: 5.3125rem;
  }
}
@media only screen and (max-width: 1200px) {
  .pbm-90 {
    padding-bottom: 5.625rem;
  }
}
@media only screen and (max-width: 1200px) {
  .pbm-95 {
    padding-bottom: 5.9375rem;
  }
}
@media only screen and (max-width: 1200px) {
  .pbm-100 {
    padding-bottom: 6.25rem;
  }
}
@media only screen and (max-width: 1529px) {
  .pbm-260 {
    padding-bottom: 260px;
  }
}

.main {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow-x: hidden;
}

@media only screen and (max-width: 1200px) {
  .mob-hidden {
    display: none;
  }
}