@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-ExtraBold.eot");
  src: local("Gilroy ExtraBold"), local("Gilroy-ExtraBold"), url("../fonts/Gilroy/Gilroy-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-ExtraBold.woff") format("woff"), url("../fonts/Gilroy/Gilroy-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-Heavy.eot");
  src: local("Gilroy Heavy"), local("Gilroy-Heavy"), url("../fonts/Gilroy/Gilroy-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-Heavy.woff") format("woff"), url("../fonts/Gilroy/Gilroy-Heavy.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-LightItalic.eot");
  src: local("Gilroy Light Italic"), local("Gilroy-LightItalic"), url("../fonts/Gilroy/Gilroy-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-LightItalic.woff") format("woff"), url("../fonts/Gilroy/Gilroy-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-ThinItalic.eot");
  src: local("Gilroy Thin Italic"), local("Gilroy-ThinItalic"), url("../fonts/Gilroy/Gilroy-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-ThinItalic.woff") format("woff"), url("../fonts/Gilroy/Gilroy-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-BlackItalic.eot");
  src: local("Gilroy Black Italic"), local("Gilroy-BlackItalic"), url("../fonts/Gilroy/Gilroy-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-BlackItalic.woff") format("woff"), url("../fonts/Gilroy/Gilroy-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-BoldItalic.eot");
  src: local("Gilroy Bold Italic"), local("Gilroy-BoldItalic"), url("../fonts/Gilroy/Gilroy-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-BoldItalic.woff") format("woff"), url("../fonts/Gilroy/Gilroy-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-SemiBold.eot");
  src: local("Gilroy SemiBold"), local("Gilroy-SemiBold"), url("../fonts/Gilroy/Gilroy-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-SemiBold.woff") format("woff"), url("../fonts/Gilroy/Gilroy-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-UltraLightItalic.eot");
  src: local("Gilroy UltraLight Italic"), local("Gilroy-UltraLightItalic"), url("../fonts/Gilroy/Gilroy-UltraLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-UltraLightItalic.woff") format("woff"), url("../fonts/Gilroy/Gilroy-UltraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-SemiBoldItalic.eot");
  src: local("Gilroy SemiBold Italic"), local("Gilroy-SemiBoldItalic"), url("../fonts/Gilroy/Gilroy-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-SemiBoldItalic.woff") format("woff"), url("../fonts/Gilroy/Gilroy-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-Light.eot");
  src: local("Gilroy Light"), local("Gilroy-Light"), url("../fonts/Gilroy/Gilroy-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-Light.woff") format("woff"), url("../fonts/Gilroy/Gilroy-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-MediumItalic.eot");
  src: local("Gilroy Medium Italic"), local("Gilroy-MediumItalic"), url("../fonts/Gilroy/Gilroy-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-MediumItalic.woff") format("woff"), url("../fonts/Gilroy/Gilroy-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-ExtraBoldItalic.eot");
  src: local("Gilroy ExtraBold Italic"), local("Gilroy-ExtraBoldItalic"), url("../fonts/Gilroy/Gilroy-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-ExtraBoldItalic.woff") format("woff"), url("../fonts/Gilroy/Gilroy-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-Regular.eot");
  src: local("Gilroy Regular"), local("Gilroy-Regular"), url("../fonts/Gilroy/Gilroy-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-Regular.woff") format("woff"), url("../fonts/Gilroy/Gilroy-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-HeavyItalic.eot");
  src: local("Gilroy Heavy Italic"), local("Gilroy-HeavyItalic"), url("../fonts/Gilroy/Gilroy-HeavyItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-HeavyItalic.woff") format("woff"), url("../fonts/Gilroy/Gilroy-HeavyItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-Medium.eot");
  src: local("Gilroy Medium"), local("Gilroy-Medium"), url("../fonts/Gilroy/Gilroy-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-Medium.woff") format("woff"), url("../fonts/Gilroy/Gilroy-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-RegularItalic.eot");
  src: local("Gilroy Regular Italic"), local("Gilroy-RegularItalic"), url("../fonts/Gilroy/Gilroy-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-RegularItalic.woff") format("woff"), url("../fonts/Gilroy/Gilroy-RegularItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-UltraLight.eot");
  src: local("Gilroy UltraLight"), local("Gilroy-UltraLight"), url("../fonts/Gilroy/Gilroy-UltraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-UltraLight.woff") format("woff"), url("../fonts/Gilroy/Gilroy-UltraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-Bold.eot");
  src: local("Gilroy Bold"), local("Gilroy-Bold"), url("../fonts/Gilroy/Gilroy-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-Bold.woff") format("woff"), url("../fonts/Gilroy/Gilroy-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-Thin.eot");
  src: local("Gilroy Thin"), local("Gilroy-Thin"), url("../fonts/Gilroy/Gilroy-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-Thin.woff") format("woff"), url("../fonts/Gilroy/Gilroy-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-Black.eot");
  src: local("Gilroy Black"), local("Gilroy-Black"), url("../fonts/Gilroy/Gilroy-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-Black.woff") format("woff"), url("../fonts/Gilroy/Gilroy-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  height: 100%;
  overflow-x: hidden;
}

body.fullscreen {
  overflow: hidden;
}

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

