body {     margin: 0;     padding: 0;     font-family: sans-serif;     font-size: 16px;     overflow-x: hidden; } html {     overflow-x: hidden; }  * {     box-sizing: border-box; }  img {     margin: 10px; }  .banner {     display: block;     text-align: center; }  .container {     max-width: 1400px;     margin: 0 auto;     padding: 0 10px; }  .header {     padding: 20px 0;     z-index: 10;     background: #1A0C2C;     position: fixed;     top: 0;     left: 0;     width: 100%; }  .header__wrapper {     display: flex;     justify-content: space-between;     align-items: center; }  .header__btn__wrap {     display: flex;     align-items: center;     margin-top: 10px; } .header__btn__mob {     display: none; } .list {     list-style: none;     display: flex;     padding: 0;  }  .list__link {     color: #fff;     text-decoration: none;     padding: 0.5rem; }  .btn {     line-height: 1em;     transition: all 0.3s;     color: #fff;     border-radius: 5px;     padding: 4px 10px;     text-decoration: none;     font-size: 18px;     background: #ec0e1b;     border: 2px solid #ec0e1b;     font-weight: 600;     white-space: nowrap; }  .btn__blc {     padding: 0 12px; }  .btn__blc:last-child {     padding-left: 0; }  .btn:hover {     background-color: #00000000;     color: #ec0e1b; }  .end {     display: flex; }  .lang {     position: relative;     width: 100px; }  .lang__link img {     width: 18px;     height: 18px; }  .lang__link img {     margin-right: 5px; }  .lang__link .open {     width: 24px;     height: 24px; } .lang__link .close {     width: 24px;     height: 24px;     display: none; } .lang__link {     display: flex;     align-items: center; }  .lang__item-in {     display: none;     position: absolute;     top: 100%;     right: 28px;     padding-top: 10px;     border-radius: 4px;     width: auto;     height: auto;     max-height: calc(100vh - 80px);     overflow-y: auto;     overflow-x: hidden; }  .lang__link {     display: flex;     align-items: center; }  .lang__item-in .lang__link {     color: #ffffff;     text-decoration: none;     letter-spacing: 2px; }  .main {     padding: 104px 0 20px;     background: linear-gradient(180deg, #251C4B 0%, #100A35 100%);     color: #ddd7e5; }  .main a {     color: #909bf7; }  .title {     color: #ffffff;     text-align: center; }  .nav {     display: flex;     align-items: center; }  .nav__list {     list-style: none;     padding: 0; }  .nav__list__item {     margin-bottom: 10px; }  .nav__list__item__link {     display: flex;     color: #ffffff; }  .nav__list__item__link svg {     width: 15px;     margin-right: 5px; }  .footer {     background: #1A0C2C;     color: #fff;     font-size: 12px;     padding: 20px 0; }  .footer a {     text-decoration: none; }  .footer__wrapper {     display: flex;     justify-content: space-between;     align-items: center; }  .inline-flex {     display: flex;     flex-wrap: wrap; }  .inline-flex div {     margin-right: 10px; }  .footer__wrapper-start {     display: flex; }  .main img {     max-width: 100%;     height: auto; }  .header__mobile {     display: none; }  .mob__btn {     display: none; } .mob__btn svg {     width: 28px;     height: 28px; }  .header__mobile {     height: 0;     transition: height 1s ease; }  .footer__nav {     display: flex;     justify-content: space-between;     align-items: center;     flex-wrap: wrap;     list-style: none;     padding: 0; }  .footer__wrapper--bottom {     margin-top: 15px;     display: block;     border-top: 1px solid #ffffff; }  .footer__nav__item a {     color: white;     text-decoration: underline; } @media (max-width: 1322px) {     .mob__btn {         display: block;     }     .nav {         display: none;     }     .header__mobile {         display: block;     }      .header__mobile.active {         height: 100%;     }      .header__mobile.active .nav--mob {         display: block;     }     .nav--mob {         display: none;     }     .list--mob {         display: block;     }     .list__item--mob {         padding: 10px;     }     .nav--mob .header__btn .btn {         margin: 0;     } }  @media (max-width: 768px) {     img {         margin: 10px 0;     }     .footer__wrapper {         flex-direction: column;         justify-content: center;     }      .footer__wrapper * {         justify-content: center;         text-align: center;     }      .footer__wrapper-start {         margin-bottom: 15px;     }      .footer__wrapper-end {         margin-top: 15px;     }     .lang {         width: 100%;     }     .lang__link {         justify-content: end;     }     .lang__item-in {         right: -10px;     }     .end {         display: grid;         grid-template-columns: 1fr 1fr;         grid-template-rows: 1fr 1fr;         text-align: end;         gap: 15px;     }     .header__btn {         display: grid;         order: 0;         grid-column-start: 1;         grid-column-end: 4;     }     .header {         padding: 20px 0 35px;     }     .main {         padding: 135px 0 20px;     } }  @media (max-width: 440px) {     .btn__blc:last-child {         display: none;     }     .logo__link img {         width: 120px;     } } table {     width: 100%;     border: 1px solid #cfcbdc !important;     border-collapse: separate !important; } table th, table td {     border: 1px solid #cfcbdc !important; }  .faq {     margin-top: 40px; }  .faq-title {     margin-left: 30px; }  .accordion {     margin: 25px 0; }  .accordion-item {     background: #1A0C2C;     border-radius: 4px;     box-shadow: 0 0 8px #ddd7e5;     margin-bottom: 12px;     padding: 1px 0 22px 30px; }  .faq-question {     display: flex;     flex-direction: column;     margin-bottom: 0;     padding-right: 35px;     position: relative;     width: 100%; }  .faq-answer {     display: none;     overflow: hidden;     padding-bottom: 16px;     padding-top: 16px; }  .faq-question:hover, .faq-question:hover:after {     cursor: pointer; }  .faq-answer {     display: none;     overflow: hidden;     padding-bottom: 16px;     padding-top: 16px; }  .faq-question.active + .faq-answer {     display: block; }  main .btn__block {     color: #ffffff;     display: block;     width: 100%;     text-align: center; } .scroll-to-top {     background: #0b041b;     border: none;     border-radius: 3px;     bottom: 80px;     color: #ffffff;     cursor: pointer;     font-size: 20px;     height: 40px;     opacity: 0;     pointer-events: none;     position: fixed;     right: 10px;     -webkit-transition: all .25s;     transition: all .25s;     width: 40px; } .scroll-to-top.active {     opacity: 1;     pointer-events: auto; }  .cards {     display: grid;     grid-template-columns: repeat(3, 1fr);     gap: 20px; }  .main .card__link {     color: #ffffff;     text-decoration: none; }  .card__more {     text-decoration: underline;     font-weight: 700; } .card__content__inner {     margin: 0;     -webkit-line-clamp: 5;     display: -webkit-box;     -webkit-box-orient: vertical;     overflow: hidden; } .card__content {     padding: 0 10px; } .card {     max-width: 320px;     margin: 0 auto;     background: #1A0C2C;     box-shadow: 0px 5px 10px #6a538a45; }  .card__img {     height: 200px;     overflow: hidden;  }  .card__img img {     margin: 0;     width: 100%; }  @media (max-width: 768px) {     .cards {         display: grid;         grid-template-columns: repeat(2, 1fr);         gap: 20px;     } }  @media (max-width: 440px) {     .cards {         display: grid;         grid-template-columns: repeat(1, 1fr);         gap: 20px;     } } .breadcrumbs-list__item, .breadcrumbs-list__item a {   margin: 0 5px 0;     color: #503e9c;     text-decoration: none; }