:root {
  --header-top-height: 42px;
  --header-bottom-height: 100px;
  --header-full-height: calc(42px + 100px);
}
@media screen and (max-width: 600px) {
  :root {
    --header-bottom-height: 52px;
    --header-full-height: calc(42px + 52px);
  }
}
@font-face {
  font-family: "Montserrat";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../../fonts/Inter-Regular.woff") format("woff"), url("../../fonts/Inter-Regular.woff2") format("woff2"), url("../../fonts/Inter-Regular.ttf") format("truetype"), url("../../fonts/Inter-Regular.eot") format("embedded-opentype");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../../fonts/Inter-Medium.woff") format("woff"), url("../../fonts/Inter-Medium.woff2") format("woff2"), url("../../fonts/Inter-Medium.ttf") format("truetype"), url("../../fonts/Inter-Medium.eot") format("embedded-opentype");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../../fonts/Inter-SemiBold.woff") format("woff"), url("../../fonts/Inter-SemiBold.woff2") format("woff2"), url("../../fonts/Inter-SemiBold.ttf") format("truetype"), url("../../fonts/Inter-SemiBold.eot") format("embedded-opentype");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../../fonts/Inter-Bold.woff") format("woff"), url("../../fonts/Inter-Bold.woff2") format("woff2"), url("../../fonts/Inter-Bold.ttf") format("truetype"), url("../../fonts/Inter-Bold.eot") format("embedded-opentype");
}
body {
  font-family: "Inter", "Arial", sans-serif;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  min-height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #F0F2F5;
  background-color: #0F1114;
}
@media screen and (min-width: 1100px) and (max-width: 1300px) {
  body {
    zoom: 90%;
  }
}
img {
  max-width: 100%;
  height: auto;
}
a {
  text-decoration: none;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}
