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

input,
button,
textarea {
  border: 0;
  background: none;
  outline: none;
}

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

ul,
ol {
  list-style: none;
}

::-webkit-scrollbar {
  display: none;
}

/* Cookie Banner Styles */
.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(135deg, #3c34ac 0%, #655dd0 100%);
  padding: 20px;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.2);
  z-index: 10000;
  transform: translateY(100%);
  transition: transform 0.3s ease-in-out;
  font-family: "Figtree", sans-serif;
}

.cookie-banner.show {
  transform: translateY(0);
}

.cookie-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.cookie-content {
  flex: 1;
  color: #fff;
}

.cookie-content h3 {
  font-size: 18px;
  margin-bottom: 8px;
  font-weight: 600;
  color: #fff;
}

.cookie-content p {
  font-size: 14px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.9);
}

.cookie-buttons {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.cookie-btn {
  padding: 12px 24px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
  outline: none;
  white-space: nowrap;
}

.cookie-btn-accept {
  background: #ffd700;
  color: #3c34ac;
}

.cookie-btn-accept:hover {
  background: #ffed4e;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 215, 0, 0.3);
}

.cookie-btn-decline {
  background: transparent;
  color: #fff;
  border: 2px solid rgba(255, 255, 255, 0.3);
}

.cookie-btn-decline:hover {
  border-color: rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.1);
}

@media (max-width: 768px) {
  .cookie-banner {
    padding: 16px;
  }
  
  .cookie-container {
    flex-direction: column;
    gap: 16px;
    align-items: stretch;
  }
  
  .cookie-content h3 {
    font-size: 16px;
  }
  
  .cookie-content p {
    font-size: 13px;
  }
  
  .cookie-buttons {
    width: 100%;
  }
  
  .cookie-btn {
    flex: 1;
    padding: 10px 20px;
    font-size: 13px;
  }
}

/* Removed stb-icon-sprite styles - using direct SVG elements now */
svg.icon {
  aspect-ratio: 1/1;
  display: block;
  width: 20px;
  height: 20px;
  fill: rgb(101, 93, 208);
}

html {
  overflow-x: hidden;
  max-width: 100%;
}

.main {
  overflow-x: hidden;
  width: 100%;
  max-width: 100vw;
}

body {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  color: rgb(60, 52, 172);
  background: rgb(220, 218, 249) url(../images/body-background.0e9fe9dd541947bb.png) repeat-x center 66.2750015259px;
  overflow-x: hidden;
  padding-top: 66px;
}

.container {
  width: 100%;
  margin: 0 auto;
  max-width: 1632px;
  overflow-x: hidden;
}

