body, html {   overflow-x: hidden; } body {     margin: 0;     padding: 0;     font-family: sans-serif;     font-size: 16px; } img {   margin: 10px; }  .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; }  .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; }  .AuthorPost {     margin: 1rem 0; }  .AuthorPost__title {     font-weight: 600;     margin-bottom: 1rem;     font-size: 1.9rem; }  .postAuthorLink {     border: 1px solid #ffffff;     border-radius: 10px;     display: inline-block;     max-width: 500px;     text-decoration: none;     width: 100%; } .postAuthorBottom {     border-radius: 0.7rem;     color: inherit;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     margin: 0 auto;     padding: 0 10px; } .get-image {     display: -webkit-inline-box;     display: -ms-inline-flexbox;     display: inline-flex; } .get-image img {     max-width: 200px;     -o-object-fit: contain;     object-fit: contain;     border-radius: 5px; } .postAuthorBottom__info {     margin-left: 1rem; }  .postAuthorBottom__info__name {     font-size: 1rem;     font-weight: 600;     margin-bottom: 1rem; }  .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;   padding: 10px; }  .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; }  .breadcrumbs-list__item, .breadcrumbs-list__item a {   margin: 0 5px 0;     color: #503e9c;     text-decoration: none; }