*,
*::after,
*::before {
  box-sizing: border-box;
}
ul,
ol {
  padding: 0;
  margin: 0;
}
ul li {
  list-style: none;
}
input,
textarea,
select {
  outline: none;
  font-family: "Inter", "Arial", sans-serif;
}
fieldset {
  padding: 0;
  margin: 0;
  border: none;
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}
p {
  padding: 0;
  margin: 0;
}
a,
button {
  cursor: pointer;
}
.flex {
  display: flex;
}
.flex-c {
  display: flex;
  align-items: center;
}
.flex-c-j {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-c-b {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section-grey {
  background-color: #1F2227;
}
.menu-open {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}
.title-section {
  font-size: 52px;
  line-height: 64px;
  font-weight: 500;
}
.scroll-top {
  position: fixed;
  bottom: 70px;
  right: 60px;
  width: 36px;
  height: 36px;
  background-color: #00C273;
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 100;
  transition: background-color 0.3s ease;
}
.scroll-top:hover {
  background-color: #008f55;
}
@media screen and (max-width: 1100px) {
  .title-section {
    font-size: 36px;
    line-height: 48px;
  }
}
@media screen and (max-width: 600px) {
  .title-section {
    font-size: 30px;
    line-height: 40px;
  }
}
.button {
  border: none;
  font-family: "Inter", "Arial", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  background-color: transparent;
  color: white;
}
.button--green {
  display: inline-block;
  border: none;
  font-family: "Inter", "Arial", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  text-transform: uppercase;
  color: white;
  background-color: #00C273;
  padding: 8px 16px;
  border-radius: 20px;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.button--green:hover {
  background-color: #00E07A;
  box-shadow: 0 0 8px rgba(0, 194, 115, 0.4);
}
.button--black {
  border: none;
  font-family: "Inter", "Arial", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  color: white;
  text-transform: uppercase;
  background-color: transparent;
  border: 1px solid #2A2D33;
  padding: 8px 16px;
  border-radius: 20px;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.button--black:hover {
  background-color: #1F2227;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  border: 1px solid #1F2227;
}
.wrapper {
  max-width: 1430px;
  margin: 0 auto;
  padding: 0 80px;
}
.wrapper--full {
  max-width: 1760px;
  width: 100%;
  margin: 0 auto;
  padding: 0 60px;
}
@media screen and (max-width: 1100px) {
  .wrapper {
    max-width: 100%;
    padding: 0 40px;
  }
  .wrapper--full {
    max-width: 100%;
    width: 100%;
    padding: 0 40px;
  }
}
@media screen and (max-width: 700px) {
  .wrapper {
    padding: 0 20px;
  }
  .wrapper--full {
    padding: 0 20px;
  }
}
.header {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  height: var(--header-full-height);
}
.header--scrolled .header-bottom {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
  background-color: #17191D;
  height: var(--header-bottom-height);
  display: flex;
  align-items: center;
  transform: translateY(0);
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.header-top {
  background-color: #1F2227;
  height: var(--header-top-height);
  opacity: 1;
  transition: opacity 0.3s ease;
}
.header-top__link {
  color: #F0F2F5;
  transition: color 0.3s ease;
}
.header-top__link--login {
  margin-left: auto;
}
.header-top__link svg {
  margin-right: 8px;
}
.header-top__link svg path {
  fill: #F0F2F5;
  transition: fill 0.3s ease;
}
.header-top__link:hover {
  color: #00E07A;
}
.header-top__link:hover svg path {
  fill: #00E07A;
}
@media screen and (max-width: 600px) {
  .header-top__link {
    font-size: 0;
  }
  .header-top__link svg {
    margin-right: 0;
  }
}
.header-bottom {
  background-color: #17191D;
  height: var(--header-bottom-height);
}
.header-bottom-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--header-bottom-height);
  background-color: #17191D;
  z-index: 1001;
  transform: translateY(-100%);
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
  pointer-events: none;
}
.header-bottom-fixed .logo {
  margin-right: 48px;
}
.header-bottom-fixed.show {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}
.header-bottom .logo {
  margin-right: 48px;
}
.header-bottom__link {
  margin-left: 16px;
}
@media screen and (max-width: 1100px) {
  .header-bottom-fixed .logo {
    margin-right: 32px;
  }
  .header-bottom .logo {
    margin-right: 32px;
  }
  .header-bottom__link {
    margin-left: 16px;
  }
  .header-bottom__link:first-child {
    margin-left: 0;
  }
}
@media screen and (max-width: 600px) {
  .header-bottom-fixed .logo {
    margin-right: auto;
    width: 70px;
    display: flex;
  }
  .header-bottom-fixed .header-bottom__link {
    display: none;
  }
  .header-bottom .logo {
    margin-right: auto;
    width: 70px;
    display: flex;
  }
  .header-bottom__link {
    display: none;
  }
}
.main-nav {
  margin-right: auto;
}
.main-nav__list {
  gap: 16px;
}
.main-nav__list-sub {
  position: absolute;
  top: 100%;
  left: 0;
  width: 293px;
  margin-top: 16px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  padding: 24px;
  border-radius: 20px;
  background-color: #17191D;
  border: 1px solid #2A2D33;
}
.main-nav__list-sub.active {
  opacity: 1;
  pointer-events: all;
}
.main-nav__item {
  padding: 8px 16px;
  border: 1px solid transparent;
  border-radius: 20px;
  transition: border 0.3s ease;
  cursor: pointer;
  position: relative;
}
.main-nav__item-sub:not(:last-child) {
  margin-bottom: 16px;
}
.main-nav__item.active {
  border: 1px solid #2A2D33;
}
.main-nav__link {
  color: #F0F2F5;
  transition: color 0.3s ease;
}
.main-nav__link:hover {
  color: #00C273;
}
@media screen and (max-width: 1100px) {
  .main-nav {
    display: none;
  }
  .main-nav__item {
    padding: 24px 0 16px;
    border: none;
    border-bottom: 1px solid #2A2D33;
    border-radius: 0;
    cursor: pointer;
    transition: none;
  }
  .main-nav__item-sub:not(:last-child) {
    margin-bottom: 16px;
  }
  .main-nav__item.active {
    border: none;
    border-bottom: 1px solid #2A2D33;
  }
  .main-nav__name {
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .main-nav__list {
    padding-bottom: 150px;
  }
  .main-nav__list-sub {
    position: relative;
    width: 100%;
    max-height: 0;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    border: none;
    margin: 0;
    overflow: hidden;
    transition: max-height 0.5s ease, margin-top 0.5s ease, padding 0.5s ease;
  }
  .main-nav__list-sub.active {
    margin-top: 24px;
    max-height: 500px;
    padding-top: 0;
  }
}
@media screen and (min-width: 1100px) {
  .main-nav__item:hover {
    border: 1px solid #2A2D33;
  }
}
.menu {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 140px;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1100;
  transition: opacity 0.3s ease;
  background-color: #0F1114;
  padding: 24px 40px 48px;
}
.menu__toggle {
  display: none;
}
.menu__close {
  display: none;
}
@media screen and (max-width: 1100px) {
  .menu {
    overflow-y: auto;
  }
  .menu__toggle {
    display: flex;
    margin-left: auto;
    padding: 0;
  }
  .menu--active {
    opacity: 1;
    pointer-events: all;
  }
  .menu .main-nav {
    display: block;
  }
  .menu .main-nav__name img {
    transition: transform 0.3s ease;
  }
  .menu .main-nav__item--active .main-nav__name img {
    transform: rotate(180deg);
  }
  .menu__link {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .menu {
    padding: 24px 20px;
    top: 94px;
  }
  .menu__link {
    display: block;
    margin-bottom: 16px;
  }
  .menu__toggle svg {
    width: 20px;
  }
}
.home__deposits {
  padding: 42px 0;
  text-align: center;
}
.home__deposits-title {
  font-size: 36px;
  line-height: 48px;
  font-weight: 500;
  margin-bottom: 32px;
  text-align: center;
}
.home__deposits-title--second {
  text-align: center;
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
  margin-bottom: 16px;
}
.home__deposits-title--second span {
  color: #00C273;
}
.home__deposits-desc {
  text-align: center;
  margin-bottom: 32px;
}
.home__deposits-list {
  padding: 10px 38px;
  background-color: #17191D;
  border-radius: 20px;
  margin-bottom: 32px;
}
.home__deposits-item {
  position: relative;
  padding-left: 20px;
}
.home__deposits-item::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 12px;
  height: 12px;
  transform: translateY(-50%);
  background-color: #00C273;
  border-radius: 50%;
}
.home__deposits-item:not(:last-child) {
  padding-right: 24px;
  margin-right: 24px;
}
.home__deposits-item:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 0;
  right: -24px;
  width: 1px;
  height: 28px;
  background-color: #2A2D33;
}
.home__payments {
  background-color: #F0F2F5;
  padding: 40px 0;
  margin-bottom: 32px;
}
.home__trade {
  padding: 92px 0;
  gap: 24px;
}
.home__trade-info {
  width: calc(100% - 648px);
}
.home__trade-title {
  margin-bottom: 16px;
}
.home__trade-subtitle {
  margin-bottom: 24px;
}
.home__trade-list {
  margin-bottom: 32px;
}
.home__trade-item {
  position: relative;
  padding-left: 28px;
}
.home__trade-item::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 12px;
  height: 12px;
  transform: translateY(-50%);
  background-color: #00C273;
  border-radius: 50%;
}
.home__trade-item:not(:last-child) {
  margin-bottom: 16px;
}
.home__trade-link {
  display: inline-block;
}
.home__steps {
  text-align: center;
  margin-bottom: 92px;
}
.home__steps-header {
  margin-bottom: 32px;
}
.home__steps-list {
  gap: 24px;
  margin-bottom: 42px;
  align-items: stretch;
}
.home__steps-item {
  text-align: left;
  width: calc(33.33% - 16px);
  background-color: #17191D;
  border-radius: 20px;
  padding: 24px;
}
.home__steps-number {
  font-size: 36px;
  line-height: 48px;
  font-weight: 500;
  background: linear-gradient(to right, #8AE85C 0%, #00C273 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.home__steps-title {
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
  margin: 16px 0;
}
.home__steps-link {
  display: inline-block;
}
@keyframes float {
  0%,
  100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
}
@media screen and (max-width: 1100px) {
  .home__deposits {
    padding: 24px 0;
  }
  .home__deposits-title {
    font-size: 28px;
    line-height: 36px;
  }
  .home__deposits-title--second {
    text-align: center;
    font-size: 24px;
    line-height: 32px;
  }
  .home__deposits-list {
    padding: 24px;
    flex-direction: column;
  }
  .home__deposits-item {
    width: 100%;
    text-align: left;
  }
  .home__deposits-item::before {
    top: 14px;
  }
  .home__deposits-item:not(:last-child) {
    padding-right: 0;
    margin-right: 0;
    padding-bottom: 24px;
    margin-bottom: 24px;
  }
  .home__deposits-item:not(:last-child)::after {
    top: unset;
    bottom: 0;
    width: 100%;
    right: 0;
    height: 1px;
  }
  .home__deposits-link {
    display: inline-block;
  }
  .home__payments-list {
    flex-wrap: wrap;
  }
  .home__payments-item {
    width: 25%;
  }
  .home__payments-item:nth-last-child(-n+4) {
    margin-top: 32px;
  }
  .home__trade {
    padding: 62px 0;
    flex-direction: column;
    gap: 42px;
  }
  .home__trade-info {
    width: 100%;
  }
  .home__trade-list {
    margin-bottom: 32px;
  }
  .home__steps {
    margin-bottom: 62px;
  }
  .home__steps-header {
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 42px;
  }
  .home__steps-list {
    margin-bottom: 24px;
    align-items: stretch;
    flex-wrap: wrap;
  }
  .home__steps-item {
    width: 100%;
  }
  .home__steps-number {
    font-size: 28px;
    line-height: 36px;
  }
  .home__steps-link {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  .home__deposits-title {
    font-size: 24px;
    line-height: 32px;
  }
  .home__deposits-title--second {
    font-size: 20px;
    line-height: 30px;
  }
  .home__deposits-list {
    padding: 24px;
    flex-direction: column;
  }
  .home__deposits-item {
    width: 100%;
  }
  .home__deposits-link {
    display: block;
  }
  .home__payments {
    margin-bottom: 24px;
  }
  .home__payments-list {
    gap: 32px;
    justify-content: center;
  }
  .home__payments-item {
    width: calc(30% - 16px);
  }
  .home__payments-item:nth-last-child(-n+4) {
    margin-top: 0;
  }
  .home__trade {
    padding: 48px 0;
    gap: 32px;
  }
  .home__steps {
    margin-bottom: 48px;
  }
  .home__steps-header {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 24px;
  }
  .home__steps-number {
    font-size: 24px;
    line-height: 32px;
  }
}
.hero {
  background-image: url('../images/content/home/hero-bg.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: calc(100vh - 142px);
}
.hero__content {
  height: calc(100vh - 142px);
  flex-direction: column;
  text-align: center;
  padding: 124px 0 24px;
}
.hero__subtitle {
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 24px;
}
.hero__title {
  font-size: 80px;
  line-height: 96px;
  font-weight: 700;
  margin-bottom: 24px;
  text-transform: uppercase;
}
.hero__info {
  padding: 38px 24px;
  margin-top: auto;
  margin-bottom: 68px;
  border-radius: 20px;
  background-color: rgba(139, 139, 139, 0.3);
  backdrop-filter: blur(40px);
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.hero__info::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 125px;
  height: 125px;
  background: url('../images/content/home/hero-ellips-left.svg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
  pointer-events: none;
}
.hero__info::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 125px;
  height: 125px;
  background: url('../images/content/home/hero-ellips-right.svg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
  pointer-events: none;
}
.hero__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  position: relative;
  width: 216px;
}
.hero__item:not(:last-child) {
  margin-right: 18px;
  padding-right: 18px;
}
.hero__item:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: rgba(139, 139, 139, 0.3);
}
.hero__item-value {
  font-size: 36px;
  line-height: 48px;
  font-weight: 500;
}
.hero__item-label {
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
}
.hero__arrow {
  animation: float 1.5s ease-in-out infinite;
}
.hero__link {
  margin-bottom: 20px;
}
.hero__link--simple {
  display: inline-block;
  margin-top: 8px;
  color: #F0F2F5;
  transition: color 0.3s ease;
}
.hero__link--simple:hover {
  color: #00C273;
}
@media screen and (max-width: 1550px) {
  .hero {
    height: auto;
  }
  .hero__content {
    height: auto;
    padding: 124px 0 24px;
  }
  .hero__info {
    margin-top: 240px;
  }
}
@media screen and (max-width: 1100px) {
  .hero__title {
    font-size: 36px;
    line-height: 48px;
    font-weight: 500;
    margin-bottom: 16px;
  }
  .hero__info {
    margin-bottom: 124px;
  }
  .hero__list {
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
  }
  .hero__list::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(139, 139, 139, 0.3);
  }
  .hero__item {
    width: 200px;
  }
  .hero__item:first-child {
    width: calc(50% - 36px);
    margin-bottom: 24px;
  }
  .hero__item:nth-child(2) {
    width: calc(50% - 36px);
    margin-bottom: 24px;
  }
  .hero__item:nth-child(2)::after {
    display: none;
  }
  .hero__item:nth-child(n+3) {
    width: calc(33.33% - 24px);
    margin-top: 24px;
  }
}
@media screen and (max-width: 600px) {
  .hero {
    height: auto;
  }
  .hero__content {
    height: auto;
    padding: 62px 0 ;
  }
  .hero__title {
    font-size: 30px;
    line-height: 40px;
  }
  .hero__subtitle {
    margin-bottom: 16px;
  }
  .hero__link {
    display: inline-block;
    margin-top: 16px;
  }
  .hero__info {
    margin-top: 42px;
    margin-bottom: 0;
  }
  .hero__list {
    padding: 24px 60px;
  }
  .hero__list::before {
    display: none;
  }
  .hero__item {
    width: 200px;
  }
  .hero__item:not(:last-child) {
    margin-right: 0;
    padding-right: 0;
    padding-bottom: 16px;
  }
  .hero__item:not(:last-child)::after {
    top: unset;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
  }
  .hero__item:first-child {
    width: 100%;
    margin-bottom: 16px;
  }
  .hero__item:nth-child(2) {
    width: 100%;
    margin-bottom: 16px;
  }
  .hero__item:nth-child(2)::after {
    display: block;
  }
  .hero__item:nth-child(n+3) {
    width: 100%;
    margin-top: 0;
    margin-bottom: 16px;
  }
  .hero__arrow {
    display: none;
  }
}
.ticker {
  overflow: hidden;
  margin-top: 40px;
  margin-bottom: 70px;
}
.ticker__list {
  gap: 24px;
  animation: ticker-scroll 24s ease-in-out infinite alternate;
  width: max-content;
}
.ticker__item {
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: #F0F2F5;
  padding: 8px 16px;
  border-radius: 20px;
  box-shadow: 0 0 8px rgba(0, 194, 115, 0.4);
  width: 260px;
  color: #0F1114;
  flex-shrink: 0;
}
.ticker__values {
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.ticker__names {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.ticker__title {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.ticker__name {
  font-size: 12px;
  line-height: 20px;
}
.ticker__price {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.ticker__diff {
  font-size: 12px;
  line-height: 20px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.ticker__diff--height {
  color: #00C273;
}
.ticker__diff--low {
  color: #E54545;
}
@keyframes ticker-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-100% + 100vw));
  }
}
@media screen and (max-width: 600px) {
  .ticker {
    overflow: hidden;
    margin-top: 24px;
    margin-bottom: 48px;
  }
  .ticker__list {
    animation: ticker-scroll 30s ease-in-out infinite alternate;
  }
}
.infoblock {
  padding: 62px 0;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.infoblock::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1200px;
  height: 310px;
  background: url('../images/content/home/ellipse-start.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
}
.infoblock__title {
  margin-bottom: 24px;
}
.infoblock__subtitle {
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
  margin-bottom: 24px;
}
.infoblock__text {
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
  margin-bottom: 24px;
}
@media screen and (max-width: 1100px) {
  .infoblock {
    padding: 32px 0;
  }
  .infoblock::before {
    width: 100%;
    height: 80%;
  }
  .infoblock__subtitle {
    font-size: 24px;
    line-height: 32px;
  }
}
@media screen and (max-width: 600px) {
  .infoblock {
    padding: 24px 0;
  }
  .infoblock__subtitle {
    font-size: 20px;
    line-height: 30px;
  }
  .infoblock__link {
    display: block;
  }
  .infoblock__text {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
  }
}
.account-plan {
  padding-bottom: 92px;
  position: relative;
  text-align: center;
}
.account-plan::before {
  content: '';
  position: absolute;
  top: -50%;
  left: 0;
  width: 522px;
  height: 1044px;
  background-image: url(../images/content/home/ellipse-left.png);
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  z-index: -1;
}
.account-plan__title {
  margin-bottom: 16px;
  text-align: left;
}
.account-plan__subtitle {
  margin-bottom: 42px;
  max-width: 700px;
}
.account-plan__buttons {
  gap: 16px;
}
.account-plan__button {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #00C273;
  padding: 0;
  transition: background-color 0.3s ease;
}
.account-plan__button:hover {
  background-color: #00E07A;
}
.account-plan__slider {
  overflow: hidden;
  padding: 10px;
}
.account-plan__list {
  gap: 24px;
  padding-top: 72px;
}
.account-plan__item {
  text-align: center;
  background-color: #17191D;
  border-radius: 20px;
  padding: 24px;
  border: 1px solid #2A2D33;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.account-plan__item:hover {
  background-color: #1F2227;
  box-shadow: 0 0 8px rgba(0, 194, 115, 0.4);
}
.account-plan__item-title {
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
  margin-bottom: 16px;
  text-transform: uppercase;
}
.account-plan__item-premium {
  display: inline-block;
  width: 100%;
  font-weight: 600;
  color: rgba(0, 194, 115, 0.4);
  margin-bottom: 16px;
  border-radius: 20px;
  color: #F0F2F5;
  background: linear-gradient(to bottom, #8AE85C 0%, #00C273 100%);
}
.account-plan__item-desc {
  margin: 48px 0;
}
.account-plan__item-price {
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 16px;
}
.account-plan__link {
  display: block;
  width: 100%;
  margin-bottom: 16px;
}
.account-plan__more {
  display: block;
  width: 100%;
}
@media screen and (max-width: 1100px) {
  .account-plan {
    padding-bottom: 62px;
  }
  .account-plan::before {
    width: 300px;
    height: 600px;
  }
  .account-plan__list {
    padding-top: 0;
    flex-direction: column;
  }
  .account-plan__item {
    width: 100%;
    height: 430px;
    display: flex;
    flex-direction: column;
  }
  .account-plan__item--top {
    margin-top: 0;
  }
  .account-plan__item-title {
    font-size: 24px;
    line-height: 32px;
  }
  .account-plan__item-desc {
    margin: 32px 0;
    margin-bottom: auto;
  }
  .account-plan__link {
    display: inline-block;
    width: 100%;
    margin-right: 0;
    order: 1;
  }
  .account-plan__more {
    display: inline-block;
    width: 100%;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 850px) { 
  .account-plan__item {
    height: 480px;
  }
}
@media screen and (max-width: 600px) {
  .account-plan {
    padding-bottom: 48px;
  }
  .account-plan__item {
    height: 430px;
  }
  .account-plan__link {
    display: block;
    width: 100%;
    margin-bottom: 16px;
    margin-right: 0;
  }
  .account-plan__more {
    display: block;
    width: 100%;
  }
}
.features__title {
  margin-bottom: 62px;
  text-align: center;
}
.features__list {
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 92px;
}
.features__item {
  width: calc(33.3333% - 16px);
  padding: 16px;
  background-color: #17191D;
  border-radius: 20px;
  border: 1px solid #2A2D33;
  transition: background-color 0.3s ease;
  gap: 32px;
}
.features__item:hover {
  background-color: #1F2227;
}
.features__item-title {
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
  margin-bottom: 8px;
}
@media screen and (max-width: 1100px) {
  .features__title {
    margin-bottom: 42px;
  }
  .features__list {
    margin-bottom: 62px;
  }
  .features__item {
    width: 100%;
    flex-direction: column;
  }
  .features__item-content {
    text-align: center;
  }
}
.markets {
  margin-bottom: 92px;
  position: relative;
}
.markets::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 522px;
  height: 1044px;
  background-image: url(../images/content/home/ellipse-left.png);
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  z-index: -1;
}
.markets__content {
  gap: 24px;
}
.markets__info {
  width: 624px;
}
.markets__list {
  width: calc(100% - 648px);
}
.markets__title {
  margin-bottom: 32px;
}
.markets__link {
  margin-top: 62px;
  display: inline-block;
}
.markets__item {
  width: 462px;
  padding: 16px;
  background-color: #17191D;
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}
.markets__item:not(:last-child) {
  margin-bottom: 32px;
}
.markets__item:nth-child(2n) {
  margin-left: auto;
}
.markets__item-header {
  gap: 16px;
  margin-bottom: 24px;
}
.markets__item-title {
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
}
.markets__item-code {
  display: block;
  margin-left: auto;
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  color: #A5AAB4;
}
.markets__item-price {
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  filter: blur(4px);
}
.markets__item-diff {
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 4px;
  filter: blur(4px);
}
.markets__item-diff--height {
  color: #00C273;
}
.markets__item-diff--low {
  color: #E54545;
}
.markets__item-bottom {
  margin-top: 32px;
  align-items: flex-end;
}
.markets__graf {
  position: relative;
}
.markets__graf-line {
  position: absolute;
  bottom: 14px;
  left: 0;
}
.markets__graf-value {
  display: block;
  padding: 4px 8px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #F0F2F5;
  background-color: #A5AAB4;
  border-radius: 20px;
  margin-left: auto;
}
@media screen and (max-width: 1100px) {
  .markets {
    margin-bottom: 62px;
  }
  .markets::before {
    width: 300px;
    height: 600px;
  }
  .markets__content {
    flex-direction: column;
    gap: 0;
  }
  .markets__info {
    width: 100%;
  }
  .markets__list {
    width: 100%;
  }
  .markets__title {
    margin-bottom: 24px;
  }
  .markets__link {
    margin-top: 42px;
  }
  .markets__item:last-child {
    display: none;
  }
  .markets__item:first-child {
    margin-left: auto;
  }
  .markets__item:nth-child(2n) {
    margin-left: 0;
    margin-right: auto;
  }
  .markets__item-header {
    gap: 16px;
    margin-bottom: 24px;
  }
  .markets__item-title {
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
  }
  .markets__item-code {
    display: block;
    margin-left: auto;
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
    color: #A5AAB4;
  }
  .markets__item-price {
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
    filter: blur(4px);
  }
  .markets__item-diff {
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 4px;
    filter: blur(4px);
  }
  .markets__item-diff--height {
    color: #00C273;
  }
  .markets__item-diff--low {
    color: #E54545;
  }
  .markets__item-bottom {
    margin-top: 32px;
    align-items: flex-end;
  }
  .markets__graf {
    position: relative;
  }
  .markets__graf-line {
    position: absolute;
    bottom: 14px;
    left: 0;
  }
  .markets__graf-value {
    display: block;
    padding: 4px 8px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #F0F2F5;
    background-color: #A5AAB4;
    border-radius: 20px;
    margin-left: auto;
  }
}
@media screen and (max-width: 600px) {
  .markets {
    margin-bottom: 48px;
  }
  .markets__content {
    gap: 32px;
  }
  .markets__info {
    text-align: center;
  }
  .markets__title {
    margin-bottom: 16px;
  }
  .markets__link {
    margin-top: 32px;
  }
  .markets__item {
    width: 100%;
  }
  .markets__item:first-child {
    margin-left: 0;
  }
  .markets__item:nth-child(2n) {
    margin-right: 0;
    margin-bottom: 0;
  }
}
.platform-app {
  padding: 92px 0;
  position: relative;
  overflow: hidden;
}
.platform-app::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 522px;
  height: 1044px;
  background-image: url('../images/content/home/ellipse-right.png');
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
}
.platform-app__content {
  gap: 24px;
}
.platform-app__app {
  width: calc(100% - 12px);
  align-items: flex-start;
  gap: 24px;
}
.platform-app__app div {
  margin-top: 36px;
}
.platform-app__app div span {
  margin-bottom: 24px;
  gap: 24px;
}
.platform-app__app--tab {
  display: none;
}
.platform-app__info {
  width: calc(100% - 12px);
}
.platform-app__info-title {
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
  margin-bottom: 16px;
}
.platform-app__title {
  margin: 16px 0;
}
.platform-app__subtitle {
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
}
.platform-app__desc {
  margin-bottom: 62px;
}
.platform-app__details {
  display: inline-block;
  margin-right: 16px;
}
.platform-app__review {
  display: inline-block;
}
.platform-app__list {
  margin-bottom: 50px;
}
.platform-app__item {
  position: relative;
  text-align: left;
  padding-left: 28px;
}
.platform-app__item::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 12px;
  height: 12px;
  transform: translateY(-50%);
  background-color: #00C273;
  border-radius: 50%;
}
.platform-app__item:not(:last-child) {
  margin-bottom: 16px;
}
.platform-app__stores {
  gap: 24px;
}
@media screen and (max-width: 1100px) {
  .platform-app {
    padding: 62px 0;
  }
  .platform-app__content {
    gap: 42px;
    flex-direction: column-reverse;
    text-align: center;
  }
  .platform-app__app {
    width: 100%;
    justify-content: space-between;
  }
  .platform-app__app div {
    margin-top: 0;
    width: calc(50% - 12px);
  }
  .platform-app__app div img {
    width: 100%;
  }
  .platform-app__app img {
    width: calc(50% - 12px);
  }
  .platform-app__info {
    width: 100%;
  }
  .platform-app__info-title {
    font-size: 24px;
    line-height: 32px;
  }
  .platform-app__desc {
    margin-bottom: 42px;
  }
  .platform-app__details {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
  }
  .platform-app__review {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .platform-app {
    padding: 48px 0;
  }
  .platform-app__content {
    gap: 32px;
  }
  .platform-app__app div {
    margin-top: 0;
    width: calc(50% - 12px);
  }
  .platform-app__app div img {
    width: 100%;
  }
  .platform-app__app img {
    width: calc(50% - 12px);
  }
  .platform-app__desc {
    margin-bottom: 32px;
  }
  .platform-app__info-title {
    font-size: 20px;
    line-height: 30px;
  }
}
.reviews {
  padding: 92px 0;
}
.reviews__header {
  margin-bottom: 32px;
}
.reviews__slider {
  overflow: hidden;
}
.reviews__buttons {
  gap: 16px;
}
.reviews__button {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #00C273;
  padding: 0;
  transition: background-color 0.3s ease;
}
.reviews__button:hover {
  background-color: #00E07A;
}
.reviews__item {
  border-radius: 8px;
  background-color: #17191D;
  padding-bottom: 16px;
  height: 370px;
}
.reviews__stars {
  padding: 16px 16px 0;
  margin-bottom: 10px;
}
.reviews__name {
  display: block;
  padding: 0 16px 16px;
  font-weight: 600;
}
.reviews__subject {
  padding: 16px;
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  background-color: #00C273;
  min-height: 96px;
}
.reviews__text {
  padding: 16px 16px 0;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1100px) {
  .reviews {
    padding: 62px 0;
  }
  .reviews__header {
    margin-bottom: 24px;
    justify-content: center;
  }
  .reviews__buttons {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .reviews {
    padding: 48px 0;
  }
}
.footer-nav {
  padding: 42px 0;
  border-bottom: 1px solid #2A2D33;
}
.footer-nav__list {
  align-items: flex-start;
}
.footer-nav__list-sub {
  margin-top: 24px;
}
.footer-nav__name {
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  text-transform: uppercase;
}
.footer-nav__item-sub {
  margin-bottom: 16px;
}
.footer-nav__link {
  color: #F0F2F5;
  transition: color 0.3s ease;
}
.footer-nav__link:hover {
  color: #00C273;
}
@media screen and (max-width: 1100px) {
  .footer-nav {
    padding: 32px 0;
  }
  .footer-nav__list {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .footer-nav__item {
    width: 28%;
  }
  .footer-nav__item:nth-child(3n) {
    margin-bottom: 62px;
  }
  .footer-nav__item:not(:nth-child(3n+1)) {
    margin-left: 50px;
  }
}
@media screen and (max-width: 700px) {
  .footer-nav__item:not(:nth-child(3n+1)) {
    margin-left: 0;
  }
}
@media screen and (max-width: 600px) {
  .footer-nav__item {
    width: 100%;
    text-align: center;
    margin-bottom: 32px;
  }
  .footer-nav__item:nth-child(3n) {
    margin-bottom: 32px;
  }
  .footer-nav__item:not(:nth-child(3n+1)) {
    margin-left: 0;
  }
}
.footer {
  background-color: #1F2227;
  padding: 48px 0;
}
.footer__top {
  padding-bottom: 42px;
  border-bottom: 1px solid #2A2D33;
}
.footer .logo {
  margin-bottom: 24px;
}
.footer__contacts {
  gap: 48px;
}
.footer__contacts-title {
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 32px;
}
.footer__phone {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #F0F2F5;
  transition: color 0.3s ease;
}
.footer__phone:hover {
  color: #00C273;
}
.footer__phone:hover svg path {
  fill: #00C273;
}
.footer__phone svg path {
  transition: fill 0.3s ease;
  fill: #F0F2F5;
}
.footer__apps {
  justify-content: flex-end;
  gap: 15px;
}
.footer__apps-title {
  font-size: 28px;
  line-height: 36px;
  font-weight: 600;
  margin-bottom: 70px;
}
.footer__policy {
  padding: 42px 0;
  border-bottom: 1px solid #2A2D33;
}
.footer__policy-link {
  color: #F0F2F5;
  transition: color 0.3s ease;
}
.footer__policy-link:hover {
  color: #00C273;
}
.footer__policy p {
  margin-top: 24px;
}
.footer__copyright {
  padding-top: 42px;
}
@media screen and (max-width: 1100px) {
  .footer__top {
    padding-bottom: 32px;
    flex-direction: column;
    text-align: center;
    gap: 32px;
  }
  .footer__top div {
    width: 100%;
  }
  .footer__contacts {
    justify-content: space-between;
  }
  .footer__apps {
    justify-content: center;
  }
  .footer__apps-title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    margin-bottom: 28px;
  }
  .footer__policy {
    padding: 32px 0;
  }
  .footer__copyright {
    padding-top: 32px;
  }
}
@media screen and (max-width: 600px) {
  .footer__contacts {
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }
  .footer__contacts-title {
    margin-bottom: 16px;
  }
  .footer__apps-title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 24px;
  }
  .footer__policy {
    text-align: center;
  }
  .footer__copyright {
    text-align: center;
  }
  .footer__phone {
    justify-content: center;
  }
}
.trade-widget {
  width: 624px;
  height: fit-content;
  padding: 24px;
  background-color: #17191D;
  border-radius: 20px;
  border: 1px solid #2A2D33;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}
.trade-widget__header {
  margin-bottom: 24px;
  gap: 16px;
}
.trade-widget__header-item {
  cursor: pointer;
  padding: 4px 16px;
  border: 1px solid #2A2D33;
  border-radius: 20px;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.trade-widget__header-item:hover {
  background-color: #00C273;
  box-shadow: 0 0 8px rgba(0, 194, 115, 0.4);
  border: 1px solid #2A2D33;
}
.trade-widget__header-item.active {
  border: 1px solid #00C273;
  background-color: #00C273;
  box-shadow: 0 0 8px rgba(0, 194, 115, 0.4);
}
.trade-widget__body-list {
  display: none;
  overflow-y: auto;
  height: 385px;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.trade-widget__body-list::-webkit-scrollbar {
  width: 6px;
}
.trade-widget__body-list::-webkit-scrollbar-track {
  background: transparent;
}
.trade-widget__body-list::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 3px;
}
.trade-widget__body-list:first-child {
  display: block;
}
.trade-widget__body-item {
  margin-bottom: 16px;
}
.trade-widget__body-item:not(:last-child) {
  padding-bottom: 16px;
  border-bottom: 1px solid #2A2D33;
}
.trade-widget__img {
  margin-right: 16px;
}
.trade-widget__names {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  margin-right: auto;
}
.trade-widget__subname {
  font-size: 12px;
  line-height: 20px;
  color: #A5AAB4;
}
.trade-widget__price {
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
}
.trade-widget__diffs {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.trade-widget__diff {
  margin-left: 92px;
  font-size: 12px;
  line-height: 20px;
}
.trade-widget__diff--height {
  color: #00C273;
}
.trade-widget__diff--low {
  color: #E54545;
}
@media screen and (max-width: 1100px) {
  .trade-widget {
    width: 100%;
  }
  .trade-widget__header {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 600px) {
  .trade-widget__header {
    margin-bottom: 24px;
    flex-wrap: wrap;
  }
  .trade-widget__body-item {
    position: relative;
    align-items: flex-start;
  }
  .trade-widget__body-item:last-child {
    padding-bottom: 16px;
    margin-bottom: 0;
  }
  .trade-widget__diffs {
    position: absolute;
    right: 0;
    bottom: 16px;
    flex-direction: row;
    gap: 16px;
  }
  .trade-widget__diffs span {
    margin-left: 0;
  }
  .trade-widget__price {
    font-size: 16px;
    line-height: 28px;
  }
}
.acc-types__hero {
  height: auto;
}
.acc-types__hero .hero__content {
  height: auto;
  padding: 102px 0;
}
.acc-types__plans {
  padding: 62px 0 92px;
  position: relative;
  text-align: center;
}
.acc-types__plans::before {
  content: '';
  position: absolute;
  top: -50%;
  left: 0;
  width: 522px;
  height: 1044px;
  background-image: url(../images/content/home/ellipse-left.png);
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  z-index: -1;
}
.acc-types__plans-title {
  margin-bottom: 16px;
}
.acc-types__plans-list {
  gap: 24px;
}
.acc-types__plans-item {
  width: calc(33.33% - 16px);
  text-align: center;
  background-color: #17191D;
  border-radius: 20px;
  padding: 24px;
  border: 1px solid #2A2D33;
  transition: background-color 0.3s ease;
}
.acc-types__plans-item:hover {
  background-color: #1F2227;
}
.acc-types__plans-item-title {
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
  margin-bottom: 16px;
  text-transform: uppercase;
}
.acc-types__plans-item-subtitle {
  margin-bottom: 16px;
  display: block;
}
.acc-types__plans-item-pips {
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 4px;
}
.acc-types__plans-item-pips span {
  font-weight: 600;
  color: #00C273;
}
.acc-types__plans-item-list {
  margin: 48px 0;
  width: 100%;
}
.acc-types__plans-item-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.acc-types__plans-item-item:not(:last-child) {
  margin-bottom: 16px;
}
.acc-types__plans-item-item-label {
  font-weight: 700;
}
.acc-types__plans-link {
  display: block;
  width: 100%;
}
@media screen and (max-width: 1100px) {
  .acc-types .hero__content {
    padding: 80px 0;
  }
  .acc-types__plans {
    padding: 48px 0 62px;
  }
  .acc-types__plans-title {
    margin-bottom: 32px;
  }
  .acc-types__plans-list {
    gap: 24px;
    flex-wrap: wrap;
  }
  .acc-types__plans-item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .acc-types__plans-item-content {
    width: calc(40% - 32px);
    margin-right: 32px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .acc-types__plans-item-title {
    margin-bottom: 8px;
  }
  .acc-types__plans-item-list {
    margin: 0;
    width: 60%;
  }
  .acc-types__plans-item-pips {
    margin-top: auto;
  }
  .acc-types__plans-item-item {
    padding-bottom: 8px;
    border-bottom: 1px solid #2A2D33;
  }
  .acc-types__plans-link {
    margin-top: 48px;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .acc-types .hero__content {
    padding: 46px 0;
  }
  .acc-types__plans::before {
    width: 300px;
    height: 600px;
  }
  .acc-types__plans-item {
    flex-direction: column;
    align-items: center;
  }
  .acc-types__plans-item-content {
    width: 100%;
    margin-right: 0;
    align-items: center;
  }
  .acc-types__plans-item-title {
    margin-bottom: 16px;
  }
  .acc-types__plans-item-list {
    margin: 48px 0 0;
    width: 100%;
  }
  .acc-types__plans-item-pips {
    margin-top: 16px;
  }
}
.platform__hero {
  background-image: url('../images/content/trading-platforms/hero.webp');
  height: auto;
}
.platform__hero .hero__content {
  height: auto;
  padding: 116px 0;
}
.platform__hero-title {
  margin-bottom: 24px;
}
.platform__content {
  text-align: center;
  padding: 62px 0 92px;
  position: relative;
}
.platform__content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 522px;
  height: 1044px;
  background-image: url(../images/content/home/ellipse-left.png);
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  z-index: -1;
}
.platform__title {
  font-size: 36px;
  line-height: 48px;
  font-weight: 500;
  margin-bottom: 16px;
}
.platform__subtitle {
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
}
.platform__list {
  margin: 58px 0 32px;
  gap: 24px;
  align-items: flex-start;
}
.platform__item {
  width: calc(25% - 18px);
  background-color: #17191D;
  border: 1px solid #2A2D33;
  border-radius: 20px;
  display: flex;
  align-items: center;
  gap: 32px;
  height: 230px;
  padding: 16px;
  transition: background-color 0.3s ease;
}
.platform__item:hover {
  background-color: #1F2227;
}
.platform__text {
  text-align: center;
}
.platform .platform-app::before {
  display: none;
}
.platform .platform-app__info {
  text-align: left;
  max-width: calc(100% - 12px);
  width: 100%;
}
.platform .platform-app__desc {
  margin-bottom: 50px;
}
.platform .platform-app__img {
  width: calc(50% - 12px);
}
.platform .platform-app__img:nth-child(2) {
  margin-top: 24px;
}
@media screen and (max-width: 1100px) {
  .platform__hero .hero__content {
    padding: 112px 0;
  }
  .platform__hero-title {
    margin-bottom: 16px;
  }
  .platform__content {
    padding: 48px 0 62px;
  }
  .platform__content::before {
    width: 300px;
    height: 600px;
  }
  .platform__title {
    font-size: 28px;
    line-height: 36px;
  }
  .platform__subtitle {
    margin-bottom: 32px;
  }
  .platform__list {
    margin: 0 0 32px;
    flex-wrap: wrap;
  }
  .platform__item {
    width: calc(50% - 12px);
    height: 166px;
  }
  .platform .platform-app {
    padding-bottom: 120px;
  }
  .platform .platform-app__content {
    flex-direction: column;
    position: relative;
  }
  .platform .platform-app__app {
    display: none;
  }
  .platform .platform-app__app--tab {
    display: flex;
    width: calc(60% - 24px);
    margin-left: 24px;
  }
  .platform .platform-app__info {
    text-align: center;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .platform .platform-app__info-title {
    width: 100%;
  }
  .platform .platform-app__info-desc {
    width: 100%;
  }
  .platform .platform-app__list {
    width: 40%;
  }
  .platform .platform-app__stores {
    position: absolute;
    bottom: -80px;
    left: 50%;
    transform: translateX(-50%);
  }
  .platform .platform-app__desc {
    margin-bottom: 48px;
  }
  .platform .platform-app__img {
    width: calc(50% - 12px);
  }
}
@media screen and (max-width: 600px) {
  .platform__hero .hero__content {
    padding: 82px 0;
  }
  .platform__content {
    padding: 32px 0 48px;
  }
  .platform__title {
    font-size: 24px;
    line-height: 32px;
  }
  .platform__list {
    margin: 0 0 24px;
  }
  .platform__item {
    width: 100%;
    height: auto;
  }
  .platform .platform-app {
    padding-bottom: 90px;
  }
  .platform .platform-app__app--tab {
    width: 100%;
    margin-left: 0;
  }
  .platform .platform-app__list {
    width: 100%;
  }
  .platform .platform-app__stores {
    bottom: -50px;
  }
  .platform .platform-app__img:nth-child(2) {
    margin-top: 0;
  }
}
.platform-web__content {
  gap: 24px;
  align-items: flex-start;
}
.platform-web__images {
  width: 50%;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.platform-web__images--tab {
  display: none;
}
.platform-web__img1 {
  width: 100%;
  margin-bottom: 10px;
}
.platform-web__img1 img {
  width: 100%;
}
.platform-web__img2 {
  padding-left: 60px;
  width: calc(50% - 60px);
}
.platform-web__img2 img {
  width: 100%;
}
.platform-web__img3 {
  padding-left: 24px;
  width: calc(55% - 24px);
}
.platform-web__img3 img {
  width: 100%;
}
.platform-web__info {
  width: calc(50% - 24px);
  padding-left: 24px;
  text-align: left;
}
.platform-web__info-title {
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
  margin-bottom: 16px;
}
.platform-web__desc {
  margin-bottom: 60px;
}
.platform-web__list {
  margin-bottom: 60px;
}
.platform-web__item {
  position: relative;
  padding-left: 28px;
}
.platform-web__item::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 12px;
  height: 12px;
  transform: translateY(-50%);
  background-color: #00C273;
  border-radius: 50%;
}
.platform-web__item:not(:last-child) {
  margin-bottom: 16px;
}
.platform-web__text {
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 16px;
  max-width: 70%;
}
.platform-web__text--tab {
  display: none;
}
.platform-web__link--tab {
  display: none;
}
@media screen and (max-width: 1100px) {
  .platform-web__images {
    display: none;
  }
  .platform-web__images--tab {
    display: flex;
    width: calc(50% - 24px);
    margin-right: 24px;
  }
  .platform-web__content {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
  .platform-web__img2 {
    padding-left: 0;
    width: 50%;
  }
  .platform-web__img3 {
    padding-left: 24px;
    width: calc(55% - 24px);
  }
  .platform-web__info {
    width: 100%;
    padding-left: 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 48px;
  }
  .platform-web__info-title {
    font-size: 24px;
    line-height: 32px;
    width: 100%;
  }
  .platform-web__desc {
    margin-bottom: 48px;
    width: 100%;
  }
  .platform-web__list {
    margin-bottom: 0;
    width: 50%;
  }
  .platform-web__item {
    text-align: left;
  }
  .platform-web__text {
    display: none;
  }
  .platform-web__text--tab {
    display: block;
  }
  .platform-web__link {
    display: none;
  }
  .platform-web__link--tab {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  .platform-web__images--tab {
    width: 100%;
    margin-right: 0;
    margin-bottom: 32px;
  }
  .platform-web__info {
    margin-bottom: 32px;
  }
  .platform-web__info-title {
    font-size: 20px;
    line-height: 30px;
  }
  .platform-web__desc {
    margin-bottom: 32px;
  }
  .platform-web__list {
    width: 100%;
  }
  .platform-web__text {
    display: none;
  }
  .platform-web__text--tab {
    display: block;
    max-width: 100%;
  }
}
.deposits__hero {
  height: auto;
}
.deposits__hero .hero__content {
  height: auto;
  padding: 102px 0 134px;
}
.deposits__hero-title {
  margin-bottom: 24px;
}
.deposits__hero-title span {
  font-weight: 700;
}
.deposits__content {
  padding: 48px 0 92px;
  position: relative;
}
.deposits__content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 522px;
  height: 1044px;
  background-image: url(../images/content/home/ellipse-left.png);
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  z-index: -1;
}
.deposits__text {
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 24px;
}
.deposits__item {
  margin-top: 28px;
}
.deposits__table {
  padding: 24px;
  border-radius: 20px;
  border: 1px solid #2A2D33;
  background-color: #17191D;
}
.deposits__table--mob {
  display: none;
}
.deposits__table-header {
  gap: 16px;
  margin-bottom: 32px;
}
.deposits__table-header-item {
  cursor: pointer;
  padding: 4px 16px;
  border: 1px solid #2A2D33;
  border-radius: 20px;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.deposits__table-header-item:hover {
  background-color: #00C273;
  box-shadow: 0 0 8px rgba(0, 194, 115, 0.4);
  border: 1px solid #2A2D33;
}
.deposits__table-header-item.active {
  border: 1px solid #00C273;
  background-color: #00C273;
  box-shadow: 0 0 8px rgba(0, 194, 115, 0.4);
}
.deposits__table-body-item {
  align-items: center;
  gap: 16px;
}
.deposits__table-body-item:first-child {
  font-weight: 700;
}
.deposits__table-body-item:not(:last-child) {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #2A2D33;
}
.deposits__table-body-item span {
  width: 20%;
}
@media screen and (max-width: 1100px) {
  .deposits__hero .hero__content {
    padding: 82px 0 66px;
  }
  .deposits__hero-title {
    margin-bottom: 16px;
  }
  .deposits__content {
    padding: 32px 0 62px;
  }
  .deposits__content::before {
    width: 300px;
    height: 600px;
  }
  .deposits__text {
    margin-bottom: 32px;
  }
  .deposits__item {
    margin-top: 32px;
  }
  .deposits__table-body {
    font-size: 14px;
  }
}
@media screen and (max-width: 700px) {
  .deposits__table {
    display: none;
  }
  .deposits__table--mob {
    display: block;
    padding: 24px;
    border-radius: 20px;
    border: 1px solid #2A2D33;
    background-color: #17191D;
  }
  .deposits__table-body-item {
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    background-color: #1F2227;
    border-radius: 20px;
  }
  .deposits__table-body-item:first-child {
    font-weight: 400;
  }
  .deposits__table-body-item:not(:last-child) {
    padding: 8px 16px;
    margin-bottom: 16px;
    border-bottom: none;
  }
  .deposits__table-body-item:last-child {
    padding: 8px 16px;
    margin-bottom: 16px;
    border-bottom: none;
  }
  .deposits__table-body-item span {
    display: block;
    text-align: center;
    width: 100%;
  }
  .deposits__table-body-item span:first-child {
    font-weight: 700;
    font-size: 14px;
    line-height: 28px;
    color: #A5AAB4;
  }
}
.range-markets__hero {
  height: auto;
}
.range-markets__hero .hero__content {
  height: auto;
  padding: 134px 0;
}
.range-markets__hero .hero__info {
  margin: 0;
}
.range-markets__hero .hero__title {
  margin-bottom: 48px;
}
.range-markets__hero .hero__item-value {
  font-size: 24px;
  line-height: 32px;
}
.range-markets__content {
  padding: 62px 0 92px;
  position: relative;
}
.range-markets__content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 522px;
  height: 1044px;
  background-image: url(../images/content/home/ellipse-left.png);
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  z-index: -1;
}
.range-markets__list {
  flex-wrap: wrap;
}
.range-markets__item {
  width: 950px;
  gap: 32px;
  padding: 24px;
  border: 1px solid #2A2D33;
  background-color: #17191D;
  border-radius: 20px;
}
.range-markets__item:nth-child(odd) {
  margin-right: auto;
}
.range-markets__item:nth-child(even) {
  margin-left: auto;
}
.range-markets__item:not(:last-child) {
  margin-bottom: 62px;
}
.range-markets__item div {
  width: calc(100% - 210px);
}
.range-markets__item-image {
  display: block;
  width: 176px;
  height: 176px;
}
.range-markets__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.range-markets__item-title {
  font-size: 36px;
  line-height: 48px;
  font-weight: 500;
  margin-bottom: 16px;
}
@media screen and (max-width: 1100px) {
  .range-markets__hero .hero__content {
    padding: 120px 0 64px;
  }
  .range-markets__hero .hero__title {
    margin-bottom: 32px;
  }
  .range-markets__content {
    padding: 48px 0 62px;
  }
  .range-markets__content::before {
    width: 300px;
    height: 600px;
  }
}
@media screen and (max-width: 600px) {
  .range-markets__hero .hero__content {
    padding: 44px 0;
  }
  .range-markets__content {
    padding: 32px 0 48px;
  }
  .range-markets__item {
    width: 100%;
    gap: 16px;
    flex-direction: column;
  }
  .range-markets__item:not(:last-child) {
    margin-bottom: 24px;
  }
  .range-markets__item div {
    width: 100%;
    text-align: center;
  }
  .range-markets__item-image {
    width: 100%;
    height: 200px;
  }
  .range-markets__item-title {
    font-size: 24px;
    line-height: 32px;
  }
}
.calculator__hero {
  height: auto;
}
.calculator__hero .hero__content {
  height: auto;
  padding: 184px 0;
}
.calculator__hero-title {
  margin-bottom: 24px;
}
.calculator__content {
  padding: 48px 0 92px;
  position: relative;
}
.calculator__content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 522px;
  height: 1044px;
  background-image: url(../images/content/home/ellipse-left.png);
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  z-index: -1;
}
.calculator__content p {
  margin-bottom: 16px;
}
.calculator__subtitle {
  display: block;
  text-align: center;
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 42px;
}
.calculator__title {
  font-size: 28px;
  line-height: 36px;
  font-weight: 400;
}
.calculator__block {
  display: flex;
  gap: 24px;
  margin-bottom: 42px;
}
@media screen and (max-width: 1100px) {
  .calculator__hero .hero__content {
    padding: 156px 0;
  }
  .calculator__content {
    padding: 32px 0 62px;
  }
  .calculator__content::before {
    width: 300px;
    height: 600px;
  }
  .calculator__subtitle {
    margin-bottom: 32px;
  }
  .calculator__title {
    font-size: 20px;
    line-height: 32px;
  }
  .calculator__block {
    flex-direction: column;
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 600px) {
  .calculator__hero .hero__content {
    padding: 142px 0;
  }
  .calculator__content {
    padding: 32px 0 48px;
  }
  .calculator__title {
    font-size: 20px;
    line-height: 30px;
  }
}
.pip-calculator {
  width: calc(50% - 12px);
  padding: 24px;
  border-radius: 20px;
  background-color: #17191D;
  border: 1px solid #2A2D33;
  font-weight: 600;
}
.pip-calculator__title {
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
  margin-bottom: 48px;
}
.pip-calculator__instruction {
  width: calc(50% - 12px);
  padding: 24px;
  border-radius: 20px;
  background: linear-gradient(to bottom, #0F1114 0%, #1E2E26 100%);
  border: 1px solid #2A2D33;
  font-weight: 600;
}
.pip-calculator__instruction .pip-calculator__title {
  text-align: center;
  margin-bottom: 24px;
}
.pip-calculator__instruction .pip-calculator__item {
  margin-bottom: 16px;
}
.pip-calculator__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.pip-calculator__total {
  color: #00C273;
  text-align: center;
}
.pip-calculator__select {
  width: 240px;
  height: 36px;
  background: #17191D;
  border: 1px solid #2A2D33;
  color: #F0F2F5;
  padding: 4px 8px;
  border-radius: 10px;
}
.pip-calculator__input {
  width: 240px;
  height: 36px;
  background: #17191D;
  border: 1px solid #2A2D33;
  color: #F0F2F5;
  padding: 4px 8px;
  border-radius: 10px;
}
@media screen and (max-width: 1100px) {
  .pip-calculator {
    width: 100%;
  }
  .pip-calculator__title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 52px;
  }
  .pip-calculator__instruction {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .pip-calculator__title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 16px;
  }
  .pip-calculator__instruction .pip-calculator__title {
    margin-bottom: 24px;
  }
  .pip-calculator__instruction .pip-calculator__item {
    margin-bottom: 16px;
    flex-direction: row;
  }
  .pip-calculator__item {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 24px;
  }
  .pip-calculator__select {
    width: 100%;
  }
  .pip-calculator__input {
    width: 100%;
  }
  .pip-calculator__total {
    margin-bottom: 0;
  }
}
.calendar__hero {
  background-image: url('../images/bg/calendar-hero.webp');
  height: auto;
}
.calendar__hero .hero__content {
  height: auto;
  padding: 168px 0;
}
.calendar__hero-title {
  margin-bottom: 24px;
}
.calendar__content {
  padding: 48px 0 92px;
  position: relative;
}
.calendar__content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 522px;
  height: 1044px;
  background-image: url(../images/content/home/ellipse-left.png);
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  z-index: -1;
}
.calendar__subtitle {
  margin-bottom: 42px;
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  text-align: center;
}
.calendar__widget img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1100px) {
  .calendar__hero .hero__content {
    padding: 124px 0;
  }
  .calendar__content {
    padding: 32px 0 62px;
  }
  .calendar__content::before {
    width: 300px;
    height: 600px;
  }
  .calendar__subtitle {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 600px) {
  .calendar__hero .hero__content {
    padding: 100px 0;
  }
  .calendar__content {
    padding: 32px 0 48px;
  }
}
.forex-education__hero {
  background-image: url('../images/content/forex-education/fe-hero.webp');
  height: auto;
}
.forex-education__hero .hero__content {
  height: auto;
  padding: 156px 0;
}
.forex-education__hero-title {
  margin-bottom: 24px;
}
.forex-education__hero-subtitle {
  margin-bottom: 24px;
  font-size: 20px;
  line-height: 32px;
  text-transform: uppercase;
}
.forex-education__content {
  padding: 48px 0 92px;
  position: relative;
}
.forex-education__content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 522px;
  height: 1044px;
  background-image: url(../images/content/home/ellipse-left.png);
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  z-index: -1;
}
.forex-education__text {
  margin-bottom: 62px;
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  text-align: center;
}
.forex-education__info {
  gap: 24px;
  align-items: flex-start;
}
.forex-education__info div {
  width: calc(50% - 12px);
  height: 360px;
}
.forex-education__info-text {
  padding: 0 62px;
  display: flex;
  flex-direction: column;
}
.forex-education__info-title {
  font-size: 36px;
  line-height: 48px;
  font-weight: 500;
  margin-bottom: 16px;
}
.forex-education__link {
  margin-top: auto;
  width: fit-content;
}
@media screen and (max-width: 1100px) {
  .forex-education__hero .hero__content {
    padding: 112px 0;
  }
  .forex-education__content {
    padding: 32px 0 62px;
  }
  .forex-education__content::before {
    width: 300px;
    height: 600px;
  }
  .forex-education__text {
    margin-bottom: 32px;
  }
  .forex-education__info div {
    height: 280px;
  }
  .forex-education__info-text {
    padding: 0;
  }
  .forex-education__info-title {
    font-size: 28px;
    line-height: 36px;
  }
}
@media screen and (max-width: 600px) {
  .forex-education__hero .hero__content {
    padding: 80px 0;
  }
  .forex-education__content {
    padding: 32px 0 48px;
  }
  .forex-education__info {
    flex-direction: column-reverse;
    text-align: center;
  }
  .forex-education__info div {
    width: 100%;
    height: auto;
  }
  .forex-education__info-text {
    gap: 24px;
  }
  .forex-education__info-title {
    margin-bottom: 0;
  }
  .forex-education__link {
    margin-top: 0;
    width: 100%;
  }
}
.webinar-table {
  background-color: #17191D;
  padding: 24px;
  border-radius: 20px;
  border: 1px solid #2A2D33;
  margin-bottom: 92px;
}
.webinar-table__item {
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 20px;
  padding: 16px;
}
.webinar-table__item:nth-child(even) {
  background-color: #1F2227;
}
.webinar-table__name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 20%;
}
.webinar-table__title {
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
}
.webinar-table__sticker {
  padding: 2px 8px;
  background: linear-gradient(to bottom, #8AE85C 0%, #00C273 100%);
  border-radius: 20px;
}
.webinar-table__desc {
  width: 50%;
  text-align: left;
}
@media screen and (max-width: 600px) {
  .webinar-table {
    margin-bottom: 48px;
  }
  .webinar-table__item {
    flex-direction: column;
    gap: 20px;
  }
  .webinar-table__name {
    align-items: center;
    width: 100%;
  }
  .webinar-table__desc {
    width: 100%;
    text-align: center;
  }
  .webinar-table .forex-education__link {
    width: fit-content;
  }
}
.glossary__title {
  margin-bottom: 46px;
}
.glossary__content {
  padding: 92px 0 62px;
  position: relative;
}
.glossary__content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 522px;
  height: 1044px;
  background-image: url(../images/content/home/ellipse-left.png);
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  z-index: -1;
}
.glossary__content-info {
  position: relative;
  display: flex;
  gap: 24px;
}
.glossary__header-list {
  margin-bottom: 32px;
}
.glossary__header-list li a {
  color: #F0F2F5;
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  padding-bottom: 16px;
  border-bottom: 2px solid transparent;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
}
.glossary__header-list li a:hover {
  color: #00C273;
  border-bottom: 2px solid #00C273;
}
.glossary__subscribe {
  width: 300px;
  position: sticky;
  top: 120px;
  left: 0;
  padding: 16px;
  border-radius: 20px;
  background-color: #17191D;
  border: 1px solid #2A2D33;
  z-index: 10;
  height: 100%;
}
.glossary__subscribe h3 {
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 16px;
}
.glossary__subscribe p {
  margin-bottom: 16px;
}
.glossary__subscribe-form {
  position: relative;
}
.glossary__subscribe-form input {
  width: 100%;
  height: 40px;
  background: #17191D;
  border: 1px solid #2A2D33;
  color: #F0F2F5;
  padding: 4px 16px;
  border-radius: 20px;
  font-size: 16px;
  line-height: 28px;
}
.glossary__subscribe-form button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00C273;
  border-radius: 50%;
  border: none;
  cursor: pointer;
}
.glossary__subscribe--success {
  height: 250px;
  width: 300px;
  position: absolute;
  left: -2px;
  top: -1px;
  padding: 16px;
  border-radius: 20px;
  background-color: #17191D;
  border: 1px solid #2A2D33;
  z-index: 20;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.glossary__subscribe--success.active {
  opacity: 1;
  pointer-events: all;
}
.glossary__subscribe--success p {
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 16px;
  text-align: center;
}
.glossary__body-list {
  width: calc(100% - 324px);
}
.glossary__body-list h3 {
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 32px;
}
.glossary__term {
  margin-bottom: 32px;
}
.glossary__term h4 {
  font-weight: 600;
}
@media screen and (max-width: 1100px) {
  .glossary__title {
    margin-bottom: 32px;
  }
  .glossary__content {
    padding: 42px 0 62px;
  }
  .glossary__content::before {
    width: 300px;
    height: 600px;
  }
  .glossary__content-info {
    position: relative;
    flex-direction: column-reverse;
    gap: 62px;
  }
  .glossary__header-list {
    margin-bottom: 50px;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 16px;
  }
  .glossary__subscribe {
    width: 100%;
    position: relative;
    top: unset;
    left: unset;
    height: auto;
  }
  .glossary__subscribe h3 {
    text-align: left;
  }
  .glossary__subscribe--success {
    width: 101%;
    height: 102%;
  }
  .glossary__subscribe--success p {
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 16px;
    text-align: center;
  }
  .glossary__body-list {
    width: 100%;
  }
  .glossary__body-list h3 {
    margin-bottom: 24px;
  }
  .glossary__term {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 600px) {
  .glossary__content {
    padding: 32px 0 48px;
  }
  .glossary__content-info {
    gap: 48px;
  }
}
.faq__content {
  padding: 92px 0;
  position: relative;
}
.faq__content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 522px;
  height: 1044px;
  background-image: url(../images/content/home/ellipse-left.png);
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  z-index: -1;
}
.faq__title {
  text-align: center;
  margin-bottom: 24px;
}
.faq__subtitle {
  text-align: center;
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 92px;
}
.faq__block {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.faq__list {
  width: calc(50% - 12px);
  margin-bottom: 62px;
}
.faq__list:nth-last-child(-n+2) {
  margin-bottom: 0;
}
.faq__item {
  position: relative;
  cursor: pointer;
}
.faq__item::before {
  content: '';
  position: absolute;
  top: 37px;
  right: 24px;
  width: 16px;
  height: 1px;
  background-color: #F0F2F5;
}
.faq__item::after {
  content: '';
  position: absolute;
  top: 37px;
  right: 24px;
  width: 16px;
  height: 1px;
  transform: rotate(90deg);
  background-color: #F0F2F5;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.faq__item.active::after {
  opacity: 0;
}
.faq__item.active .faq__item-header {
  background-color: #1F2227;
  border-radius: 20px 20px 0 0;
}
.faq__item:not(:last-child) {
  margin-bottom: 24px;
}
.faq__item-title {
  font-size: 36px;
  line-height: 48px;
  font-weight: 500;
  margin-bottom: 24px;
}
.faq__item-title--partnership {
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 24px;
  background: linear-gradient(to bottom, #8AE85C 0%, #00C273 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.faq__item-header {
  display: flex;
  align-items: center;
  gap: 16px;
  background-color: #17191D;
  border-radius: 20px;
  padding: 24px;
  transition: background-color 0.3s ease, border-radius 0.3s ease;
}
.faq__item-header h4 {
  font-weight: 600;
  padding-right: 26px;
}
.faq__item-body {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease, height 0.3s ease, background-color 0.3s ease;
  height: 0;
  background-color: transparent;
  border-radius: 0 0 20px 20px;
}
.faq__item-body.active {
  padding: 0 24px 24px;
  opacity: 1;
  pointer-events: auto;
  height: auto;
  background-color: #1F2227;
}
@media screen and (max-width: 1100px) {
  .faq__content {
    padding: 62px 0;
  }
  .faq__content::before {
    width: 300px;
    height: 600px;
  }
  .faq__title {
    margin-bottom: 16px;
  }
  .faq__subtitle {
    margin-bottom: 32px;
  }
  .faq__list {
    width: 100%;
    margin-bottom: 48px;
  }
  .faq__list:nth-last-child(-n+2) {
    margin-bottom: 48px;
  }
  .faq__list:last-child {
    margin-bottom: 0;
  }
  .faq__item-title {
    font-size: 28px;
    line-height: 36px;
  }
}
@media screen and (max-width: 600px) {
  .faq__content {
    padding: 48px 0;
  }
  .faq__subtitle {
    margin-bottom: 42px;
  }
  .faq__item-title {
    font-size: 24px;
    line-height: 32px;
  }
}
.e-books__content {
  padding: 92px 0;
  position: relative;
}
.e-books__content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 522px;
  height: 1044px;
  background-image: url(../images/content/home/ellipse-left.png);
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  z-index: -1;
}
.e-books__title {
  text-align: center;
  margin-bottom: 24px;
}
.e-books__subtitle {
  text-align: center;
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 92px;
}
.e-books__list {
  display: flex;
  flex-direction: column;
  background-color: #17191D;
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  padding: 24px;
}
.e-books__item {
  width: 100%;
  display: flex;
  gap: 22px;
}
.e-books__item-content {
  width: calc(100% - 242px);
  display: flex;
  flex-direction: column;
}
.e-books__item-title {
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
  margin-bottom: 8px;
}
.e-books__item-author {
  color: #A5AAB4;
  margin-bottom: 16px;
}
.e-books__item-description {
  margin-bottom: 16px;
}
.e-books__item-link {
  display: inline-block;
  margin-top: auto;
  width: fit-content;
}
.e-books__item-link--tab {
  display: none;
}
.e-books__item-image {
  max-width: 220px;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
}
.e-books__item:not(:first-child) {
  padding-top: 24px;
}
.e-books__item:not(:last-child) {
  padding-bottom: 24px;
  border-bottom: 1px solid #2A2D33;
}
@media screen and (max-width: 1100px) {
  .e-books__content {
    padding: 62px 0;
  }
  .e-books__content::before {
    width: 300px;
    height: 600px;
  }
  .e-books__subtitle {
    margin-bottom: 62px;
  }
  .e-books__item-title {
    font-size: 24px;
    line-height: 32px;
  }
  .e-books__item-link {
    display: none;
  }
  .e-books__item-link--tab {
    display: block;
  }
  .e-books__item-image img {
    margin-bottom: 22px;
  }
}
@media screen and (max-width: 600px) {
  .e-books__content {
    padding: 48px 0;
  }
  .e-books__subtitle {
    margin-bottom: 48px;
    font-size: 16px;
    line-height: 28px;
  }
  .e-books__item {
    flex-wrap: wrap;
  }
  .e-books__item-content {
    width: 100%;
  }
  .e-books__item-link {
    display: block;
    width: 100%;
  }
  .e-books__item-link--tab {
    display: none;
  }
  .e-books__item-image {
    max-width: 100%;
  }
  .e-books__item-image img {
    width: 100%;
    margin-bottom: 0;
  }
}
.forex-calendar__hero {
  background-image: url('../images/bg/calendar-hero.webp');
  height: auto;
}
.forex-calendar__hero .hero__content {
  height: auto;
  padding: 168px 0;
}
.forex-calendar__hero-title {
  margin-bottom: 24px;
}
.forex-calendar__content {
  padding: 48px 0 92px;
  position: relative;
}
.forex-calendar__content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 522px;
  height: 1044px;
  background-image: url(../images/content/home/ellipse-left.png);
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  z-index: -1;
}
.forex-calendar__subtitle {
  margin-bottom: 42px;
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  text-align: center;
}
.forex-calendar__widget img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1100px) {
  .forex-calendar__hero .hero__content {
    padding: 124px 0;
  }
  .forex-calendar__content {
    padding: 32px 0 62px;
  }
  .forex-calendar__content::before {
    width: 300px;
    height: 600px;
  }
  .forex-calendar__subtitle {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 600px) {
  .forex-calendar__hero .hero__content {
    padding: 100px 0;
  }
  .forex-calendar__content {
    padding: 32px 0 48px;
  }
}
.news img {
  border-radius: 20px;
}
.news__content {
  padding: 92px 0 60px;
  position: relative;
}
.news__content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 522px;
  height: 1044px;
  background-image: url(../images/content/home/ellipse-left.png);
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  z-index: -1;
}
.news__content::after {
  content: '';
  position: absolute;
  top: 20%;
  right: 0;
  width: 522px;
  height: 1044px;
  background-image: url(../images/content/home/ellipse-right.png);
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  z-index: -1;
}
.news__list--first {
  display: grid;
  grid-template-columns: 462px 1fr 1fr;
  grid-template-rows: repeat(4, 100px);
  gap: 24px;
  margin-bottom: 92px;
}
.news__list--second {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.news__list--second .news__info {
  gap: 24px;
}
.news__list--second .news__item {
  width: calc(33.333% - 16px);
  margin-bottom: 32px;
}
.news__list--second .news__link {
  flex-direction: column;
  gap: 24px;
  margin-bottom: 32px;
}
.news__list--second .news__title {
  font-weight: 500;
  margin-bottom: 0;
  font-size: 28px;
  line-height: 36px;
}
.news__list--second .news__image {
  width: 100%;
}
.news__item-content {
  width: calc(100% - 146px);
}
.news__image {
  width: 122px;
}
.news__link {
  display: flex;
  gap: 16px;
}
.news__link--big {
  grid-column: 1 / 2;
  grid-row: 1 / 5;
}
.news__link--big .news__image {
  width: 100%;
}
.news__link--big .news__link {
  flex-direction: column;
  gap: 24px;
}
.news__link--big .news__title {
  font-weight: 500;
  margin-bottom: 0;
  font-size: 28px;
  line-height: 36px;
}
.news__link--big .news__info {
  gap: 24px;
}
.news__link-extra {
  color: #F0F2F5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news__link-extra:not(:last-child) {
  padding-bottom: 16px;
  margin-bottom: 8px;
  border-bottom: 1px solid #2A2D33;
}
.news__title {
  font-weight: 600;
  margin-bottom: 16px;
  color: #F0F2F5;
  font-size: 16px;
  line-height: 28px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news__desc {
  color: #F0F2F5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news__info {
  display: flex;
  align-items: center;
  gap: 8px;
}
.news__info span {
  color: #A5AAB4;
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news__info li {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 1300px) {
  .news__list--first {
    grid-template-columns: 300px 1fr 1fr;
  }
}
@media screen and (max-width: 1100px) {
  .news__content {
    padding: 62px 0 40;
  }
  .news__content::before {
    width: 300px;
    height: 600px;
  }
  .news__content::after {
    width: 300px;
    height: 600px;
  }
  .news__list--first {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr repeat(4, 316px);
    gap: 24px;
    margin-bottom: 48px;
  }
  .news__list--second .news__item {
    width: 100%;
    margin-bottom: 48px;
  }
  .news__list--second .news__title {
    font-size: 24px;
    line-height: 32px;
  }
  .news__item-content {
    width: 100%;
  }
  .news__image {
    width: 100%;
  }
  .news__image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
  }
  .news__image--big {
    width: 100%;
    height: 240px;
    object-fit: cover;
  }
  .news__link {
    flex-direction: column;
  }
  .news__link--big {
    grid-column: 1 / 3;
    grid-row: 1 / 2;
  }
  .news__link--big .news__title {
    font-size: 24px;
    line-height: 32px;
  }
  .news__desc {
    color: #F0F2F5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media screen and (max-width: 600px) {
  .news__content {
    padding: 32px 0 20px;
  }
  .news__list--first {
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
  }
  .news__list--second .news__title {
    font-size: 20px;
    line-height: 33px;
  }
  .news__link {
    flex-direction: column;
  }
  .news__link--big .news__title {
    font-size: 20px;
    line-height: 33px;
  }
}
.partnership__content {
  margin: 92px 0;
  position: relative;
  text-align: center;
}
.partnership__content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 522px;
  height: 1044px;
  background-image: url(../images/content/home/ellipse-left.png);
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  z-index: -1;
}
.partnership__content-info {
  gap: 24px;
}
.partnership__subtitle {
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 24px;
}
.partnership__title {
  margin-bottom: 24px;
}
.partnership__info {
  width: calc(50% - 12px);
  text-align: left;
}
.partnership__info-item {
  margin-bottom: 24px;
}
.partnership__info h3 {
  margin-bottom: 32px;
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
}
.partnership__steps {
  width: calc(50% - 12px);
}
.partnership__steps h3 {
  margin-bottom: 32px;
  text-align: center;
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
}
.partnership__steps .faq__list {
  width: 100%;
}
.partnership__steps .faq__item-header h4 {
  margin-bottom: 0;
}
.partnership__steps .faq__item-body {
  text-align: left;
}
.partnership__form {
  padding: 92px 0;
}
.partnership__form-title {
  margin-bottom: 32px;
  font-size: 36px;
  line-height: 48px;
  font-weight: 500;
}
.partnership__form-content {
  gap: 24px;
}
.partnership__form-header {
  width: calc(50% - 12px);
}
.partnership__form-form {
  width: calc(50% - 12px);
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 24px;
  background-color: #17191D;
  border: 1px solid #2A2D33;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.4);
  border-radius: 20px;
}
.partnership__form-group {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.partnership__form-group:nth-child(-n+2) {
  width: calc(50% - 8px);
}
.partnership__form-input {
  width: 100%;
  height: 36px;
  padding: 4px 8px;
  font-size: 16px;
  line-height: 24px;
  border-radius: 10px;
  background-color: #1F2227;
  color: #F0F2F5;
  border: 1px solid #2A2D33;
}
.partnership__form-textarea {
  width: 100%;
  height: 180px;
  padding: 4px 8px;
  font-size: 16px;
  line-height: 24px;
  border-radius: 10px;
  background-color: #1F2227;
  color: #F0F2F5;
  border: 1px solid #2A2D33;
  resize: none;
}
.partnership__form-button {
  width: 100%;
}
.partnership__form-success {
  width: 100%;
  height: 100%;
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 24px;
  border-radius: 20px;
  background-color: #17191D;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.4);
  z-index: 20;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.partnership__form-success-header {
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 16px;
}
.partnership__form-success p {
  margin-bottom: 0;
}
.partnership__form-success svg {
  margin-bottom: 16px;
  width: 64px;
  height: 64px;
}
@media screen and (max-width: 1100px) {
  .partnership__content {
    margin: 62px 0;
  }
  .partnership__content::before {
    width: 300px;
    height: 600px;
  }
  .partnership__content-info {
    flex-direction: column-reverse;
  }
  .partnership__title {
    margin-bottom: 16px;
  }
  .partnership__info {
    width: 100%;
  }
  .partnership__info h3 {
    font-size: 24px;
    line-height: 32px;
  }
  .partnership__steps {
    width: 100%;
  }
  .partnership__steps h3 {
    font-size: 24px;
    line-height: 32px;
  }
  .partnership__form {
    padding: 62px 0;
  }
  .partnership__form-title {
    margin-bottom: 24px;
    font-size: 28px;
    line-height: 36px;
  }
  .partnership__form-content {
    flex-direction: column;
  }
  .partnership__form-header {
    width: 100%;
    text-align: center;
  }
  .partnership__form-form {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .partnership__content {
    margin: 48px 0;
  }
  .partnership__subtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 48px;
  }
  .partnership__info h3 {
    font-size: 20px;
    line-height: 30px;
  }
  .partnership__steps {
    width: 100%;
  }
  .partnership__steps h3 {
    font-size: 20px;
    line-height: 30px;
  }
  .partnership__form {
    padding: 48px 0;
  }
  .partnership__form-title {
    font-size: 24px;
    line-height: 32px;
  }
  .partnership__form-group:nth-child(-n+2) {
    width: 100%;
  }
}
.about-us__hero {
  background-image: url('../images/bg/about-hero.webp');
  height: auto;
}
.about-us__hero .hero__content {
  height: auto;
  padding: 140px 0;
}
.about-us__hero-title {
  margin-bottom: 24px;
}
.about-us__content {
  padding: 92px 0 92px;
  position: relative;
}
.about-us__content:first-child::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 522px;
  height: 1044px;
  background-image: url(../images/content/home/ellipse-left.png);
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  z-index: -1;
}
.about-us__content h3 {
  margin-bottom: 32px;
  font-size: 36px;
  line-height: 48px;
  font-weight: 500;
  text-align: center;
}
.about-us__content-title {
  margin-bottom: 24px;
  font-size: 28px;
  line-height: 36px;
  text-align: center;
  font-weight: 500;
}
.about-us__content-text {
  text-align: center;
  padding: 0 150px;
  margin-bottom: 42px;
}
.about-us__content-desc {
  text-align: center;
}
.about-us__list {
  margin-bottom: 92px;
}
.about-us__item {
  max-width: 948px;
  padding: 16px;
  border-radius: 20px;
  background-color: #17191D;
  border: 1px solid #2A2D33;
  margin-bottom: 24px;
}
.about-us__item:nth-child(odd) {
  margin-left: auto;
}
.about-us__table {
  background-color: #17191D;
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  padding: 24px;
}
.about-us__table h5 {
  margin-bottom: 24px;
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
}
.about-us__table ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
.about-us__table ul::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  background-color: #2A2D33;
}
.about-us__table ul li {
  width: calc(50% - 24px);
  margin-bottom: 16px;
  padding: 0 0 16px 28px;
  border-bottom: 1px solid #2A2D33;
  position: relative;
}
.about-us__table ul li::before {
  content: '';
  position: absolute;
  top: 28%;
  transform: translateY(-50%);
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #00C273;
}
.about-us__info {
  padding: 48px 0;
  text-align: center;
  background: linear-gradient(to bottom, #0F1114 0%, #1E2E26 100%);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}
.about-us__info-list {
  display: flex;
  gap: 24px;
}
.about-us__info-list li {
  width: calc(33.33% - 16px);
  padding: 16px;
  border-radius: 20px;
  background-color: #17191D;
  border: 1px solid #2A2D33;
  text-align: left;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}
.about-us__info-list h5 {
  margin-bottom: 32px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
}
@media screen and (max-width: 1100px) {
  .about-us__hero .hero__content {
    padding: 104px 0;
  }
  .about-us__content {
    padding: 62px 0;
  }
  .about-us__content:first-child::before {
    width: 300px;
    height: 600px;
  }
  .about-us__content h3 {
    font-size: 28px;
    line-height: 36px;
  }
  .about-us__content-title {
    font-size: 24px;
    line-height: 32px;
  }
  .about-us__content-text {
    padding: 0;
    margin-bottom: 32px;
  }
  .about-us__list {
    margin-bottom: 62px;
  }
  .about-us__item:nth-child(odd) {
    margin-left: 0;
  }
  .about-us__table h5 {
    font-size: 24px;
    line-height: 32px;
  }
  .about-us__table ul::before {
    display: none;
  }
  .about-us__table ul li {
    width: 100%;
  }
  .about-us__info-list {
    flex-direction: column;
  }
  .about-us__info-list li {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .about-us__hero .hero__content {
    padding: 28px 0;
  }
  .about-us__content {
    padding: 48px 0;
  }
  .about-us__content h3 {
    font-size: 24px;
    line-height: 32px;
  }
  .about-us__content-title {
    font-size: 20px;
    line-height: 30px;
  }
  .about-us__list {
    margin-bottom: 56px;
  }
  .about-us__table h5 {
    font-size: 20px;
    line-height: 30px;
  }
  .about-us__info h5 {
    text-align: center;
  }
}
.why-us__hero {
  height: auto;
}
.why-us__hero .hero__content {
  height: auto;
  padding: 200px 0;
}
.why-us__hero-title {
  margin-bottom: 24px;
}
.why-us__content {
  padding: 62px 0 92px;
  position: relative;
}
.why-us__content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 522px;
  height: 1044px;
  background-image: url(../images/content/home/ellipse-left.png);
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  z-index: -1;
}
.why-us__content-header {
  font-size: 36px;
  line-height: 48px;
  font-weight: 500;
  margin-bottom: 32px;
  text-align: center;
}
.why-us__content-subtitle {
  margin-bottom: 32px;
  text-align: center;
}
.why-us__content-title {
  margin-bottom: 32px;
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
  text-align: center;
}
.why-us__content-list {
  margin: 32px 0 92px;
}
.why-us__content-list-item {
  padding: 16px;
  border-radius: 20px;
  background-color: #17191D;
  border: 1px solid #2A2D33;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  margin-bottom: 32px;
}
.why-us__content-list-item span {
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 32px;
  display: block;
}
.why-us__link {
  margin: 0 auto;
  display: block;
  width: fit-content;
}
.why-us__features {
  gap: 24px;
  flex-wrap: wrap;
}
.why-us__features-item {
  padding: 16px;
  border-radius: 20px;
  background-color: #17191D;
  border: 1px solid #2A2D33;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  width: calc(50% - 12px);
}
.why-us__features-item:nth-child(-n+3) {
  width: calc(33.33% - 16px);
}
@media screen and (max-width: 1100px) {
  .why-us__hero .hero__content {
    padding: 176px 0;
  }
  .why-us__content {
    padding: 62px 0;
  }
  .why-us__content::before {
    width: 300px;
    height: 600px;
  }
  .why-us__content-header {
    font-size: 28px;
    line-height: 36px;
  }
  .why-us__content-title {
    font-size: 24px;
    line-height: 32px;
  }
  .why-us__content-list {
    margin: 32px 0 62px;
  }
  .why-us__content-list-item {
    margin-bottom: 24px;
  }
  .why-us__content-list-item span {
    margin-bottom: 24px;
    text-align: center;
  }
  .why-us__features-item {
    width: 100%;
  }
  .why-us__features-item:nth-child(-n+3) {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .why-us__hero .hero__content {
    padding: 136px 0;
  }
  .why-us__content {
    padding: 48px 0;
  }
  .why-us__content-header {
    font-size: 24px;
    line-height: 32px;
  }
  .why-us__content-title {
    font-size: 20px;
    line-height: 32px;
  }
  .why-us__content-list {
    margin: 32px 0 48px;
  }
}
.legal-info__content {
  padding: 92px 0;
  position: relative;
}
.legal-info__content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 522px;
  height: 1044px;
  background-image: url(../images/content/home/ellipse-left.png);
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  z-index: -1;
}
.legal-info__title {
  margin-bottom: 24px;
  text-align: center;
}
.legal-info__subtitle {
  margin-bottom: 42px;
  text-align: center;
}
.legal-info__buttons {
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 42px;
}
.legal-info__buttons-link {
  padding: 4px 16px;
  border-radius: 20px;
  background-color: #17191D;
  border: 1px solid #2A2D33;
  color: #F0F2F5;
  display: inline-block;
  transition: background-color 0.3s ease;
}
.legal-info__buttons-link:hover {
  background-color: #1F2227;
}
.legal-info__buttons-link.active {
  background-color: #00C273;
  box-shadow: 0 0 8px rgba(0, 194, 115, 0.4);
}
.legal-info__lang {
  margin-bottom: 42px;
}
.legal-info__lang-item {
  padding: 0 8px;
}
.legal-info__lang-item:not(:last-child) {
  position: relative;
}
.legal-info__lang-item:not(:last-child)::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #F0F2F5;
}
.legal-info__lang-button {
  font-weight: 400;
  transition: color 0.3s ease;
}
.legal-info__lang-button.active {
  color: #00C273;
}
.legal-info__lang-button:hover {
  color: #00C273;
}
.legal-info__info-title {
  font-weight: 500;
  margin-bottom: 42px;
  font-size: 36px;
  line-height: 48px;
  text-align: center;
}
.legal-info__info p {
  margin-bottom: 24px;
}
.legal-info__info a {
  color: #00C273;
}
.legal-info__info h4 {
  font-weight: 500;
  margin-bottom: 24px;
  font-size: 24px;
  line-height: 32px;
}
.legal-info__info ul {
  margin-bottom: 24px;
}
.legal-info__info ul li {
  margin-left: 24px;
  margin-bottom: 12px;
  list-style: disc;
}
@media screen and (max-width: 1100px) {
  .legal-info__content {
    padding: 62px 0;
  }
  .legal-info__content::before {
    width: 300px;
    height: 600px;
  }
  .legal-info__info-title {
    margin-bottom: 32px;
    font-size: 28px;
    line-height: 36px;
  }
}
@media screen and (max-width: 600px) {
  .legal-info__content {
    padding: 48px 0;
  }
  .legal-info__info-title {
    font-size: 24px;
    line-height: 32px;
  }
  .legal-info__info h4 {
    font-size: 20px;
    line-height: 30px;
  }
}
.contact-us__content {
  overflow: hidden;
  padding: 92px 0;
  position: relative;
}
.contact-us__content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 522px;
  height: 1044px;
  background-image: url(../images/content/home/ellipse-left.png);
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  z-index: -1;
}
.contact-us__content-title {
  margin-bottom: 24px;
  text-align: center;
}
.contact-us__content-subtitle {
  text-align: center;
  margin-bottom: 42px;
}
.contact-us__list {
  gap: 24px;
  margin-bottom: 62px;
}
.contact-us__item {
  width: calc(33.33% - 18px);
  display: flex;
  gap: 32px;
  align-items: center;
  padding: 16px;
  border-radius: 20px;
  background-color: #17191D;
  border: 1px solid #2A2D33;
}
.contact-us__item img {
  width: 64px;
}
.contact-us__item p {
  width: calc(100% - 96px);
}
.contact-us__sep {
  margin: 0 auto;
  display: block;
  width: fit-content;
  padding: 0 62px;
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  color: rgba(139, 139, 139, 0.3);
  text-transform: uppercase;
  position: relative;
}
.contact-us__sep::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  width: 5000px;
  height: 1px;
  background-color: rgba(139, 139, 139, 0.3);
}
.contact-us__sep::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 100%;
  width: 5000px;
  height: 1px;
  background-color: rgba(139, 139, 139, 0.3);
}
.contact-us__info {
  margin-top: 62px;
  gap: 24px;
}
.contact-us__info h3 {
  margin-bottom: 16px;
  font-size: 36px;
  line-height: 48px;
  font-weight: 500;
}
.contact-us__form {
  width: calc(50% - 12px);
}
.contact-us__form-form {
  position: relative;
}
.contact-us__form p {
  margin-bottom: 32px;
}
.contact-us__form form {
  width: 100%;
}
.contact-us__adress {
  width: calc(50% - 12px);
}
.contact-us__adress-subtitle {
  margin-bottom: 30px;
}
.contact-us__adress-item {
  padding: 16px;
  border-radius: 20px;
  background-color: #17191D;
  border: 1px solid #2A2D33;
  margin-bottom: 24px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.4);
}
.contact-us__adress-item span {
  font-weight: 600;
  display: block;
  margin-bottom: 32px;
  font-size: 20px;
  line-height: 32px;
}
.contact-us__adress-number {
  color: #00C273;
}
@media screen and (max-width: 1100px) {
  .contact-us__content {
    padding: 62px 0;
  }
  .contact-us__content::before {
    width: 300px;
    height: 600px;
  }
  .contact-us__list {
    margin-bottom: 42px;
    flex-wrap: wrap;
  }
  .contact-us__item {
    width: 100%;
  }
  .contact-us__info {
    margin-top: 42px;
    flex-direction: column;
  }
  .contact-us__info h3 {
    font-size: 28px;
    line-height: 36px;
  }
  .contact-us__form {
    width: 100%;
  }
  .contact-us__form p {
    margin-bottom: 24px;
  }
  .contact-us__adress {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .contact-us__content {
    padding: 48px 0;
  }
  .contact-us__info h3 {
    font-size: 24px;
    line-height: 32px;
  }
}
.language {
  position: relative;
  margin-left: 24px;
}
.language__list {
  position: absolute;
  padding: 24px;
  border-radius: 20px;
  top: 100%;
  transform: translateX(-50%);
  left: 50%;
  width: 115px;
  margin-top: 16px;
  background-color: #1F2227;
  border-radius: 20px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  z-index: 100;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.language__list.active {
  opacity: 1;
  pointer-events: all;
}
.language__toggle {
  font-weight: 400;
  color: #ffffff;
  transition: color 0.3s ease;
}
.language__toggle span {
  line-height: 22px;
}
.language__toggle:hover {
  color: #00C273;
}
.language__button {
  font-weight: 400;
  color: #ffffff;
  transition: color 0.3s ease;
  margin-bottom: 16px;
}
.language__button:hover {
  color: #A5AAB4;
}
.language__button:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 600px) {
  .language__list {
    transform: translateX(0);
    left: unset;
    right: 0;
  }
  .language__toggle span {
    font-size: 0;
  }
}