* {
  margin: 0;
  padding: 0;
}

/* Remove outline on the forms and links */

:active,
:hover,
:focus {
  outline: 0;
  outline-offset: 0;
}

/* common */

body {
  font-family: "Gilroy", sans-serif;
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  background-color: #fff;
  color: var(--Grey-scale-Gray-900, #1d1d1f);
}

main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-bottom: 100px;
}

body.overflow-hidden {
  overflow: hidden;
}

body .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  margin: 0 auto;
  padding: 0;
  height: 100%;
}

body .wrapper.fixed {
  padding-top: 128px;
}

body .wrapper.fixed.ribbon {
  padding-top: 192px;
}

.inner {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-bottom: 100px;
}

.container {
  position: relative;
  width: 100%;
  max-width: 1224px;
  padding: 0;
  margin: 0 auto;
}

.clearfix {
  clear: both;
  width: 100%;
}

.row {
  width: 100%;
}

.separator {
  width: 100%;
  height: 1px;
  background-color: var(--Grey-scale-Grey-100, #e6e6f0);
}

a {
  color: initial;
  text-decoration: none;
}

h2 {
  color: var(--Grey-scale-Gray-900, #1d1d1f);
  font-size: 24px;
  font-weight: 700;
  line-height: 133.333%;
  letter-spacing: 0.48px;
}

body {
  --White: #ffffff;
  --Blue-600: #474EFF;
  --Primary-blue-Blue-900: #1C2078;
  --Primary-blue-Blue-800: #2B2FA5;
  --Primary-blue-Blue-700: #393FD2;
  --Primary-blue-Blue-600: #474EFF;
  --Primary-blue-Blue-500: #6C71FF;
  --Primary-blue-Blue-400: #9195FF;
  --Primary-blue-Blue-300: #B5B8FF;
  --Primary-blue-Blue-200: #C8CAFF;
  --Primary-blue-Blue-100: #DADCFF;
  --Primary-blue-Blue-50: #EDEDFF;
  --Primary-blue-Blue-25: #F7F7FF;
  --Primary-blue-Blue-15: #FAFAFF;
  --Secondary-Violet-Violet-900: #481A74;
  --Secondary-Violet-Violet-800: #6526A2;
  --Secondary-Violet-Violet-700: #8333D1;
  --Secondary-Violet-Violet-600: #A140FF;
  --Secondary-Violet-Violet-500: #B466FF;
  --Secondary-Violet-Violet-400: #C78CFF;
  --Secondary-Violet-Violet-300: #D9B3FF;
  --Secondary-Violet-Violet-200: #E3C6FF;
  --Secondary-Violet-Violet-100: #ECD9FF;
  --Secondary-Violet-Violet-50: #F6ECFF;
  --Secondary-Violet-Violet-25: #F9F2FF;
  --Secondary-Violet-Violet-15: #FAFAFF;
  --Secondary-Red-Red-900: #5F1332;
  --Secondary-Red-Red-800: #8F1D4B;
  --Secondary-Red-Red-700: #BE2664;
  --Secondary-Red-Red-600: #EE307D;
  --Secondary-Red-Red-500: #F15997;
  --Secondary-Red-Red-400: #F583B1;
  --Secondary-Red-Red-300: #F8ACCB;
  --Secondary-Red-Red-200: #FAC1D8;
  --Secondary-Red-Red-100: #FCD6E5;
  --Secondary-Red-Red-50: #FDEAF2;
  --Secondary-Red-Red-25: #FDF3F7;
  --Secondary-Red-Red-15: #FAF5F7;
  --Secondary-green-Green-900: #0D4534;
  --Secondary-green-Green-800: #13674E;
  --Secondary-green-Green-700: #1A8A68;
  --Secondary-green-Green-600: #20AC82;
  --Secondary-green-Green-500: #4BBC9A;
  --Secondary-green-Green-400: #76CCB2;
  --Secondary-green-Green-300: #A0DDCB;
  --Secondary-green-Green-200: #B6E5D7;
  --Secondary-green-Green-100: #CBEDE3;
  --Secondary-green-Green-50: #E1F5EF;
  --Secondary-green-Green-25: #EBF5F2;
  --Secondary-green-Green-15: #F7FAF9;
  --Grey-scale-Gray-900: #1D1D1F;
  --Grey-scale-Grey-800: #353538;
  --Grey-scale-Grey-700: #606066;
  --Grey-scale-Grey-600: #78787F;
  --Grey-scale-Grey-500: #909099;
  --Grey-scale-Grey-400: #A8A8B2;
  --Grey-scale-Grey-300: #C0C0CC;
  --Grey-scale-Grey-200: #D8D8E5;
  --Grey-scale-Grey-100: #E4E4F2;
  --Grey-scale-Grey-50: #EDEDFA;
  --Grey-scale-Grey-25: #F2F2FF;
  --Grey-scale-Grey-15: #F7F8FF;
}

.ui-buttons-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 80px;
  padding-bottom: 80px;
}

.ui-buttons__title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 40px;
}

.ui-buttons__subtitle {
  font-size: 18px;
  margin-bottom: 20px;
}

.ui-buttons__info-title {
  font-size: 18px;
  padding-bottom: 10px;
}