header {
  height: 66px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background: radial-gradient(88.18% 100% at 50% 0%, #7c47d1 0%, #081064 60%, #081064 100%);
  border-bottom: 0;
}
header .container {
  height: 100%;
  max-width: none;
}

.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.header__left {
  display: flex;
  align-items: center;
  gap: 25px;
  padding-left: 10px;
}

.header__logo {
  width: 110px;
  aspect-ratio: 110/50;
}
.header__logo img {
  width: 100%;
  height: 100%;
  display: block;
}

.header__icon,
.burger {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border: 1px solid rgb(60, 52, 172);
  background: rgb(7, 15, 89);
  box-shadow: 0 8px 8px rgba(10, 20, 130, 0.3490196078), 0 4px #282371;
  cursor: pointer;
}
.header__icon svg.icon,
.burger svg.icon {
  width: 28px;
  height: 28px;
  fill: rgb(101, 93, 208);
}

.burger {
  display: none;
}

.header__nav {
  display: flex;
  align-items: center;
  margin-left: 20px;
}

.header__nav ul {
  display: flex;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.header__nav li {
  position: relative;
}

.header__nav a {
  color: rgb(183, 180, 238);
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease;
  padding: 8px 0;
  display: block;
}

.header__nav a:hover {
  color: rgb(255, 255, 255);
}

.header__nav a.active {
  color: rgb(255, 255, 255);
  position: relative;
}

.header__nav a.active::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, #c5a1fa 0%, #8f60e2 50%, #6440bd 100%);
  border-radius: 2px;
}

.header__right {
  display: flex;
  gap: 8px;
}

.header__search {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 48px;
  width: 300px;
  font-size: 16px;
  font-weight: 400;
  padding: 0 12px;
  border: 1px solid rgb(101, 93, 208);
  border-radius: 12px;
  color: rgb(183, 180, 238);
  background-color: rgb(7, 15, 89);
  box-shadow: 0px 4px 0px rgb(6, 11, 69), inset 0px 4px 0px rgba(101, 93, 208, 0.2);
}
.header__search svg.icon {
  width: 16px;
  height: 16px;
  fill: rgb(101, 93, 208);
}

.header__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  background: radial-gradient(182.55% 100% at 50% 0%, #c5a1fa, #8f60e2 33%, #6440bd 38%, #302987) padding-box, linear-gradient(180deg, rgb(115, 78, 212) 0%, rgb(168, 115, 248) 98%) border-box;
  color: rgb(255, 255, 255);
  font-weight: 900;
  padding: 0 23px;
  border-radius: 12px;
  border: 1px solid transparent;
  text-transform: uppercase;
}

.mobile--menu {
  display: none;
}

.sidebar {
  position: fixed;
  left: 0;
  top: 66px;
  height: calc(100vh - 66px);
  width: 256px;
  z-index: 99;
  overflow: auto;
  display: flex;
  flex-direction: column;
  background: rgb(220, 218, 249);
  border-inline-end: 1px solid rgb(198, 194, 243);
  transition: transform 0.3s ease;
}

.sidebar__menu {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 12px 12px 0;
  border-radius: 16px;
  border: 1px solid rgb(255, 255, 255);
  background: linear-gradient(180deg, rgb(243, 242, 253) 0%, rgb(212, 210, 247) 100%);
}

.sidebar__line {
  display: none;
}

.sidebar__list {
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
  margin-bottom: 9px;
}
.sidebar__list:after {
  display: block;
  transform: translateY(5px);
  height: 1px;
  margin-inline: 12px;
  background: linear-gradient(90deg, rgba(198, 194, 243, 0) 0%, rgb(198, 194, 243) 50%, rgba(198, 194, 243, 0) 100%);
  content: "";
}
.sidebar__list:nth-child(3) a {
  background: url(sidebar-item-hover.dd7f26f5a9cd3e05.png) no-repeat left 200% center/0, url(sidebar-hover-decor.76c9bd886df270e9.png) no-repeat left center/3px 21px, linear-gradient(90deg, rgba(182, 188, 251, 0.6) 0%, rgba(227, 226, 250, 0) 80%);
  color: rgb(50, 44, 142);
}
.sidebar__list:nth-child(3) a span:nth-child(1) svg {
  fill: rgb(50, 44, 142);
}
.sidebar__list li {
  width: 100%;
}
.sidebar__list a {
  position: relative;
  display: flex;
  align-items: center;
  height: 48px;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  gap: 12px;
  padding: 0 20px;
  color: rgb(101, 93, 208);
  background: url(sidebar-item-hover.dd7f26f5a9cd3e05.png) no-repeat left 200% center/0, url(sidebar-hover-decor.76c9bd886df270e9.png) no-repeat left center/0;
}
.sidebar__list a span:nth-child(1) {
  width: 20px;
  aspect-ratio: 1/1;
  display: flex;
}
.sidebar__list a span:nth-child(1) img {
  width: 100%;
  height: 100%;
}

.sidebar__footer {
  margin-top: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  position: sticky;
  bottom: 0;
  z-index: 2;
  padding: 4px 12px 12px;
  background: rgb(220, 218, 249);
  gap: 5px;
}
.sidebar__footer a {
  position: relative;
  font-size: 12px;
  font-weight: 800;
  display: grid;
  gap: 2px;
  place-content: center;
  place-items: center;
  padding: 6px 8px;
  height: 57px;
  border: 1px solid transparent;
  background: radial-gradient(182.55% 100% at 50% 0%, rgb(182, 188, 251) 0%, rgb(172, 178, 251) 33.17%, rgb(141, 150, 249) 37.98%, rgb(121, 131, 248) 100%) padding-box, linear-gradient(175.32deg, rgb(243, 242, 253) 0%, rgb(151, 159, 250) 100%) border-box;
  color: rgb(255, 255, 255);
  text-align: center;
  border-radius: 12px;
  box-shadow: 0px 2px 0px rgb(90, 103, 246), 0px 6px 6px rgba(88, 79, 203, 0.15), inset 0px 1.5px 0px rgba(162, 169, 250, 0.6);
}
.sidebar__footer a img,
.sidebar__footer a svg.icon {
  width: 24px;
  height: 24px;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.sidebar__footer a svg.icon {
  fill: rgb(255, 255, 255);
}

.wrap {
  padding-left: 256px;
  overflow-x: hidden;
  width: 100%;
}

.banner--wrap .container {
  width: 100%;
  max-width: none;
}

.banner {
  height: 465px;
  position: relative;
  display: flex;
  align-items: center;
}
.banner:before {
  background-image: url(../images/main-banner-curve-desk.9b907ee5df48dd4c.png);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 16px;
  background-size: 100% 100%;
  background-position: 100% 50%;
  content: "";
  z-index: 1;
}

.banner__img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.banner__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.banner__content {
  z-index: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-left: 200px;
}
.banner__content p:nth-child(1) {
  font-size: 22px;
  font-weight: 700;
  padding: 6px 18px 8px 18px;
  -o-border-image: url(../images/label-main-banner.webp) 58 fill/18px stretch;
     border-image: url(../images/label-main-banner.webp) 58 fill/18px stretch;
  color: rgb(255, 255, 255);
  letter-spacing: 0.5px;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
}
.banner__content p:nth-child(2) {
  margin-top: 12px;
  font-size: 56px;
  font-weight: 900;
  text-shadow: 0px 3px 0px rgb(142, 13, 240), 0px 6px 20px rgba(142, 13, 240, 0.6), 0px 2px 4px rgba(0, 0, 0, 0.3);
  color: rgb(255, 255, 255);
  max-width: 550px;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  line-height: 1.15;
}
.banner__content p:nth-child(3) {
  margin-top: 32px;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(0, 0, 0);
  background: linear-gradient(180deg, #ffed4e 0%, #ffd700 50%, #ffb700 100%);
  border-radius: 1000px;
  border: 3px solid rgba(255, 255, 255, 0.4);
  overflow: visible;
  box-shadow: 
    0px 0px 0px 3px rgba(255, 215, 0, 0.3),
    0px 8px 0px rgb(180, 120, 0),
    0px 12px 30px rgba(0, 0, 0, 0.4),
    inset 0px 2px 0px rgba(255, 255, 255, 0.6),
    inset 0px -2px 8px rgba(180, 120, 0, 0.3);
  font-size: 32px;
  font-weight: 900;
  padding: 0 56px;
  text-transform: uppercase;
  letter-spacing: 2px;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.8), 0px 2px 4px rgba(180, 120, 0, 0.3);
}
.banner__content p:nth-child(3):hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 
    0px 0px 0px 4px rgba(255, 215, 0, 0.5),
    0px 10px 0px rgb(180, 120, 0),
    0px 16px 40px rgba(0, 0, 0, 0.5),
    inset 0px 2px 0px rgba(255, 255, 255, 0.7),
    inset 0px -2px 8px rgba(180, 120, 0, 0.3),
    0px 0px 30px rgba(255, 215, 0, 0.6);
  background: linear-gradient(180deg, #fff89a 0%, #ffe03d 50%, #ffca00 100%);
}
.banner__content p:nth-child(3):active {
  transform: translateY(2px) scale(0.98);
  box-shadow: 
    0px 0px 0px 3px rgba(255, 215, 0, 0.3),
    0px 4px 0px rgb(180, 120, 0),
    0px 6px 20px rgba(0, 0, 0, 0.35),
    inset 0px 2px 0px rgba(255, 255, 255, 0.5),
    inset 0px -1px 6px rgba(180, 120, 0, 0.4);
}

.dots {
  display: flex;
  width: 100%;
  justify-content: center;
  gap: 6px;
  bottom: 24px;
  left: 0;
  position: absolute;
}
.dots span {
  width: 12px;
  height: 12px;
  background: var(--stb-main-banner-pagination-item-default-background-color);
  border: 1px solid #fff;
  border-radius: 50%;
}
.dots span:nth-child(1) {
  background: #fff;
}

.arrows {
  position: absolute;
  display: flex;
  justify-content: space-between;
  left: 40px;
  right: 40px;
  width: auto;
}
.arrows span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  border: 1px solid transparent;
  box-shadow: 0px 4px 0px rgb(50, 44, 142), 0px 8px 8px rgba(10, 20, 130, 0.35), inset 0px 2px 0px rgba(162, 169, 250, 0.2);
  background: radial-gradient(182.55% 100% at 50% 0%, #b68af9, #584fcb 33%, #3f37b4 38%, #3c34ac) padding-box, linear-gradient(180deg, rgb(60, 52, 172) 0%, rgb(94, 86, 206) 100%) border-box;
}
.arrows span svg.icon {
  width: 24px;
  height: 24px;
  fill: #fff;
}

.top--menu {
  top: 65px;
  z-index: 9;
  position: sticky;
  overflow: hidden;
  margin: 0 auto;
  background-color: rgb(220, 218, 249);
  padding: 16px 0 0 16px;
}

.top__menu {
  position: relative;
}

.top__menu__row {
  overflow-x: auto;
  padding: 0 16px 0 10px;
  max-width: 100%;
}
.top__menu__row ul {
  display: flex;
  gap: 12px;
  min-width: -moz-max-content;
  min-width: max-content;
  justify-content: center;
}
.top__menu__row ul li:last-child {
  position: relative;
  z-index: 2;
}
.top__menu__row ul a {
  font-size: 14px;
  font-weight: 800;
  position: relative;
  display: inline-grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-template-columns: auto;
  grid-gap: 4px;
  align-items: center;
  justify-items: initial;
  padding: 8px;
  white-space: nowrap;
  color: rgb(0, 0, 0);
  border-radius: 8px;
  border: 1px solid rgb(255, 255, 255);
  background: rgb(242, 236, 255);
  box-shadow: 2px 2px 0px rgb(189, 149, 250);
  margin-top: 8px;
}
.top__menu__row ul a span:nth-child(1) {
  width: 36px;
  height: 36px;
  margin-block-end: -16px;
  margin-inline-start: -20px;
  margin-block-start: -20px;
}
.top__menu__row ul a span:nth-child(1) img {
  width: 100%;
  height: 100%;
}

.cards {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 32px;
  overflow-x: hidden;
}

.cards__row {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

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

.cards__title {
  color: rgb(0, 0, 0);
  font-size: 20px;
  font-weight: 700;
  min-width: -moz-max-content;
  min-width: max-content;
  text-transform: capitalize;
}

.cards__line {
  height: 36px;
  width: 100%;
  background: linear-gradient(90deg, rgba(198, 194, 243, 0) 0%, rgb(198, 194, 243) 50%, rgba(198, 194, 243, 0) 100%) left center/100% 1px repeat-x;
}

.cards__nav {
  display: flex;
  align-items: center;
  min-width: -moz-max-content;
  min-width: max-content;
  gap: 12px;
}
.cards__nav p {
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  text-transform: uppercase;
  color: #4a41c6;
}

.cards__arrows {
  display: flex;
  align-items: center;
  gap: 4px;
}
.cards__arrows span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  border: 1px solid rgb(255, 255, 255);
  background: rgb(243, 242, 253);
  box-shadow: 2px 2px 0px rgb(169, 165, 234);
}
.cards__arrows span svg.icon {
  width: 16px;
  height: 16px;
}
.cards__arrows span:nth-child(1) {
  opacity: 0.5;
}

.cards__list {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 12px;
  max-width: 100%;
}

.cards__item {
  position: relative;
}

.cards__item__body {
  position: relative;
  aspect-ratio: 224/336;
  border-radius: 8px;
  border: 2px solid rgb(255, 255, 255);
  box-shadow: 2px 2px 0 0 rgb(189, 149, 250);
}
.cards__item__body span {
  display: none;
}
.cards__item__body img {
  border-radius: 8px;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.cards__item__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  margin-top: 6px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  color: rgb(132, 151, 161);
  display: none;
}

.content--wrap {
  padding: 40px 80px;
  position: relative;
  overflow-x: hidden;
  max-width: 100%;
}

.content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.content__item {
  font-size: 18px;
  line-height: 1.5;
}
.content__item h1,
.content__item h2,
.content__item h3,
.content__item h4 {
  font-weight: 900;
}
.content__item h1 {
  font-size: 40px;
  margin-bottom: 10px;
}
.content__item h2 {
  font-size: 35px;
  margin-bottom: 10px;
}
.content__item h3 {
  font-size: 27px;
  margin-bottom: 10px;
}
.content__item h4 {
  font-size: 20px;
  margin-bottom: 10px;
}
.content__item p,
.content__item .content__table,
.content__item ul,
.content__item ol {
  margin-bottom: 20px;
}
.content__item ol,
.content__item ul {
  padding-left: 50px;
  list-style: auto;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.content__item ol p,
.content__item ul p {
  margin-bottom: 15px;
}
.content__item ul {
  list-style: disc;
}
.content__item h3:last-child,
.content__item ol:last-child,
.content__item p:last-child,
.content__item .content__table:last-child,
.content__item ul:last-child {
  margin-bottom: 0;
}
.content__item.faq .faq__item {
  margin-bottom: 25px;
}
.content__item.faq .faq__item p,
.content__item.faq .faq__item ol,
.content__item.faq .faq__item ul,
.content__item.faq .faq__item .content__table {
  margin-bottom: 15px;
}
.content__item.faq .faq__item p:last-child,
.content__item.faq .faq__item ol:last-child,
.content__item.faq .faq__item ul:last-child,
.content__item.faq .faq__item .content__table:last-child {
  margin-bottom: 0;
}
.content__item.faq .faq__item p:first-child {
  margin-bottom: 15px;
  font-size: 25px;
  font-weight: 900;
}
.content__item.faq .faq__item:last-child {
  margin-bottom: 0;
}

/* Link Styles in Content */
.content a {
  color: rgb(94, 86, 206);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: rgba(94, 86, 206, 0.3);
  text-underline-offset: 2px;
  transition: all 0.3s ease;
}

.content a:hover {
  color: rgb(60, 52, 172);
  text-decoration-color: rgb(60, 52, 172);
  text-shadow: 0 0 1px rgba(94, 86, 206, 0.3);
}

.content a:visited {
  color: rgb(101, 93, 208);
}

.content a:active {
  color: rgb(50, 44, 142);
  transform: translateY(1px);
}

.content a:focus {
  outline: 2px solid rgb(94, 86, 206);
  outline-offset: 2px;
  border-radius: 2px;
}

/* Special styling for links in tables */
.content__table a {
  color: rgb(94, 86, 206);
  text-decoration: underline;
  text-decoration-style: dotted;
}

.content__table a:hover {
  text-decoration-style: solid;
}

/* Links in lists */
.content ul a,
.content ol a {
  position: relative;
  display: inline-block;
}

.content ul a::after,
.content ol a::after {
  content: '→';
  margin-left: 4px;
  display: inline-block;
  transition: transform 0.3s ease;
  opacity: 0;
}

.content ul a:hover::after,
.content ol a:hover::after {
  opacity: 1;
  transform: translateX(3px);
}

.content__table {
  overflow-x: auto;
  max-width: 100%;
}
.content__table table {
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
}
.content__table td {
  padding: 12px;
  border: 1px solid rgb(60, 52, 172);
  text-align: left;
  vertical-align: top;
}
.content__table thead th {
  padding: 12px;
  border: 1px solid rgb(60, 52, 172);
  text-align: center;
  font-weight: 900;
  vertical-align: top;
}

.table--style td:first-child {
  font-weight: 900;
}

footer {
  padding: 32px 0;
  position: relative;
  background: url(../images/footer-mask.webp), linear-gradient(180deg, rgb(6, 11, 69) 0%, rgb(73, 7, 124) 100%);
}

.footer {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 0 20px;
}

.footer__menu {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 40px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4;
  color: rgb(183, 180, 238);
}
.footer__menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 16px;
  display: flex;
  flex-direction: column;
}

.footer__menu__title {
  font-weight: 700;
  font-size: 14px;
  color: rgb(227, 226, 250);
}

.footer__menu__item {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.footer__menu__item:nth-child(2) {
  margin-top: 60px;
}

.footer__copyright {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  gap: 0px;
  color: rgb(156, 150, 229);
  line-height: 1.4;
  font-size: 12px;
  font-weight: 500;
}

@media (max-width: 1919px) {
  .cards__list {
    grid-template-columns: repeat(7, 1fr);
  }
  .cards__item:nth-child(n+8) {
    display: none;
  }
  .banner {
    height: 444px;
  }
}
@media (max-width: 1279px) {
  .burger {
    display: flex;
  }
  .header__icon {
    display: none;
  }
  .header__search {
    display: none;
  }
  .header__nav {
    display: none;
  }
  .sidebar {
    transform: translateX(-100%);
    display: flex;
  }
  .sidebar.active {
    transform: translateX(0);
  }
  body.sidebar-open {
    overflow: hidden;
  }
  body.sidebar-open::before {
    content: '';
    position: fixed;
    top: 66px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 98;
    animation: fadeIn 0.3s ease;
  }
  @keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }
  .wrap {
    padding-left: 0;
    position: relative;
    overflow-x: hidden;
    width: 100%;
  }
  .cards__list {
    grid-template-columns: repeat(6, 1fr);
  }
  .cards__item:nth-child(n+7) {
    display: none;
  }
  .cards__arrows {
    display: none;
  }
  .footer__menu {
    grid-template-columns: repeat(4, 1fr);
  }
  .footer__column:nth-child(n+5) {
    display: none;
  }
  .content--wrap {
    padding: 40px 16px;
    overflow-x: hidden;
    max-width: 100%;
  }
  .footer {
    padding: 0;
  }
  .top__menu__row::-webkit-scrollbar {
    display: none;
  }
  .header__left {
    gap: 15px;
    padding-left: 0;
  }
  .mobile--menu {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    height: 44px;
    position: relative;
  }
  .mobile--menu:before {
    position: absolute;
    inset: 0;
    height: 53px;
    background: transparent url(../images/sub-menu-bg.webp) top center no-repeat;
    background-size: 100% 100%;
    content: "";
    z-index: 2;
  }
  .mobile--menu a {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 3;
    text-decoration: none;
  }
  .mobile--menu span {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    padding: 0 2px;
    color: rgb(183, 180, 238);
  }
  .mobile--menu a:hover span {
    color: rgb(255, 255, 255);
  }
  .mobile--menu a.active span {
    color: rgb(255, 255, 255);
    font-weight: 900;
  }
  .mobile--menu a:last-child::after {
    display: none;
  }
  .mobile--menu a:after {
    position: absolute;
    top: 50%;
    inset-inline-end: -1px;
    z-index: 1;
    display: block;
    width: 1px;
    height: 24px;
    background: rgb(48, 41, 135);
    transform: translateY(-50%);
    content: "";
  }
  .banner__content {
    margin-left: 30px;
  }
  .arrows {
    display: none;
  }
}
@media (max-width: 767px) {
  .content__item ol,
  .content__item ul {
    padding-left: 30px;
  }
  .content__item {
    font-size: 16px;
  }
  .content__table th,
  .content__table td {
    padding: 8px;
  }
  .footer__menu {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px;
    padding: 0 16px;
    max-width: 100%;
    overflow-x: hidden;
  }
  .footer__top {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .footer__top a {
    width: 100%;
  }
  .footer__pay {
    flex-wrap: wrap;
  }
  .cards__list {
    display: flex;
    width: 100%;
    gap: 8px;
    overflow-x: auto;
    padding-right: 0;
  }
  .cards__item:nth-child(n+7) {
    display: block;
  }
  .cards__item {
    width: 27%;
    min-width: 27%;
  }
  .top--menu {
    top: 111px;
  }
  header {
    height: 112px;
    padding: 12px 16px;
  }
  .sidebar {
    top: 112px;
    height: calc(100vh - 112px);
  }
  header .container {
    width: 100%;
  }
  .header {
    flex-direction: column;
  }
  .burger {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 36px;
    height: 36px;
    border-radius: 8px;
  }
  .burger svg.icon {
    width: 24px;
    height: 24px;
  }
  .header__right {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4px;
  }
  .header__btn {
    height: 34px;
    font-size: 14px;
    padding: 0 10px;
  }
  .header__logo {
    width: 92px;
  }
  .banner__content {
    margin-left: 0px;
  }
  .banner {
    height: 392px;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 30px;
  }
  .banner:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 16px;
    background-image: url(../images/main-banner-curve-mob.webp);
    background-size: 100% 100%;
    background-position: 100% 50%;
    content: "";
    z-index: 1;
  }
  .banner__content p:nth-child(2) {
    width: 100%;
    max-width: 314px;
    font-size: 28px;
    margin-top: 8px;
    letter-spacing: 0.5px;
  }
  .banner__content p:nth-child(1) {
    padding: 4px 12px 6px 12px;
    font-size: 16px;
    letter-spacing: 0.3px;
  }
  .banner__content p:nth-child(3) {
    width: 100%;
    max-width: 313px;
    margin-top: 16px;
    height: 58px;
    font-size: 20px;
    letter-spacing: 1px;
    padding: 0 32px;
  }
  .dots {
    bottom: -24px;
  }
  .dots span {
    width: 8px;
    height: 8px;
  }
  .cards__title {
    font-size: 16px;
  }
}

/* Content Section Styles */
.content-section {
  padding: 60px 0 80px;
}

.content-wrapper {
  max-width: 1200px;
  margin: 0 auto;
}

.content-block {
  background: linear-gradient(135deg, rgba(60, 52, 172, 0.05) 0%, rgba(101, 93, 208, 0.05) 100%);
  border: 1px solid rgba(101, 93, 208, 0.15);
  border-radius: 16px;
  padding: 40px;
  margin-bottom: 40px;
  transition: all 0.3s ease;
}

.content-block:hover {
  border-color: rgba(101, 93, 208, 0.3);
  box-shadow: 0 8px 30px rgba(60, 52, 172, 0.15);
}

.content-title {
  font-size: 32px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 20px;
  line-height: 1.3;
}

.content-subtitle {
  font-size: 24px;
  font-weight: 600;
  color: #111827;
  margin: 30px 0 16px;
  line-height: 1.4;
}

.content-text {
  font-size: 16px;
  line-height: 1.8;
  color: #1f2937;
  margin-bottom: 20px;
}

.content-text strong {
  color: #111827;
  font-weight: 600;
}

/* Table Styles */
.content-table-wrapper {
  overflow-x: auto;
  margin: 30px 0;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 4px 20px rgba(60, 52, 172, 0.15);
  border: 1px solid rgba(60, 52, 172, 0.1);
}

.content-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 15px;
}

.content-table thead {
  background: linear-gradient(135deg, #3c34ac 0%, #655dd0 100%);
}

.content-table thead th {
  padding: 18px 24px;
  text-align: left;
  font-weight: 700;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: none;
}

.content-table thead th:first-child {
  border-top-left-radius: 16px;
}

.content-table thead th:last-child {
  border-top-right-radius: 16px;
}

.content-table tbody tr {
  border-bottom: 1px solid rgba(60, 52, 172, 0.08);
  transition: all 0.2s ease;
  background: #fff;
}

.content-table tbody tr:hover {
  background: rgba(60, 52, 172, 0.04);
  transform: scale(1.01);
}

.content-table tbody tr:last-child {
  border-bottom: none;
}

.content-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 16px;
}

.content-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 16px;
}

.content-table tbody td {
  padding: 18px 24px;
  color: #4b5563;
  line-height: 1.6;
  font-size: 15px;
}

.content-table tbody td:first-child {
  color: #1f2937;
  font-weight: 600;
}

/* List Styles */
.content-list {
  margin: 20px 0;
  padding-left: 0;
}

.content-list li {
  position: relative;
  padding-left: 32px;
  margin-bottom: 14px;
  font-size: 16px;
  line-height: 1.7;
  color: #1f2937;
}

.content-list li:before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #3c34ac 0%, #655dd0 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffd700;
  font-size: 14px;
  font-weight: bold;
}

.content-list li strong {
  color: #111827;
  font-weight: 600;
}

/* Ordered List Styles */
.content-list-ordered {
  counter-reset: list-counter;
}

.content-list-ordered li {
  counter-increment: list-counter;
}

.content-list-ordered li:before {
  content: counter(list-counter);
  font-size: 13px;
  font-weight: 700;
  color: #fff;
}

/* FAQ Styles */
.faq-item {
  background: rgba(60, 52, 172, 0.15);
  border: 1px solid rgba(101, 93, 208, 0.25);
  border-radius: 12px;
  padding: 24px 28px;
  margin-bottom: 20px;
  transition: all 0.3s ease;
}