.ui-buttons__info {
  line-height: 1.6;
  padding-left: 20px;
  margin-bottom: 30px;
}

.ui-buttons__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin-bottom: 40px;
}

.ui-note {
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 800;
}

.button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  border-radius: 10px;
  color: var(--White, #fff);
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.54px;
  background: var(--Primary-blue-Blue-600, #474eff);
  border: 1px solid transparent;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 17px 23px;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
  font-family: "Gilroy", sans-serif;
}

.button--arrow {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
}

.button--sm {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.48px;
  padding: 9px 15px;
}

.button--md {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.48px;
  padding: 11px 15px;
}

.button--md-2 {
  min-width: 56px;
  height: 56px;
  padding: 15px 20px;
}

.button--md-2-icon {
  max-width: 56px;
}

.button:hover {
  background: var(--Primary-blue-Blue-700, #393fd2);
}

.button:active,
.button:focus {
  background: var(--Primary-blue-Blue-800, #2b2fa5);
}

.button--black {
  border: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
  color: var(--Grey-scale-Grey-100, #e6e6f0);
  background: transparent;
}

.button--black:hover,
.button--black:active,
.button--black:focus {
  background: rgba(255, 255, 255, 0.2);
}

.button--slider {
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.94);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.64px;
  border-radius: 10px;
  border: 3px solid rgba(255, 255, 255, 0.2);
  background: var(--Secondary-Red-Red-600, #ee307d);
  line-height: normal;
  padding: 12.5px 15px;
}

.button--slider:hover {
  background: var(--Secondary-Red-Red-700, #be2664);
}

.button--slider:active {
  background: var(--Secondary-Red-Red-800, #8f1d4b);
}

.button--purple-invert {
  background: transparent;
  border-color: 1px solid var(--Secondary-Violet-Violet-600, #a140ff);
  color: var(--Secondary-Violet-Violet-600, #a140ff);
}

.button--purple-invert:hover,
.button--purple-invert:focus,
.button--purple-invert:active {
  background: transparent;
  border-color: 1px solid var(--Secondary-Violet-Violet-600, #a140ff);
  color: var(--Secondary-Violet-Violet-600, #a140ff);
}

.button--invert {
  border-color: var(--Primary-blue-Blue-600, #474eff);
  background: transparent;
  color: var(--Primary-blue-Blue-600, #474eff);
}

.button--invert:hover {
  border-color: var(--Primary-blue-Blue-700, #393fd2);
  background: transparent;
  color: var(--Primary-blue-Blue-700, #393fd2);
}

.button--invert:active,
.button--invert:focus {
  border-color: var(--Primary-blue-Blue-800, #2b2fa5);
  background: transparent;
  color: var(--Primary-blue-Blue-800, #2b2fa5);
}

.button--invert:disabled {
  border: 1px solid #dadde7;
  color: #8992a8;
  background: transparent;
}

.button--invert:disabled:hover,
.button--invert:disabled:focus,
.button--invert:disabled:active {
  border: 1px solid #dadde7;
  color: #8992a8;
  background: transparent;
}

.button--transparent {
  background: transparent;
  color: var(--Primary-blue-Blue-600, #474eff);
}

.button--transparent:hover {
  background: var(--Primary-blue-Blue-25, #f7f7ff);
  border-color: var(--Primary-blue-Blue-25, #f7f7ff);
}

.button--transparent:active,
.button--transparent:focus {
  background: var(--Primary-blue-Blue-50, #ededff);
  border-color: var(--Primary-blue-Blue-50, #ededff);
  color: var(--Primary-blue-Blue-800, #2b2fa5);
}

.button--red {
  background: var(--Secondary-Red-Red-600, #ee307d);
  border-color: var(--Secondary-Red-Red-600, #ee307d);
  color: #fff;
}

.button--red:hover {
  background: var(--Secondary-Red-Red-700, #be2664);
  border-color: var(--Secondary-Red-Red-700, #be2664);
}

.button--red:active,
.button--red:focus {
  background: var(--Secondary-Red-Red-800, #8f1d4b);
  border-color: var(--Secondary-Red-Red-800, #8f1d4b);
}

.button--red--invert {
  background: transparent;
  color: var(--Secondary-Red-Red-600, #ee307d);
  border-color: var(--Secondary-Red-Red-600, #ee307d);
}

.button--red--invert:hover {
  background: transparent;
  border-color: var(--Secondary-Red-Red-700, #be2664);
  color: var(--Secondary-Red-Red-700, #be2664);
}

.button--red--invert:active,
.button--red--invert:focus {
  background: transparent;
  color: var(--Secondary-Red-Red-800, #8f1d4b);
  border-color: var(--Secondary-Red-Red-800, #8f1d4b);
}

.button--red--transparent {
  background: none;
  border-color: transparent;
  color: var(--Secondary-Red-Red-600, #ee307d);
}

.button--red--transparent:hover {
  background: var(--Secondary-Red-Red-25, #fdf3f7);
  color: var(--Secondary-Red-Red-700, #be2664);
  border-color: var(--Secondary-Red-Red-25, #fdf3f7);
}

.button--red--transparent:active,
.button--red--transparent:focus {
  background: var(--Secondary-Red-Red-50, #fdeaf2);
  border-color: var(--Secondary-Red-Red-50, #fdeaf2);
  color: var(--Secondary-Red-Red-800, #8f1d4b);
}

.button--icon {
  min-width: 60px;
  width: 60px;
  height: 60px;
  padding: 0;
}

.button--icon--sm {
  min-width: 40px;
  width: 40px;
  height: 40px;
}

.button--icon--sm .ico {
  min-width: 20px;
  width: 20px;
  height: 20px;
}

.button--icon--md {
  min-width: 44px;
  width: 44px;
  height: 44px;
}

.button--icon--md-2 {
  min-width: 48px;
  width: 48px;
  height: 48px;
}

.button--icon:disabled {
  background: var(--Grey-scale-Grey-300, #c0c0cc);
  border-color: var(--Grey-scale-Grey-300, #c0c0cc);
  color: #fff;
  cursor: default;
}

.button--icon--gray {
  border-radius: 8px;
  border: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
  background: #fff;
}

.button--icon--gray:hover {
  border-color: var(--Primary-blue-Blue-600);
  background: #fff;
}

.button--icon--gray:active,
.button--icon--gray:focus {
  border-color: var(--Primary-blue-Blue-700);
  background: #fff;
}

.button--icon--invert {
  border-color: var(--Primary-blue-Blue-600, #474eff);
  background: transparent;
  color: var(--Primary-blue-Blue-600, #474eff);
}

.button--icon--invert:hover {
  border-color: var(--Primary-blue-Blue-700, #393fd2);
  background: transparent;
  color: var(--Primary-blue-Blue-700, #393fd2);
}

.button--icon--invert:active,
.button--icon--invert:focus {
  border-color: var(--Primary-blue-Blue-800, #2b2fa5);
  background: transparent;
  color: var(--Primary-blue-Blue-800, #2b2fa5);
}

.button--icon--invert:disabled {
  border: 1px solid var(--Grey-scale-Grey-300, #c0c0cc);
  background: transparent;
}

.button--icon--invert:disabled:hover,
.button--icon--invert:disabled:active,
.button--icon--invert:disabled:focus {
  border: 1px solid var(--Grey-scale-Grey-300, #c0c0cc);
  background: transparent;
}

.button--icon--invert:disabled:hover .ico,
.button--icon--invert:disabled:active .ico,
.button--icon--invert:disabled:focus .ico {
  background-image: url("../img/icon/filter-disabled.svg");
}

.button--icon--invert.button--icon--filter:hover .ico {
  background-image: url("../img/icon/filter-blue-hover.svg");
}

.button--icon--invert.button--icon--filter:active .ico,
.button--icon--invert.button--icon--filter:focus .ico {
  background-image: url("../img/icon/filter-blue-active.svg");
}

.button--icon--invert.button--icon--filter:disabled .ico {
  background-image: url("../img/icon/filter-disabled.svg");
}

.button--icon--invert.button--icon--filter:disabled:hover .ico,
.button--icon--invert.button--icon--filter:disabled:active .ico,
.button--icon--invert.button--icon--filter:disabled:focus .ico {
  background-image: url("../img/icon/filter-disabled.svg");
}

.button--icon--transparent {
  border-color: transparent;
  background: transparent;
}

.button--icon--transparent:hover {
  background: var(--Primary-blue-Blue-25, #f7f7ff);
  border-color: var(--Primary-blue-Blue-25, #f7f7ff);
}

.button--icon--transparent:active,
.button--icon--transparent:focus {
  border-color: var(--Primary-blue-Blue-50, #ededff);
  background: var(--Primary-blue-Blue-50, #ededff);
}

.button--icon--transparent:disabled {
  border-color: transparent;
  background: transparent;
}

.button--icon--transparent:disabled .ico {
  background-image: url("../img/icon/filter-disabled.svg");
}

.button--icon--transparent:disabled:hover,
.button--icon--transparent:disabled:active,
.button--icon--transparent:disabled:focus {
  border-color: transparent;
  background: transparent;
}

.button--icon--transparent.button--icon--filter:hover .ico {
  background-image: url("../img/icon/filter-blue-hover.svg");
}

.button--icon--transparent.button--icon--filter:active .ico,
.button--icon--transparent.button--icon--filter:focus .ico {
  background-image: url("../img/icon/filter-blue-active.svg");
}

.button--icon--transparent.button--icon--filter:disabled:hover .ico,
.button--icon--transparent.button--icon--filter:disabled:active .ico,
.button--icon--transparent.button--icon--filter:disabled:focus .ico {
  background-image: url("../img/icon/filter-disabled.svg");
}

.button--icon--red {
  background: var(--Secondary-Red-Red-600, #ee307d);
  border-color: var(--Secondary-Red-Red-600, #ee307d);
}

.button--icon--red:hover {
  background: var(--Secondary-Red-Red-700, #be2664);
  border-color: var(--Secondary-Red-Red-700, #be2664);
}

.button--icon--red:active,
.button--icon--red:focus {
  background: var(--Secondary-Red-Red-800, #8f1d4b);
  border-color: var(--Secondary-Red-Red-800, #8f1d4b);
}

.button--icon--red:disabled {
  background: var(--Grey-scale-Grey-300, #c0c0cc);
  border-color: var(--Grey-scale-Grey-300, #c0c0cc);
}

.button--icon--red:disabled:hover,
.button--icon--red:disabled:active,
.button--icon--red:disabled:focus {
  background: var(--Grey-scale-Grey-300, #c0c0cc);
  border-color: var(--Grey-scale-Grey-300, #c0c0cc);
}

.button--icon--red--invert {
  border: 1px solid var(--Secondary-Red-Red-600, #ee307d);
  background: transparent;
}

.button--icon--red--invert:hover {
  border-color: var(--Secondary-Red-Red-700, #be2664);
  background: transparent;
}

.button--icon--red--invert:focus,
.button--icon--red--invert:active {
  border-color: var(--Secondary-Red-Red-800, #8f1d4b);
  background: transparent;
}

.button--icon--red--invert:disabled {
  border-color: var(--Grey-scale-Grey-300, #c0c0cc);
  background: transparent;
}

.button--icon--red--invert:disabled:hover,
.button--icon--red--invert:disabled:focus,
.button--icon--red--invert:disabled:active {
  border-color: var(--Grey-scale-Grey-300, #c0c0cc);
  background: transparent;
}

.button--icon--red--invert.button--icon--filter:hover .ico {
  background-image: url("../img/icon/filter-red-hover.svg");
}

.button--icon--red--invert.button--icon--filter:active .ico,
.button--icon--red--invert.button--icon--filter:focus .ico {
  background-image: url("../img/icon/filter-red-active.svg");
}

.button--icon--red--invert.button--icon--filter:disabled .ico {
  background: url("../img/icon/filter-disabled.svg");
}

.button--icon--red--transparent {
  background: transparent;
  border-color: transparent;
}

.button--icon--red--transparent:hover {
  background: var(--Secondary-Red-Red-25, #fdf3f7);
  border-color: var(--Secondary-Red-Red-25, #fdf3f7);
}

.button--icon--red--transparent:focus,
.button--icon--red--transparent:active {
  background: var(--Secondary-Red-Red-50, #fdeaf2);
  border-color: var(--Secondary-Red-Red-50, #fdeaf2);
}

.button--icon--red--transparent:disabled {
  border-color: transparent;
  background: transparent;
}

.button--icon--red--transparent:disabled:hover,
.button--icon--red--transparent:disabled:active,
.button--icon--red--transparent:disabled:focus {
  border-color: transparent;
  background: transparent;
}

.button--icon--red--transparent.button--icon--filter:disabled .ico {
  background-image: url("../img/icon/filter-disabled.svg");
}

.button--icon--red--transparent.button--icon--filter:disabled:hover .ico,
.button--icon--red--transparent.button--icon--filter:disabled:focus .ico,
.button--icon--red--transparent.button--icon--filter:disabled:active .ico {
  background-image: url("../img/icon/filter-disabled.svg");
}

.button--icon--red--transparent.button--icon--filter:hover .ico {
  background-image: url("../img/icon/filter-red-hover.svg");
}

.button--icon--red--transparent.button--icon--filter:focus .ico,
.button--icon--red--transparent.button--icon--filter:active .ico {
  background-image: url("../img/icon/filter-red-active.svg");
}

.button-close-blue {
  line-height: normal;
  min-width: 32px;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background: var(--Primary-blue-Blue-600, #474eff);
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.button-close-blue:hover {
  background: var(--Primary-blue-Blue-700, #393fd2);
}

button.button {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}

button:disabled,
button[disabled] {
  background: var(--Grey-scale-Grey-300, #c0c0cc);
  border-color: var(--Grey-scale-Grey-300, #c0c0cc);
  color: #fff;
  cursor: default;
}

button:disabled:hover,
button:disabled:focus,
button:disabled:active,
button[disabled]:hover,
button[disabled]:focus,
button[disabled]:active {
  background: var(--Grey-scale-Grey-300, #c0c0cc);
  border-color: var(--Grey-scale-Grey-300, #c0c0cc);
  color: #fff;
  cursor: default;
}

.ui-buttons__inner--mob .button,
.ui-buttons__inner--mob .button--sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.56px;
  padding: 7px 11px;
}

.ui-buttons__inner--icons-mob .button,
.ui-buttons__inner--icons-mob .button--sm {
  min-width: 32px;
  width: 32px;
  height: 32px;
}

.ui-buttons__inner--icons-mob .button .ico,
.ui-buttons__inner--icons-mob .button--sm .ico {
  min-width: 16px;
  width: 16px;
  height: 16px;
}

button.clear-button {
  width: 24px;
  min-width: 24px;
  height: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  display: none;
}

button.clear-button:hover .ico {
  background-image: url("../img/icon/clear-hover.svg");
}

button.clear-button--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tooltip-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  min-width: 24px;
  height: 24px;
  border: none;
  background: none;
  cursor: pointer;
}

.password-control {
  display: none;
  width: 24px;
  min-width: 24px;
  height: 24px;
  border: none;
  background: none;
  cursor: pointer;
}

.password-control--show-pass {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.password-control--show-pass .ico {
  background-image: url("../img/icon/eye-crossed.svg");
}

.password-control--show {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-repeat: no-repeat;
  background-position: center center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  background-size: contain;
}

.ico.medical {
  background-image: url("../img/icon/start-medical-icon.svg");
  min-width: 25px;
  width: 25px;
  height: 23px;
}

.ico.no-medical {
  background-image: url("../img/icon/start-nonmedical-icon.svg");
}

.ico.coins {
  background-image: url("../img/icon/coins.svg");
  min-width: 15px;
  width: 15px;
  height: 18px;
}

.ico.phone {
  background-image: url("../img/icon/phone.svg");
}

.ico.nav {
  background-image: url("../img/icon/nav.svg");
}

.ico.search-blue {
  background-image: url("../img/icon/search-blue.svg");
}

.ico.fav {
  background-image: url("../img/icon/fav.svg");
}

.ico.fav-blue {
  background-image: url("../img/icon/fav-blue.svg");
  min-width: 20px;
  width: 20px;
  max-width: 20px;
  height: 20px;
}

.ico.share {
  background-image: url("../img/icon/share.svg");
  min-width: 20px;
  width: 20px;
  max-width: 20px;
  height: 20px;
}

.ico.basket {
  background-image: url("../img/icon/basket.svg");
}

.ico.profile {
  background-image: url("../img/icon/profile.svg");
}

.ico.nav-doctors {
  background-image: url("../img/icon/nav-education-doctors.svg");
}

.ico.nav-farm {
  background-image: url("../img/icon/nav-education-farm.svg");
}

.ico.nav-middle {
  background-image: url("../img/icon/nav-education-middle.svg");
}

.ico.nav-lectors {
  background-image: url("../img/icon/nav-lectors.svg");
}

.ico.nav-lectors-blue {
  background-image: url("../img/icon/nav-lectors-blue.svg");
}

.ico.actions {
  background-image: url("../img/icon/actions.svg");
}

.ico.nav-stock {
  background-image: url("../img/icon/nav-stock.svg");
}

.ico.nav-contacts {
  background-image: url("../img/icon/nav-contacts.svg");
}

.ico.nav-contacts-blue {
  background-image: url("../img/icon/nav-contacts-blue.svg");
}

.ico.exit {
  background-image: url("../img/icon/exit.svg");
}

.ico.left-gray-sm {
  background-image: url("../img/icon/left-gray-sm.svg");
  min-width: 6px;
  width: 6px;
  height: 10px;
}

.ico.right-gray-sm {
  background-image: url("../img/icon/right-gray-sm.svg");
  min-width: 6px;
  width: 6px;
  height: 10px;
}

.ico.chevron-right-white {
  background-image: url("../img/icon/chevron-right-white.svg");
  min-width: 20px;
  width: 20px;
  height: 20px;
}

.ico.mob-menu {
  background-image: url("../img/icon/mobmenu.svg");
}

.ico.profile-2 {
  background-image: url("../img/icon/profile-2.svg");
}

.ico.fav-gray {
  background-image: url("../img/icon/fav-gray.svg");
}

.ico.basket-gray {
  background-image: url("../img/icon/basket-gray.svg");
}

.ico.filter-white {
  background-image: url("../img/icon/filter-white.svg");
}

.ico.filter-blue {
  background-image: url("../img/icon/filter-blue.svg");
}

.ico.filter-red {
  background-image: url("../img/icon/filter-red.svg");
}

.ico.close-white {
  min-width: 20px;
  width: 20px;
  height: 20px;
  background-image: url("../img/icon/close-white.svg");
}

.ico.clear {
  background-image: url("../img/icon/clear.svg");
}

.ico.key {
  background-image: url("../img/icon/key.svg");
}

.ico.vk {
  background-image: url("../img/icon/vk.svg");
}

.ico.google {
  background-image: url("../img/icon/google.svg");
}

.ico.yandex {
  background-image: url("../img/icon/yandex.svg");
}

.ico.fb {
  background-image: url("../img/icon/fb.svg");
}

.ico.error-red {
  background-image: url("../img/icon/error-red.svg");
}

.ico.eye-blue {
  background-image: url("../img/icon/eye.svg");
}

.ico.eye-gray {
  background-image: url("../img/icon/eye-gray.svg");
}

.ico.more {
  background-image: url("../img/icon/white-arrow-right.svg");
}

.ico.photo {
  background-image: url("../img/icon/photo.svg");
  width: 32px;
  height: 32px;
  max-height: 32px;
  min-height: 32px;
  min-width: 32px;
  max-width: 32px;
  background-color: rgba(232, 234, 238, 0.7);
  border-radius: 60px;
  background-size: auto;
}

.ico.calendar {
  background-image: url("../img/icon/calendar.svg");
}

.ico.calendar-gray {
  background-image: url("../img/icon/calendar-gray.svg");
}

.ico.info-gray {
  background-image: url("../img/icon/info-gray.svg");
}

.ico.delete-red {
  background-image: url("../img/icon/delete-red.svg");
  min-width: 20px;
  width: 20px;
  height: 20px;
  max-width: 20px;
}

.ico.dashboard {
  background-image: url("../img/icon/dashboard.svg");
}

.ico.profile-blue {
  background-image: url("../img/icon/profile-blue.svg");
}

.ico.upload {
  background-image: url("../img/icon/upload.svg");
}

.ico.sheild {
  background-image: url("../img/icon/sheild.svg");
}

.ico.done {
  background-image: url("../img/icon/done.svg");
}

.ico.peoples {
  background-image: url("../img/icon/peoples.svg");
}

.ico.select-arrow {
  background-image: url("../img/icon/select-arrow.svg");
  min-width: 20px;
  width: 20px;
  height: 20px;
}

.ico.plus-blue {
  background-image: url("../img/icon/plus-blue.svg");
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
}

.ico.error {
  background-image: url("../img/icon/error.svg");
}

.ico.info {
  background-image: url("../img/icon/info.svg");
}

.ico.done-green {
  background-image: url("../img/icon/done-green.svg");
}

.ico.basket-blue {
  background-image: url("../img/icon/basket-blue.svg");
}

.ico.webinar {
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-image: url("../img/icon/webinar.svg");
}

.ico.upload-mini {
  width: 16px;
  height: 16px;
  min-width: 16px;
  max-width: 16px;
  background-image: url("../img/icon/upload-mini.svg");
}

.ico.download {
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-image: url("../img/icon/download.svg");
}

.ico.time {
  background-image: url("../img/icon/time.svg");
}

.ico.sort {
  background-image: url("../img/icon/sort.svg");
}

.ico.arrow-down {
  min-width: 16px;
  max-width: 16px;
  width: 16px;
  height: 16px;
  background-image: url("../img/icon/chevron.svg");
}

.ico.sort-gray {
  background-image: url("../img/icon/sort-gray.svg");
}

.ico.sort-gray-top {
  background-image: url("../img/icon/sort-gray-top.svg");
}

.ico.left-big {
  background-image: url("../img/icon/arrow-left-big.svg");
}

.ico.chevron {
  background-image: url("../img/icon/chevron.svg");
}

.ico.close {
  background-image: url("../img/icon/close.svg");
  min-width: 20px;
  width: 20px;
  height: 20px;
}

.ico.instruction {
  background-image: url("../img/icon/instruction-icon.svg");
}

.ico.close-blue {
  background-image: url("../img/icon/close-blue.svg");
  background-size: auto;
}

.ico.pen {
  background-image: url("../img/icon/pen-icon.svg");
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-size: auto;
}

.ico.ban {
  background-image: url("../img/icon/ban-icon.svg");
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-size: auto;
}

.ico.lector {
  background-image: url("../img/icon/lector-icon.svg");
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-size: auto;
}

.ico.delete {
  background-image: url("../img/icon/delete-icon.svg");
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-size: auto;
}

.ico.pin {
  background-image: url("../img/icon/pin-icon.svg");
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-size: auto;
}

.ico.file {
  background-image: url("../img/icon/file-icon.svg");
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-size: auto;
}

.ico.chat-1 {
  background-image: url("../img/icon/chat-btn-1.svg");
  width: 24px;
  height: 24px;
  min-width: 24px;
  max-width: 24px;
  background-size: auto;
}

.ico.chat-2 {
  background-image: url("../img/icon/chat-btn-2.svg");
  width: 24px;
  height: 24px;
  min-width: 24px;
  max-width: 24px;
  background-size: auto;
}

.ico.send {
  background-image: url("../img/icon/send.svg");
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-size: auto;
}

.ico.fullscreen {
  background-image: url("../img/icon/fullscreen.svg");
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-size: auto;
}

.ico.sidebar {
  background-image: url("../img/icon/sidebar.svg");
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-size: auto;
}

.ico.close-red {
  background-image: url("../img/icon/close-red.svg");
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-size: auto;
}

.ico.remove-gray {
  background-image: url("../img/icon/remove-gray.svg");
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-size: auto;
}

.ico.chat-3 {
  background-image: url("../img/icon/chat-3.svg");
}

.ico.filters {
  background-image: url("../img/icon/filters.svg");
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-size: auto;
}

.ico.close-filter {
  background-image: url("../img/icon/close-btn.svg");
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
}

.ico.blank-info {
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-image: url("../img/icon/blank-info.svg");
}

.ico.slider-arrow {
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-image: url("../img/icon/slider-arrow-white.svg");
}

.ico.blank-passed {
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-image: url("../img/icon/blank-passed.svg");
}

.ico.blank-not-accepted {
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-image: url("../img/icon/blank-not-accepted.svg");
}

.ico.edit {
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-image: url("../img/icon/edit-icon.svg");
}

.ico.print {
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-image: url("../img/icon/print.svg");
}

.ico.question {
  background-image: url("../img/icon/question.svg");
}

.ico.clip {
  background-image: url("../img/icon/clip.svg");
}

.ico.docs {
  width: 32px;
  height: 32px;
  min-width: 32px;
  max-height: 32px;
  background-image: url("../img/icon/document-text.svg");
}

.ico.info-2 {
  background-image: url("../img/icon/info-2.svg");
}

.ico.ico-left {
  background-image: url("../img/icon/ico-left.svg");
}

.ico.loc {
  background-image: url("../img/icon/loc.svg");
}

.ico.case {
  background-image: url("../img/icon/case.svg");
}

.ico.document {
  background-image: url("../img/icon/document.svg");
}

.ico.education {
  background-image: url("../img/icon/education.svg");
}

.ico.education2 {
  background-image: url("../img/icon/education2.svg");
}

.ico.director {
  background-image: url("../img/icon/director.svg");
}

.ico.materials {
  background-image: url("../img/icon/materials.svg");
}

.ico.bonus {
  background-image: url("../img/icon/bonus.svg");
}

.ico.payment {
  background-image: url("../img/icon/payment.svg");
}

.ico.calculate {
  background-image: url("../img/icon/calculate.svg");
}

.ico.doctor {
  background-image: url("../img/icon/doctor.svg");
}

.ico.glasses {
  background-image: url("../img/icon/glasses.svg");
}

.ico.world {
  background-image: url("../img/icon/world.svg");
}

.choice {
  padding-bottom: 50px;
}

.choice__container {
  max-width: 1110px;
  margin: 0 auto;
  width: 100%;
}

.choice__top {
  padding-top: 56px;
  background: linear-gradient(268deg, #af51f5 -22.09%, #474eff 99.27%);
}

.choice__logo {
  display: inline-block;
}

.choice__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 30px;
}

.choice__group-image {
  width: 100%;
  max-width: 350px;
}

.choice__info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.choice__title {
  color: var(--Grey-scale-Grey-50, #f0f0f7);
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0.56px;
  margin-bottom: 24px;
  padding-top: 32px;
}

.choice__desc {
  color: var(--Grey-scale-Grey-200, #dfdfe8);
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.32px;
  max-width: 569px;
}

.choice__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-top: -70px;
  padding-bottom: 143px;
}

.choice__item {
  padding: 32px;
  border-radius: 24px;
  background: #fff;
  border: 1px solid var(--Grey-scale-Grey-50, #f0f0f7);
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
}

.choice__item-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.4px;
  margin-bottom: 24px;
}

.choice__item-header-icon {
  width: 84px;
  min-width: 84px;
  height: 84px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--Primary-blue-Blue-25, #f7f7ff);
  border-radius: 12px;
}

.choice__item-desc {
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
  margin-bottom: 24px;
}

.choice__item-btn-holder {
  text-align: right;
}

.choice__footer-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.36px;
  margin-bottom: 16px;
}

.choice__footer-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
}

.choice__footer-desc {
  color: var(--Grey-scale-Grey-600, #78787f);
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0.48px;
}

.choice__footer-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 40px;
  height: 40px;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
  border-radius: 50%;
}

.choice__footer-link:hover {
  background: var(--Primary-blue-Blue-50, #ededff);
}

.choice__footer-link:focus {
  background: var(--Primary-blue-Blue-100, #dadcff);
}

.choice__footer-links {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

@media (max-width: 1365px) {
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (max-width: 1199px) {
  .choice__container {
    padding: 0 15px;
  }

  .choice__items {
    gap: 15px;
  }

  .choice__item {
    padding: 22px;
  }
}

@media (max-width: 999px) {
  body .wrapper.fixed {
    padding-top: 108px;
  }

  body .wrapper.fixed.ribbon {
    padding-top: 162px;
  }
}

@media (max-width: 991px) {
  .button--slider {
    font-size: 14px;
    min-width: auto;
    width: auto;
    padding: 7.5px 16.5px;
  }
}

@media (max-width: 989px) {
  .choice__group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  .choice__group-image {
    max-width: 330px;
    margin-top: -118px;
  }

  .choice__info {
    width: 100%;
  }

  .choice__top {
    padding-top: 25px;
  }

  .choice__title {
    max-width: 690px;
  }

  .choice__desc {
    max-width: 330px;
    font-weight: 400;
  }

  .choice__items {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    padding-bottom: 94px;
    margin-top: -110px;
    gap: 30px;
  }

  .choice__item {
    padding: 22px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .choice__item-btn-holder {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .choice__top {
    padding-bottom: 55px;
  }
}

@media (max-width: 767px) {
  body .wrapper.fixed {
    padding-top: 70px;
  }

  body .wrapper.fixed.ribbon {
    padding-top: 124px;
  }

  h2 {
    font-size: 22px;
    line-height: normal;
  }

  .button {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.48px;
    padding: 9px 12px;
    height: auto;
  }

  .button--icon--md-2 {
    height: 48px;
  }

  .choice__title {
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0.44px;
    margin-bottom: 16px;
  }

  .choice__desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.14px;
  }

  .choice__group {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .choice__group-image {
    margin-top: -80px;
  }

  .choice__item {
    padding: 24px;
    border-radius: 22px;
  }

  .choice__item-header-icon {
    width: 64px;
    min-width: 64px;
    height: 64px;
  }

  .choice__item-header {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.36px;
    margin-bottom: 16px;
  }

  .choice__item-desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.14px;
    margin-bottom: 16px;
  }

  .choice__item-btn-holder .button {
    padding: 7px 16px;
    gap: 8px;
    font-size: 16px;
    font-weight: 600;
  }

  .choice__item-btn-holder .button .ico {
    min-width: 20px;
    width: 20px;
    height: 20px;
  }

  .choice__items {
    gap: 24px;
    padding-bottom: 40px;
  }

  .choice__footer-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.32px;
  }

  .choice__footer-info {
    gap: 16px;
  }
}

@media (max-width: 575px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  h2 {
    font-size: 20px;
  }
}