.faq-item:hover {
  border-color: rgba(101, 93, 208, 0.4);
  background: rgba(60, 52, 172, 0.25);
}

.faq-question {
  font-size: 18px;
  font-weight: 600;
  color: #111827;
  margin-bottom: 12px;
  line-height: 1.5;
  display: flex;
  align-items: flex-start;
}

.faq-question:before {
  content: "Q:";
  display: inline-block;
  min-width: 32px;
  height: 32px;
  background: linear-gradient(135deg, #3c34ac 0%, #655dd0 100%);
  border-radius: 8px;
  margin-right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
}

.faq-answer {
  font-size: 15px;
  line-height: 1.8;
  color: #374151;
  padding-left: 44px;
  margin: 0;
}

/* Responsive Styles */
@media (max-width: 1024px) {
  .content-section {
    padding: 40px 0 60px;
  }

  .content-block {
    padding: 30px 24px;
    margin-bottom: 30px;
  }

  .content-title {
    font-size: 28px;
  }

  .content-subtitle {
    font-size: 22px;
  }

  .content-table thead th,
  .content-table tbody td {
    padding: 12px 16px;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .content-section {
    padding: 30px 16px 40px;
  }

  .content-block {
    padding: 24px 20px;
    margin-bottom: 24px;
    border-radius: 12px;
  }

  .content-title {
    font-size: 24px;
    margin-bottom: 16px;
  }

  .content-subtitle {
    font-size: 20px;
    margin: 24px 0 12px;
  }

  .content-text {
    font-size: 15px;
    line-height: 1.7;
  }

  .content-table-wrapper {
    margin: 20px -20px;
    border-radius: 0;
  }

  .content-table {
    font-size: 13px;
  }

  .content-table thead th {
    padding: 12px 12px;
    font-size: 13px;
  }

  .content-table tbody td {
    padding: 12px 12px;
    font-size: 13px;
  }

  .content-list li {
    font-size: 15px;
    padding-left: 28px;
    margin-bottom: 12px;
  }

  .content-list li:before {
    width: 20px;
    height: 20px;
    font-size: 12px;
  }

  .faq-item {
    padding: 20px 16px;
    margin-bottom: 16px;
  }

  .faq-question {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .faq-question:before {
    min-width: 28px;
    height: 28px;
    font-size: 13px;
    margin-right: 10px;
  }

  .faq-answer {
    font-size: 14px;
    padding-left: 38px;
  }
}

@media (max-width: 480px) {
  .content-title {
    font-size: 22px;
  }

  .content-subtitle {
    font-size: 18px;
  }

  .content-text {
    font-size: 14px;
  }

  .content-table {
    font-size: 12px;
  }

  .content-table thead th,
  .content-table tbody td {
    padding: 10px 8px;
    font-size: 12px;
  }

  .faq-question {
    font-size: 15px;
  }

  .faq-answer {
    font-size: 13px;
  }
}

/* Internal Links Styling */
.inlink {
  color: #3c34ac;
  font-weight: 600;
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease;
  border-bottom: 2px solid transparent;
}

.inlink:hover {
  color: #655dd0;
  border-bottom-color: #ffd700;
}

.inlink:active {
  color: #2a2580;
}

/* Optional: Add a subtle icon or indicator */
.inlink::after {
  content: "→";
  margin-left: 4px;
  font-size: 0.9em;
  opacity: 0;
  transition: all 0.3s ease;
  display: inline-block;
  transform: translateX(-5px);
}

.inlink:hover::after {
  opacity: 1;
  transform: translateX(0);
}

@media (max-width: 768px) {
  .inlink::after {
    display: none;
  }
}

/*# sourceMappingURL=styles.css.map */