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

:root {
   font-family: "Open Sans", sans-serif;
   --primary: #273b98;
   --secondary: #41628f;
   --bg: #fff;
   --bg-secondary: #f6f9ff;
   --grey: #333333;
   --ltgrey: #969696;
   --accent: #5277f7;
   --border: #eaefff;
   --gradient-corporate: linear-gradient(225deg, #35d5a5 0%, #00c7c5 30%, #2d9be0 60%, #836df3 90%);
   --gradient-corporate-horizontal: linear-gradient(188deg, #35d5a5 0%, #00c7c5 30%, #2d9be0 60%, #836df3 90%);
   --gradient-corporate-alt: linear-gradient(225deg, #fc9f47 0%, #d73777 65%, #8f44b2 100%);
}

body {
   color: #000;
   background-color: var(--bg);
   margin: 0;
   min-height: 100vh;
   min-height: 100svh;
   display: flex;
   flex-direction: column;
}
.current-menu-item a,
.current-page-ancestor a,
.current-post-ancestor a { text-decoration: underline; }

header > .container {
   max-width: 1700px;
   padding: 0 50px;
   margin: 0 auto;
}

img {
   max-width: 100%;
   max-height: 100%;
   height: auto;
}

p {
   margin: 0;
   padding: 0;
   font-size: 16px;
   line-height: 125.5%;
}

ul,
li,
a {
   list-style: none;
   text-decoration: none;
   padding: 0;
   margin: 0;
   color: #333;
}

textarea {
   resize: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
   padding: 0;
   margin: 0;
   font-weight: 700;
}

h1,
.h1 {
   font-size: 55px;
   line-height: 70px;
   color: #273b98;
}

h2,
.h2 {
   font-size: 55px;
   line-height: 70px;
   color: #273b98;
}

h3,
.h3,
.title-h3 {
   font-size: 30px;
   line-height: 41px;
}

h4,
.h4 {
   font-size: 24px;
   line-height: 33px;
}

h5,
.h5 {
   font-size: 18px;
   line-height: 100%;
}

button {
   border: 0;
   outline: none;
   cursor: pointer;
   background: none;
}

input,
textarea {
   outline: none;
}

textarea {
   padding: 10px;
}

html {
   overflow-x: hidden;
}

.btn {
   background: var(--gradient-corporate-horizontal);
   border-radius: 40px;
   height: 60px;
   font-weight: 700;
   font-size: 18px;
   line-height: 100%;
   color: #fff;
   padding: 0 122px;
   display: flex;
   align-items: center;
   justify-content: center;
   background-size: 140% 100%;
   transition: all 0.2s ease-in-out;
}

.btn:hover {
   background-position: 100% 0;
}

.header {
   background: #fff;
   height: 100px;
   border-bottom: 1px solid #eaefff;
}

.header .bar {
   width: 42px;
   height: 42px;
   border-radius: 50%;
   padding: 0;
   display: none;
}

.header .container {
   height: 100%;
   display: flex;
   align-items: center;
}

.header__top {
   display: flex;
   align-items: center;
   width: 100%;
}

.header__logo {
   width: 200px;
   margin-right: 112px;
}

.header nav ul {
   display: flex;
   align-items: center;
   column-gap: 48px;
}

.company .how__slider {
   padding: 0;
}

.company .company__news-slider {
   height: 243px;
}

.header nav ul li {
   /* margin-right: 48px; */
}

.header nav ul li:last-child {
   /* margin-right: 0; */
}

.header nav ul li > * {
   font-style: normal;
   font-size: 21px;
   line-height: 29px;
   color: #819ec7;
   position: relative;
}

.header nav ul li > *::before {
   content: "";
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   height: 3px;
   background: var(--accent);
   bottom: -5px;
   width: 0%;
   transition: 0.4s;
}

.numeric-elements__item.active {
   pointer-events: none;
}

.header.active .header__logo {
   pointer-events: none;
}

.header nav ul li > *:hover:before,
.header nav ul li > *.active:before {
   width: 65%;
}

.header nav ul li > *.active {
   /* pointer-events: none; */
}

.header__menu {
   display: flex;
   flex-grow: 1;
   width: 0;
   align-items: center;
	justify-content: center;
}

.modals__news {
   background: unset !important;
}

.how__main-slider_container {
   padding-bottom: 50px;
}

.how__main-slider_container .swiper-slide,
.modals__news-top {
   background: #fff;
}

.header__menu-title {
   font-weight: 700;
   font-size: 24px;
   line-height: 100%;
}

.header__menu-close,
.header__menu-title {
   display: none;
}

.header__menu-title span:nth-child(2) {
   display: none;
}

.header__btn {
   margin-left: auto;
}

.footer-layout-separator {
   flex-grow: 1;
   min-height: 60px;
}

body:has(section.error, section.not-found) .footer-layout-separator {
   flex-grow: 0;
   min-height: 0;
}

section.not-found h1 {
   font-weight: 700;
   font-size: 60px;
   line-height: 100%;
   color: #fff;
}

main {
   flex-grow: 1;
   display: flex;
   flex-direction: column;
   /* padding: 0 32px; */
}

.footer {
   height: 100px;
   /* margin-top: auto; */
   order: 10;
}

.footer .container {
   /* margin-top: 60px; */
   border-top: 1px solid #eaefff;
   height: 100%;
   display: flex;
   align-items: center;
   max-width: 100%;
}

.footer__wrapper {
   width: 100%;
   display: flex;
   justify-content: space-between;
   max-width: 1700px;
   padding: 0 15px;
   margin: 0 auto;
}

.footer__btn {
   padding: 0 45px;
}

.footer ul {
   display: flex;
   align-items: center;
}

.footer ul li {
   margin-right: 40px;
}

.footer ul a {
   font-style: normal;
   font-size: 16x;
   line-height: 20px;
   color: #819ec7;
   position: relative;
}

.footer ul a::before {
   content: "";
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   height: 3px;
   background: #5277f7;
   bottom: -4px;
   width: 0%;
   transition: 0.4s;
}

.footer ul a:hover:before {
   width: 65%;
}

.form {
   background: #fff;
   border: 1px solid #eaefff;
   border-radius: 40px;
   height: 64px;
   display: flex;
   align-items: center;
}

.form__select {
   background: #f8faff;
   border: 1px solid #eaefff;
   border-radius: 40px 0px 0px 40px;
   height: 100%;
   width: 263px;
   position: relative;
}

.form {
   position: relative;
}

.form__select-result {
   position: absolute;
   width: 550px;
   right: 0;
   top: 110%;
   background: #fff;
   opacity: 0;
   pointer-events: none;
   z-index: 100;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   padding: 10px;
   border-radius: 10px;
   box-shadow: 0px 0px 10px #eaefff;
}

.form__select-result .form__select-item {
   cursor: pointer;
}

.form__select-result.active {
   opacity: 1;
   pointer-events: all;
}

.form__select-result.another {
   opacity: 1;
   pointer-events: all;
}

.form__select-result .input-title {
   display: none;
}

.form__select-result.another .input-title {
   display: block;
}

.form__select-item {
   display: none;
}

.form__select-item.show {
   display: block;
}

.form__select-result .form__select-item {
   width: 49%;
}

.form__select-result .contact__wrapper-block {
   width: 100%;
   margin-bottom: 10px !important;
}

.contact__wrapper-block {
   display: block;
   position: relative;
}

.contact .contact__wrapper-block_btn {
   z-index: 50;
   position: absolute;
   bottom: 40px;
   left: 300px;
}

.contact__wrapper-block_link {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.form__select-result .contact__wrapper-block_right {
   padding: 10px;
}

.form__select-result a,
.form__select-result p {
   font-size: 10px !important;
   line-height: 12px !important;
}

.contact__wrapper-block_dollar span {
   display: flex;
   align-items: center;
}

.form__select-result .contact__wrapper-block_items {
   flex-grow: 1;
   width: 0;
}

.form__select-result .contact__wrapper-block_spisok {
   margin-top: 5px;
   width: 100% !important;
   max-width: 100% !important;
}

.form__select-result .contact__wrapper-block_spisok li {
   margin-bottom: 5px;
   display: flex;
}

.form__select-result .contact__wrapper-block_spisok li span {
   width: 10px;
}

.contact__wrapper-block_dollar {
   display: flex;
   align-items: center;
}

.form__select-result .contact__wrapper-block_title {
   font-size: 14px;
   line-height: 19px;
   font-weight: 900;
}

.contact__wrapper-block_right .contact__wrapper-block_title {
   margin-bottom: 20px;
}

.contact__wrapper-block_title {
   display: block;
   font-weight: 700;
   font-size: 24px;
   line-height: 33px;
}

.form__select-result .contact__wrapper-block_dollar {
   margin-top: 10px;
}

.form__select-result .contact__wrapper-block_dollar span {
   width: 10px;
   height: 10px;
}

.form__select-result .contact__wrapper-block_left {
   width: 50px;
}

.form__select-btn {
   height: 100%;
   font-size: 18px;
   line-height: 100%;
   display: flex;
   align-items: center;
   color: #000;
   padding: 0 30px;
}

.form__select ul {
   position: absolute;
   top: 100%;
}

.form__input {
   width: 0;
   flex-grow: 1;
   height: 100%;
   position: relative;
}

.form__input input {
   width: 100%;
   height: 100%;
   background: none;
   border: 0;
   font-size: 18px;
   line-height: 100%;
   color: #000;
   padding-left: 134px;
}

.form__input input::-webkit-input-placeholder {
   color: #000;
}

.form__input input::-moz-placeholder {
   color: #000;
}

.form__input input:-ms-input-placeholder {
   color: #000;
}

.form__input input::-ms-input-placeholder {
   color: #000;
}

.form__input input::placeholder {
   color: #000;
}

.form__input-btn {
   position: absolute;
   top: 50%;
   right: 20px;
   transform: translateY(-50%);
   width: 33px;
   height: 32px;
   background: none;
   padding: 0;
   pointer-events: none;
}

.select {
   position: relative;
}

.select .select-btn {
   position: relative;
   width: 100%;
   height: 100%;
   text-align: left;
   font-size: 18px;
   line-height: 100%;
   color: #000;
   padding: 0 25px;
}

.select .select-btn::before {
   content: "";
   /* background-image: url(../images/arrow-2.svg); */
   width: 20px;
   height: 11px;
   position: absolute;
   top: 45%;
   right: 28px;
   background-size: cover;
}

.select ul {
   position: absolute;
   top: 110%;
   left: 0;
   width: 100%;
   background: #f8faff;
   border-radius: 10px;
   padding: 20px 10px;
   transition: 0.4s;
   opacity: 0;
   pointer-events: none;
   z-index: 200;
}

.select ul li {
   margin-bottom: 20px;
   font-size: 18px;
   cursor: pointer;
}

.select ul li:last-child {
   margin-bottom: 0;
}

.select.active .select-btn:before {
   transform: rotate(180deg);
}

.select.active ul {
   opacity: 1;
   pointer-events: all;
}

.swiper-scrollbar-drag {
   background: #ffca50;
   border-radius: 6px;
   height: 6px;
   top: -1.2px;
}

.swiper-pagination-bullet {
   background: #eaefff;
   border-radius: 4px;
   width: 30px;
   height: 4px;
   transition: 0.4s;
   opacity: 1;
}

.modals__news .swiper-pagination-bullet:before {
   content: "";
   height: 100%;
   width: 0%;
   position: absolute;
   top: 0;
   left: 0;
   background: #ffca50;
   transition: 0s;
}

.modals__news .swiper-pagination-bullet-active:before {
   width: 100%;
   transition: 5s;
}

.comment__ratingBox {
   position: relative;
}

.comment__ratingBox-icon {
   transition: 0.4s;
   border-radius: 50%;
   border: 1px solid #fff;
}

.input-error .comment__ratingBox-icon {
   filter: hue-rotate(735deg);
   background: #fff;
   border: 1px solid red;
}

.modals {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(51, 51, 51, 0.8);
   z-index: 999;
   opacity: 0;
   pointer-events: none;
   transition: 0.4s;
}

.modals .modal {
   position: relative;
   max-height: 98%;
   opacity: 0;
   pointer-events: none;
   transition: 0.4s;
}

.review__item-content p {
   word-wrap: break-word;
}

.contact .contact__slider-prev,
.contact .contact__slider-next {
   position: absolute;
   top: 50%;
   left: -40px;
   transform: translateY(-50%);
   z-index: 100;
}

.contact .contact__slider {
   position: relative;
   max-width: calc(100% - 80px);
   margin: 0 auto;
   @media (max-width: 480px){
        max-width: 100%;
   }
}

.contact .contact__slider-next {
   right: -40px;
   left: auto;
   svg {
      transform: rotate(-180deg);
   }
}

.modals .modal__close {
   position: absolute;
   top: 33px;
   right: 30px;
   width: 24px;
   height: 24px;
   padding: 0;
}

.modals .modal {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background: #fff;
   width: 1114px;
   height: -webkit-max-content;
   height: -moz-max-content;
   height: max-content;
}

.modals__filter-content {
   padding: 0px 30px 50px 30px;
}

.modals__filter-title {
   border-bottom: 1px solid #eaefff;
   padding: 30px 30px 30px 56px;
   color: #273b98;
}

.modals__filter-items {
   display: flex;
   margin-top: 20px;
   flex-wrap: wrap;
}

.modals__filter-block {
   display: flex;
   align-items: center;
   margin-top: 20px;
}

.modals__filter-block_item {
   display: flex;
   align-items: center;
   margin-right: 10px;
}

.modals__filter-block_item p {
   font-size: 14px;
   line-height: 16px;
   color: #000;
   margin-right: 10px;
}

.modals__filter-block_item input {
   width: 70px;
   margin-top: 0 !important;
}

.modals__filter-input {
   display: flex;
   flex-direction: column;
   width: 23%;
   margin-right: 9%;
   border-bottom: 1px solid #eaefff;
   padding-bottom: 20px;
   margin-bottom: 30px;
}

.modals__filter-input label {
   font-weight: 700;
}

.modals__filter-input input {
   margin-top: 20px;
   margin-left: 20px;
   background: #f8faff;
   border: 1px solid #d4dbf2;
   height: 30px;
}

.modals__filter-spisok {
   max-height: 150px;
   margin-top: 20px;
   padding: 5px 0;
}

.modals__filter-checkbox {
   margin-bottom: 18px;
}

.modals__filter-checkbox:last-child {
   margin-bottom: 0;
}

.modals__filter-checkbox input {
   display: none;
}

.modals__filter-checkbox label {
   font-size: 14px;
   line-height: 16px;
   color: #000;
   position: relative;
   padding-left: 30px;
   font-weight: 400;
}

.modals__filter-checkbox label::before {
   width: 20px;
   height: 20px;
   content: "";
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: 0;
   background: #f8faff;
   border: 1px solid #d4dbf2;
   background-repeat: no-repeat;
   background-position: center center;
   cursor: pointer;
}

.modals__filter-checkbox input:checked + label::before {
   /* background-image: url(../images/checkbox.svg); */
}

.modals__filter-btns {
   margin-top: 50px;
   display: flex;
   justify-content: center;
}

.modals__filter-btn {
   width: 240px;
   margin: 0 10px;
   height: 40px;
   background: linear-gradient(224.39deg, #fc9f47 2.1%, #d73777 64.48%, #8f44b2 98.23%);
   border-radius: 20px;
   font-size: 14px;
   line-height: 100%;
   color: #fff;
}

.modals__filter-btn:last-child {
   background: linear-gradient(
      224.39deg,
      #35d5a5 2.1%,
      #00c7c5 32.94%,
      #2d9be0 57.62%,
      #5277f7 71.52%,
      #5b75f6 79.13%,
      #7370f4 91.42%,
      #836df3 98.23%
   );
}

.modals__news {
   width: 830px !important;
   position: relative;
}

.modals__news-pagination {
   position: absolute;
   left: 50% !important;
   top: 105%;
   transform: translateX(-50%);
   display: flex;
   justify-content: center;
   width: 100%;
}

.modals__news-top {
   display: flex;
   justify-content: space-between;
   padding: 0px 20px;
   height: 50px;
   position: relative;
}

.modals__news-top .modal__close {
   left: 50%;
   top: 55%;
   transform: translate(-50%, -50%);
}

.modals__news-top_block {
   display: flex;
   align-items: center;
   cursor: pointer;
}

.modals__news-top_block.swiper-button-disabled {
   opacity: 0.5;
   pointer-events: all;
}

.modals__news-bottom_content {
   padding: 20px;
}

.modals__news-bottom_title {
   font-weight: 700;
}

.modals__news-bottom_text {
   margin-top: 20px;
   font-size: 14px;
   line-height: 19px;
   color: #333;
}

.modals__news-bottom ul {
   margin-top: 20px;
   border-top: 1px solid #eaefff;
   padding-top: 20px;
}

.modals__news-bottom ul li {
   margin-bottom: 10px;
   padding-left: 15px;
   position: relative;
   font-size: 14px;
   line-height: 19px;
   color: #333;
}

.modals__news-bottom ul li:before {
   content: "";
   position: absolute;
   border-radius: 50%;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   width: 5px;
   height: 5px;
   background: #ff7a00;
}

.modals__news-bottom ul li:last-child {
   margin-bottom: 0;
}

.modals__news-bottom_btn {
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 20px auto 0 auto;
   background: #5277f7;
   border-radius: 55px;
   width: 280px;
   height: 50px;
   font-size: 18px;
   line-height: 100%;
   color: #fff;
}

.modals__news-title {
   background: linear-gradient(90deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
   color: #fff;
   padding: 15px 20px;
   max-width: 560px;
   z-index: 20;
}

.modals__news-text {
   font-size: 14px;
   line-height: 100%;
   color: #819ec7;
   max-width: 230px;
}

.modals__news-prev {
   margin-right: 20px;
}

.modals__news-next {
   margin-left: 20px;
}

.modals__news-prev,
.modals__news-next {
   display: flex;
   align-items: center;
}

.modals__news-img {
   padding-top: 20px;
   height: 300px;
   background-size: cover;
   background-position: center center;
}

.modals__review {
   width: 640px !important;
}

.company__news-slider {
   position: relative;
   padding: 0 30px;
}

.company .how__slider-prev,
.company .how__slider-next,
.how__slider-mob-prev,
.how__slider-mob-next {
   position: absolute;
   left: 0;
   top: 30%;
   height: 100px;
   display: flex;
   align-items: center;
}

.company .how__slider-next,
.how__slider-mob-next {
   right: 0;
   left: auto;
}

.modals__review .modals__filter-title {
   padding: 30px;
}

.modals__review-content {
   padding: 30px;
   min-height: 205px;
   border-bottom: 1px solid #eaefff;
   display: flex;
   justify-content: center;
   align-items: center;
}

.modals__review-content p {
   font-size: 20px;
   line-height: 100%;
   color: #000;
}

.modals__review-content p a {
   font-size: 20px;
   line-height: 100%;
   -webkit-text-decoration-line: underline;
   text-decoration-line: underline;
   color: #5277f7;
}

.modals__review-content .radio {
   margin-bottom: 30px;
}

.modals__review-content .radio:last-child {
   margin-bottom: 0;
}

.modals__review-text {
   font-size: 14px;
   line-height: 30px;
   color: #000;
}

.modals__review-text b {
   font-weight: 700;
   color: #333;
   font-size: 16px;
}

.modals__review-btns {
   margin-top: 30px;
   padding: 0 30px 30px 30px;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.modals__review-btn {
   width: 48%;
   background: linear-gradient(224.39deg, #fc9f47 2.1%, #d73777 64.48%, #8f44b2 98.23%);
   border-radius: 40px;
   height: 60px;
   font-size: 18px;
   line-height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #fff;
   font-weight: 700;
}

.modals__review-btn.back {
   color: #819ec7;
   background: #fff;
   border: 2px solid #d4dbf2;
}

.modals__graph {
   width: 1255px !important;
}

.modals__graph .modals__filter-title {
   padding: 30px;
}

.modals__graph-text {
   font-size: 14px;
   line-height: 100%;
   color: #000;
}

.modals__graph-img {
   margin-top: 30px;
}

.modals__graph-content {
   padding: 30px;
}

.criteria {
   background: #fff;
   border: 1px solid #eaefff;
   box-shadow: 0px 0px 10px #eaefff;
   padding: 20px;
}

.criteria__top {
   display: none;
   justify-content: space-between;
   align-items: center;
}

.criteria__top-title {
   color: #273b98;
}

.criteria__title {
   font-size: 16px;
}

.criteria ul {
   margin-top: 20px;
}

.criteria ul li {
   display: flex;
   justify-content: space-between;
   padding: 15px 0;
   color: #000;
   border-bottom: 1px solid #eaefff;
}

.criteria__text {
   color: #273b98;
   text-align: right;
   max-width: 50%;
}

.criteria__btn {
   margin-top: 50px;
   width: 100%;
   background: #fff;
   border: 1px solid #d4dbf2;
   border-radius: 20px;
   height: 40px;
   font-size: 14px;
   line-height: 100%;
   color: #819ec7;
   transition: 0.4s;
   display: flex;
   justify-content: center;
   align-items: center;
}

.criteria__btn:hover {
   background: #d4dbf2;
   color: #fff;
}

/* .pagination {
	border-radius: 4px;
	opacity: 1 !important;
	height: 4px;
	background: #eaefff;
} */

.radio label {
   position: relative;
   padding-left: 30px;
   font-size: 14px;
   line-height: 15px;
   color: #000;
}

.radio label:before {
   content: "";
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   background: #f8faff;
   border: 1px solid #d4dbf2;
   border-radius: 10px;
   width: 20px;
   height: 20px;
   cursor: pointer;
   transition: 0.4s;
}

.radio label:after {
   content: "";
   background: #5277f7;
   border-radius: 50%;
   position: absolute;
   top: 50%;
   left: 5px;
   transform: translateY(-50%);
   width: 10px;
   height: 10px;
   cursor: pointer;
   transition: 0.4s;
   opacity: 0;
}

.radio input {
   display: none;
}

.radio input:checked + label:after {
   opacity: 1;
}

.btn-blue {
   background: #273b98;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #fff;
   border-radius: 20px;
   height: 40px;
   font-size: 14px;
   line-height: 100%;
}

.error-body {
   display: flex;
   flex-direction: column;
   min-height: 100vh;
}

.error-body .error {
   /* min-height: 800px; */
}

.error-body .footer {
   margin-top: 0;
}

.filter-open {
   overflow: hidden;
}

.filter-open .modals,
.filter-open .modals__filter {
   opacity: 1;
   pointer-events: all;
}

.slider-how-open {
   overflow: hidden;
}

.slider-how-open .modals,
.slider-how-open .modals__news {
   opacity: 1;
   pointer-events: all;
}

.brand-open {
   overflow: hidden;
}

.brand-open .modals,
.brand-open .modals__graph {
   opacity: 1;
   pointer-events: all;
}

.report-open {
   overflow: hidden;
}

.report-open .modals,
.report-open .modals__review {
   opacity: 1;
   pointer-events: all;
}

.search-body {
   display: flex;
   flex-direction: column;
}

.search-body .footer {
   margin-top: auto;
}

section.search {
   padding: 60px 0;
   background: linear-gradient(
      224.39deg,
      #35d5a5 2.1%,
      #00c7c5 32.94%,
      #2d9be0 57.62%,
      #5277f7 71.52%,
      #5b75f6 79.13%,
      #7370f4 91.42%,
      #836df3 98.23%
   );
}

section.search h1 {
   color: #fff;
   text-align: center;
   margin-top: 30px;
   margin-bottom: 20px;
}

.search__title {
   font-size: 20px;
   line-height: 120%;
   color: #fff;
   text-align: center;
   margin: 2rem 10%;
}

.search__input {
   margin: 44px auto 0 auto;
   width: 860px;
   padding: 15px;
}

.search__subtitle {
   font-size: 18px;
   line-height: 100%;
   text-align: center;
   color: #fff;
   margin-top: 40px;
   font-style: italic;
   font-weight: 400;
}

.search__form {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin: 60px auto 0 auto;
   max-width: 1200px;
}

.search__form-select {
   background: #f8faff;
   border-radius: 55px;
}

.search__form-btn {
   background: #273b98;
   border-radius: 55px;
   color: #fff;
}

.search__form-select,
.search__form-btn {
   width: 30%;
   height: 70px;
}

section.search .form__input input {
   padding-left: 40px;
}

section.search .form__input input {
   padding-left: 40px;
}

.how {
   margin-top: 60px;
}

.how .swiper-slide {
   height: 243px;
}

.modals__news-img {
   position: relative;
   z-index: 10;
}

.modals__news-img img {
   height: 100%;
   width: 100%;
   object-fit: cover;
   position: absolute;
   top: 0;
   left: 0;
   z-index: -1;
}

.how__slider .swiper-slide {
   border-radius: 10px;
   overflow: hidden;
   position: relative;
   cursor: pointer;
}

.how__slider .swiper-slide a {
   transition: 0.4s;
   background-size: 100%;
}

.how__slider .swiper-slide:hover a {
   background-size: 120%;
}

.how__slider .swiper-slide::before {
   content: "";
   background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, #000000 100%);
   border-radius: 10px;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 50;
}

.how__slider-img {
   height: 100%;
   background-size: 100% 100%;
   top: 0;
   left: 0;
   background-position: center center;
   position: relative;
   display: block;
   transition: 0.4s;
   background-size: cover;
}

.how__main-slider {
   width: 100%;
}

.how__slider-info {
   position: absolute;
   bottom: 20px;
   left: 20px;
   z-index: 50;
}

.how__slider-title {
   font-size: 12px;
   line-height: 16px;
   color: #fff;
   margin-bottom: 10px;
}

.how__slider-link {
   font-size: 12px;
   line-height: 16px;
   color: #ffca50;
}

.how__main .how__slider-prev,
.how__main .how__slider-next {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   height: 100%;
   padding-bottom: 50px;
   z-index: 100;
}

.how__main .how__slider-prev {
   left: 0;
}

.how__main .how__slider-next {
   right: 0;
}

.how__main {
   padding: 0 40px;
   position: relative;
}

.how__slider-scroll {
   width: 263px;
   height: 4px;
   background: #eaefff;
   border-radius: 4px;
   opacity: 1 !important;
   overflow: unset;
   margin: 40px auto 5px auto;
   display: block !important;
}

.contact {
   /* max-width: 1200px;
  margin: auto; */
   margin-top: 10px;
   /* order: 2; */
}

.contact.active {
   /* order: 1; */
}

.how {
   /* order: 2; */
}

.contact__title {
   font-weight: 700;
   font-size: 16px;
   line-height: 22px;
   color: #333;
   margin-bottom: 20px;
}

.contact__wrapper {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 20px;
}

.contact__wrapper-block {
   background: #fff;
   border: 1px solid #eaefff;
   box-shadow: 0px 0px 10px #eaefff;
   display: flex;
   align-items: center;
}

.contact .contact__wrapper-block {
   cursor: pointer;
}

.numeric-elements__container {
   margin: 20px auto 0 auto;
   width: 100%;
}

.contact__wrapper-block_left {
   height: 100%;
   width: 263px;
   text-align: center;
   border-right: 1px solid #eaefff;
   display: flex;
   justify-content: center;
   align-items: center;
}

.contact__wrapper-block_left img {
   width: 70%;
   pointer-events: none;
}

.contact__wrapper-block_right {
   flex-grow: 1;
   width: 0;
   padding: 30px 30px 100px 30px;
}

.contact__wrapper-items {
   width: max-content;
   position: relative;
}

.contact__wrapper-rating_hidden {
   overflow: hidden;
   position: absolute;
   top: 0;
   left: 0;
}

.contact__wrapper-block_dollar {
   display: flex;
   align-items: center;
   width: max-content;
}

.contact__wrapper-block_dollar span img {
   width: 100%;
   height: 100%;
}

.contact__wrapper-block_dollar span {
   width: 40px;
   height: 40px;
   margin-right: 10px;
   position: relative;
}

.contact__wrapper-block_dollar img:nth-child(2) {
   position: absolute;
   top: 0;
   left: 0;
}

.contact__wrapper-block_dollar span.active img:nth-child(1) {
   display: none;
}

.contact__wrapper-block_dollar span.active img:nth-child(2) {
   display: block;
}

.contact__wrapper-block_dollar span:last-child {
   margin-right: 0;
}

.contact__wrapper-block_spisok {
   margin-top: 30px;
}

.contact__wrapper-block_spisok li {
   display: flex;
   align-items: center;
   margin-bottom: 14px;
}

.contact__wrapper-block_spisok li a,
.contact__wrapper-block_spisok li p,
.contact__wrapper-block_items {
   font-size: 14px;
   line-height: 19px;
}

.contact__wrapper-block_spisok li span {
   width: 14px;
   margin-right: 10px;
}

.contact__wrapper-block_spisok li span img {
   width: 14px;
}

.contact__wrapper-block_spisok li:last-child {
   margin-bottom: 0;
}

.contact__wrapper-block_btn {
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content;
   display: flex;
   align-items: center;
   margin-top: 30px;
   background: #fff;
   border: 1px solid #d4dbf2;
   border-radius: 20px;
   height: 40px;
   padding: 0 43px;
   font-size: 14px;
   line-height: 100%;
   color: #000;
   transition: 0.4s;
}

.contact__wrapper-block_btn:hover {
   background: #d4dbf2;
   color: #fff;
}

.contact__pagination {
   width: 264px;
   margin: 20px auto 0 auto;
}

.company {
   margin-top: 60px;
}

.company .contact__wrapper-block_view {
   display: none;
}

.company .container {
   display: flex;
   justify-content: center;
}

.company__left {
   flex-grow: 1;
   width: 0;
   margin-right: 19px;
   max-width: 1400px;
}

.company__left-top {
   display: flex;
   justify-content: space-between;
}

.company__left-top .contact__wrapper-block {
   background: unset;
   border: 0;
   box-shadow: none;
   align-items: flex-start;
}

.criteria-open .company__left-top .contact__wrapper-block_left {
   background: #fff;
   border: 1px solid #eaefff;
   box-shadow: 0px 0px 10px #eaefff;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
}

.company__left-top .contact__wrapper-block_right {
   padding: 0;
   padding-left: 30px;
}

.company__left-text {
   background: #fff;
   border: 1px solid #eaefff;
   box-shadow: 0px 0px 10px #eaefff;
   padding: 53px 20px;
   margin-top: 20px;
   line-height: 22px;
}

.company__left-text p {
   line-height: 22px;
}

.company__news {
   width: 406px;
   height: 243px;
   margin: 0;
}

.company__news .swiper-slide {
   position: relative;
   border-radius: 5px;
   overflow: hidden;
   background-size: cover;
   background-position: center center;
}

.company__news .swiper-slide:before {
   content: "";
   width: 100%;
   height: 100%;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, #000000 100%);
   border-radius: 5px;
   top: 0;
   left: 0;
   position: absolute;
}

.company__news-info {
   position: absolute;
   bottom: 10px;
   left: 10px;
   z-index: 10;
   font-size: 12px;
   line-height: 16px;
   color: #fff;
}

.company__news-info span {
   display: block;
}

.company__news-info_title {
   margin-bottom: 10px;
}

.company__news-info_link {
   color: #ffca50;
}

.company__news-pagination {
   width: 122px;
   margin: 15px auto 0 auto;
}

.company__right {
   width: 405px;
}

.company__share {
   margin-top: 35px;
}

.company__share-title {
   font-weight: 700;
}

.company__share-wrapper {
   margin-top: 20px;
   background: #f8faff;
   border: 1px solid #eaefff;
   box-shadow: 0px 0px 10px #eaefff;
   border-radius: 5px;
   height: 80px;
   display: flex;
   justify-content: space-between;
}

.company__share-link {
   width: 50%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
}

.company__share-link:last-child:before {
   display: none;
}

.company__share-link::before {
   content: "";
   height: 50%;
   right: 0;
   top: 50%;
   width: 1px;
   position: absolute;
   transform: translateY(-50%);
   background: #d4dbf2;
}

.company__share-link img {
   width: 40px;
}

.company__wrapper {
   margin-top: 20px;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
}

.company__wrapper-block {
   width: 49%;
   padding: 20px;
   background: #fff;
   border: 1px solid #eaefff;
   border-radius: 5px;
}

.company__wrapper-block ul li img:nth-child(2) {
   display: none;
}

.company__wrapper-block ul li.negative img:nth-child(1) {
   display: none;
}

.company__wrapper-block ul li.negative img:nth-child(2) {
   display: block;
}

.company__wrapper-block_top {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding-bottom: 25px;
   border-bottom: 1px solid #eaefff;
   margin-bottom: 20px;
   margin-top: 20px;
}

.company__wrapper-block_btn {
   background: #5277f7;
   border-radius: 20px;
   height: 40px;
   width: 263px;
   margin: 13px auto 0 auto;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
}

.company__wrapper-block_btn.btn-active {
   display: none;
}

.company__wrapper-block .company-active {
   border: 0;
   margin-bottom: 0;
   padding-bottom: 0;
}

.company__wrapper-block_check {
   display: flex;
   align-items: center;
   display: none;
}

.company__wrapper-block_checkbox {
   margin-right: 13px;
}

.company__wrapper-block_checkbox:last-child {
   margin-right: 0;
}

.company__wrapper-block_title {
   font-weight: 700;
   padding-left: 17px;
}

.company__wrapper-block_text {
   color: #000;
   font-size: 14px;
}

.company__wrapper-block_range {
   margin-top: 20px;
   width: 100%;
   background: red;
   border-radius: 5px;
   height: 10px;
   position: relative;
}

.company__wrapper-block_subrange {
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   border-radius: 5px;
   width: 80%;
   background: #01b31d;
}

.company__wrapper-block_item {
   display: flex;
   align-items: center;
}

.company__wrapper-block_items {
   margin-top: 20px;
   display: flex;
   justify-content: space-between;
}

.company__wrapper-block_items p {
   font-size: 14px;
   line-height: 19px;
   margin-right: 7px;
   color: #000;
}

.company__wrapper-block_items p:last-child {
   font-weight: 700;
   color: #333;
}

.company__wrapper-block ul {
   display: flex;
   flex-direction: column;
}

.company__wrapper-block ul li {
   display: flex;
   align-items: flex-start;
   padding-bottom: 12px;
   margin-top: 12px;
   color: #000;
   border-bottom: 1px solid #eaefff;
}

.company__wrapper-block ul li.negative span {
   background: red;
}

.company__wrapper-block ul li:last-child {
   border: 0;
   padding-bottom: 0;
}

.company__wrapper-block ul li span {
   background: #01b31d;
   border-radius: 5px;
   width: 40px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 19px;
}

.company__wrapper-block ul li span img {
   width: 50%;
}

.company__wrapper-block ul li p {
   flex-grow: 1;
   width: 0;
   font-size: 14px;
   line-height: 19px;
}

.company__wrapper-block:last-child .company__wrapper-block_title {
   padding-left: 0;
}

.company__form {
   margin-top: 40px;
   padding-top: 20px;
   border-top: 1px solid #eaefff;
}

.company__form-title {
   font-weight: 700;
}

.company__form-input {
   display: flex;
   flex-direction: column;
   margin-bottom: 20px;
}

.company__form-input:last-child {
   margin-bottom: 0;
}

.company__form-input label {
   display: block;
   font-size: 14px;
   line-height: 19px;
   color: #000;
   margin-bottom: 5px;
}

.company__form-input input {
   height: 40px;
   width: 100%;
}

.company__form-left {
   width: 405px;
}

.company__form-right {
   flex-grow: 1;
   width: 0;
   display: flex;
   flex-direction: column;
   margin-left: 20px;
}

.company__form-right label {
   font-size: 14px;
   line-height: 19px;
   color: #000;
   margin-bottom: 5px;
}

.company__form-right textarea {
   flex-grow: 1;
   height: 0;
}

.company__form-wrapper {
   margin-top: 28px;
   display: flex;
}

.company__form-wrapper input,
.company__form-wrapper textarea {
   background: #fff;
   border: 1px solid #eaefff;
}

.company__form-items {
   display: flex;
   justify-content: space-between;
   margin-top: 26px;
}

.company__form-items .company__form-input {
   width: 32%;
}

.company__form-items .company__form-input input,
.company__form-items .company__form-input .company__form-select {
   background: #fff;
   border: 1px solid #eaefff;
   height: 40px;
}

.company__form-items .company__form-input input,
.company__form-items .company__form-input .select-btn {
   padding: 0 15px;
}

.company__form-items .company__form-input .select-btn:before {
   width: 12px;
   height: 6px;
   right: 15px;
}

.company__form-quest {
   position: relative;
}

.company__form-close {
   position: absolute;
   top: 0;
   right: 0;
   height: 100%;
   width: 40px;
   background: #d4dbf2;
   display: flex;
   align-items: center;
   justify-content: center;
}

.company__form-close img {
   width: 50%;
}

.company__form-add {
   margin-top: 10px;
   font-size: 14px;
   line-height: 19px;
   text-align: right;
   -webkit-text-decoration-line: underline;
   text-decoration-line: underline;
   color: #5277f7;
}

.company__form-dollar {
   display: flex;
   justify-content: space-between;
   margin: 17px auto 0 auto;
   align-items: center;
   width: 240px;
}

.company__form-dollar span {
   width: 40px;
   height: 40px;
}

.company__form-btn {
   background: #5277f7;
   border-radius: 20px;
   margin: 23px auto 0 auto;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 14px;
   line-height: 100%;
   display: flex;
   align-items: center;
   color: #fff;
   height: 40px;
   width: 405px;
   transition: 0.4s;
}

.company__form-btn:hover {
   background: #203a97;
}

.company__all {
   margin-top: 20px;
   padding-top: 26px;
   border-top: 1px solid #eaefff;
}

.company__all-items {
   margin-top: 20px;
   display: flex;
   justify-content: space-between;
}

.company__all-input {
   width: 32%;
}

.company__all-input label {
   display: block;
   margin-bottom: 5px;
   font-size: 14px;
   line-height: 19px;
   color: #000;
}

.company__all-input .select {
   height: 40px;
   background: #fff;
   border: 1px solid #eaefff;
}

.company__all-input .select-btn {
   padding: 0 15px;
   font-size: 14px;
}

.company__all-input .select-btn:before {
   width: 14px;
   height: 8px;
   right: 15px;
}

.company__all-title {
   font-size: 16px;
   line-height: 22px;
   color: #333;
}

.company__trader {
   margin-top: 64px;
}

.company__trader-text {
   font-size: 12px;
   line-height: 16px;
   text-align: right;
   color: #000;
}

.company__trader-wrapper:first-child .company__trader-comment:first-child .company__trader-block {
   background: linear-gradient(224.39deg, #fc9f47 2.1%, #d73777 64.48%, #8f44b2 98.23%);
   border-radius: 0px 15px 15px 0px;
   margin-left: -20px;
   padding: 0px 20px;
}

.company__trader-wrapper:first-child .company__trader-comment:first-child .company__trader-block_left {
   color: #fff;
   height: 100%;
   padding: 7px 0;
   position: relative;
   padding-right: 20px;
}

.company__trader-wrapper:first-child .company__trader-comment:first-child .company__trader-block_left:before {
   content: "";
   background: linear-gradient(224.39deg, #fc9f47 2.1%, #d73777 64.48%, #8f44b2 98.23%);
   position: absolute;
   height: 100%;
   right: 0;
   width: 2px;
   top: 0;
}

.company__trader-wrapper:first-child .company__trader-comment:first-child .company__trader-title {
   margin-right: 87px;
}

.company__trader-wrapper:first-child .company__trader-comment:first-child .company__trader-date {
   color: #fff;
}

.company__trader-wrapper:first-child .company__trader-comment:first-child .company__trader-block_right {
   padding-right: 29px;
   color: #fff;
   display: block;
}

.company__trader-wrapper:first-child .company__trader-comment:first-child .company__trader-subtitle {
   margin-top: 20px;
}

.company__trader-comment {
   background: #fff;
   border: 1px solid #eaefff;
   padding: 27px 20px;
   margin-left: 60px;
   margin-bottom: 20px;
   position: relative;
}

.company__trader-comment::before {
   content: "";
   width: 30px;
   height: 30px;
   position: absolute;
   left: -50px;
   top: 10px;
   /* background-image: url(../images/company/comment.svg); */
   background-size: cover;
}

.company__trader-comment:first-child {
   margin-left: 0;
}

.company__trader-comment:first-child::before {
   display: none;
}

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

.company__trader-top.gift-active {
   margin-bottom: 42px;
}

.company__trader-top.gift-active .company__trader-block_gift {
   display: block;
}

.company__trader-block {
   display: flex;
   align-items: center;
}

.company__trader-block_left {
   display: flex;
   align-items: center;
   position: relative;
}

.company__trader-block_right {
   font-weight: 700;
   font-size: 12px;
   line-height: 130%;
   margin-left: 13px;
   display: none;
}

.company__trader-block_gift {
   position: absolute;
   bottom: -23px;
   font-weight: 700;
   font-size: 12px;
   line-height: 16px;
   color: red;
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content;
   padding-left: 20px;
   display: none;
}

.company__trader-block_gift::before {
   content: "";
   /* background-image: url(../images/gift.svg); */
   width: 15px;
   height: 15px;
   background-size: cover;
   position: absolute;
   left: 0;
   top: 0;
}

.company__trader-title {
   font-weight: 700;
   margin-right: 47px;
}

.company__trader-date {
   font-size: 12px;
   line-height: 16px;
   color: #000;
}

.company__trader-subtitle {
   margin-top: 34px;
   font-size: 14px;
   line-height: 19px;
   color: #000;
}

.company__trader-items {
   margin-top: 20px;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
}

.company__trader-items ul {
   width: 49%;
   background: rgba(1, 178, 29, 0.1);
   padding: 20px;
}

.company__trader-items ul.negative {
   background: rgba(255, 0, 0, 0.1);
}

.company__trader-items ul.negative li {
   color: red;
}

.company__trader-items ul.negative li::before {
   /* background-image: url(../images/company/minus.svg); */
   height: 1px;
}

.company__trader-items ul li {
   margin-bottom: 10px;
   font-size: 14px;
   line-height: 19px;
   color: #01b31d;
   position: relative;
   padding-left: 23px;
}

.company__trader-items ul li::before {
   content: "";
   /* background-image: url(../images/company/plus.svg); */
   width: 12px;
   height: 12px;
   background-size: cover;
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
}

.company__trader-items ul li:last-child {
   margin-bottom: 0;
}

.company__trader-bottom {
   margin-top: 20px;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.company__trader-likes {
   display: flex;
   align-items: center;
}

.company__trader-likes button {
   padding: 0 10px;
   height: 30px;
   background: #eaefff;
   border-radius: 15px;
   display: flex;
   align-items: center;
   margin-right: 10px;
   font-size: 12px;
   line-height: 100%;
   color: #000;
}

.company__trader-likes button img {
   margin-left: 5px;
}

.company__trader-report .resport {
   margin-right: 48px;
   font-size: 14px;
   line-height: 19px;
   -webkit-text-decoration-line: underline;
   text-decoration-line: underline;
   color: #000;
}

.company__trader-report .reply {
   font-size: 14px;
   line-height: 19px;
   -webkit-text-decoration-line: underline;
   text-decoration-line: underline;
   color: #5277f7;
}

.company__trader-btn {
   margin: 20px auto 0 auto;
   width: 405px;
   height: 40px;
   background: #5277f7;
   border-radius: 20px;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: 0.4s;
}

.company__trader-btn:hover {
   background: #203a97;
}

.company__graph-title {
   padding: 30px 0;
   border-bottom: 1px solid #eaefff;
   color: #273b98;
}

.company__graph-text {
   margin-top: 30px;
   font-size: 14px;
   line-height: 130%;
   color: #000;
}

.company__graph-img {
   margin-top: 30px;
}

.company .contact__wrapper-block_title {
   font-size: 24px;
   line-height: 40px;
}

.economy {
   margin-top: 60px;
   margin-bottom: 60px;
}

.economy .economy__title {
   margin-bottom: 20px;
}

.economy__wrapper {
   display: flex;
   align-items: flex-start;
}

.economy__wrapper-title {
   font-weight: 700;
   margin-bottom: 20px;
   padding-top: 20px;
   border-top: 1px solid #eaefff;
   font-size: 24px;
   color: #000;
}

.economy__wrapper-btn {
   width: 300px;
   font-size: 14px;
   padding: 0 20px;
   font-weight: 400;
   margin-bottom: 40px;
   height: 40px;
}

.economy__wrapper-left {
   flex-grow: 1;
   width: 0;
   margin-right: 19px;
}

.economy__wrapper-sitebar {
   width: 547px;
   background: #fff;
   border: 1px solid #eaefff;
   box-shadow: 0px 0px 10px #eaefff;
   padding: 20px;
}

.economy__wrapper-sitebar ul {
   margin-top: 40px;
}

.economy__wrapper-sitebar li {
   display: flex;
   align-items: center;
   padding-bottom: 20px;
   border-bottom: 1px solid #eaefff;
   margin-bottom: 20px;
   position: relative;
}

.economy__wrapper-sitebar li.active a span {
   font-size: 18px;
   font-weight: 700;
}

.economy__wrapper-sitebar li:last-child {
   margin-bottom: 0;
   border: 0;
   padding-bottom: 0;
}

.economy__wrapper-sitebar li span {
   width: 40px;
   height: 40px;
   margin-right: 20px;
   display: block;
}

.economy__wrapper-sitebar li span:nth-child(2) {
   width: auto;
}

.economy__wrapper-sitebar li a {
   width: 100%;
   display: flex;
   align-items: center;
}

.economy__wrapper-sitebar li a span {
   display: flex;
   align-items: center;
   font-size: 16px;
   line-height: 22px;
   color: #819ec7;
}

.economy__wrapper-sitebar li a:hover {
   color: #42679b;
}

.economy__wrapper-sitebar_number {
   position: absolute;
   top: 50%;
   right: 10px;
   transform: translateY(-50%);
   background: #eaefff;
   border-radius: 15px;
   width: 57px;
   height: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 12px;
   line-height: 100%;
   color: #000;
}

.economy__wrapper-sitebar_title {
   font-weight: 700;
   font-size: 24px;
   line-height: 33px;
}

.economy__wrapper-items {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

.economy__wrapper-item {
   width: 49%;
   height: 357px;
   margin-bottom: 20px;
   background-size: cover;
   background-position: center center;
   position: relative;
}

.economy__wrapper-item:before {
   content: "";
   position: absolute;
   width: 100%;
   height: 160px;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, #000000 100%);
   bottom: 0;
   left: 0;
}

.economy__wrapper-item_title {
   font-weight: 700;
}

.economy__wrapper-item_title a {
   color: #fff;
}

.economy__wrapper-item_info {
   position: absolute;
   bottom: 20px;
   left: 20px;
   z-index: 50;
   color: #fff;
}

.economy__wrapper-item_date {
   color: #d4dbf2;
}

.economy__wrapper-item_link {
   display: inline-block;
   color: #ffca50;
   margin-top: 10px;
   transition: 0.4s;
}

.economy__wrapper-item_link:hover {
   color: #9e7d2f;
}

.economy__wrapper-content {
   padding-bottom: 50px;
   margin-bottom: 40px;
   border-bottom: 1px solid #eaefff;
}

.economy__wrapper-img {
   height: 357px;
   background-size: cover;
   background-position: center center;
   margin-bottom: 20px;
}

.economy__wrapper-subtitle {
   font-weight: 700;
   margin-bottom: 10px;
}

.economy__wrapper-date {
   font-size: 16px;
   color: #000;
   margin-bottom: 10px;
}

.economy__wrapper-text p {
   font-size: 14px;
   line-height: 19px;
   color: #000;
}

.economy__wrapper-articles_title {
   margin-bottom: 20px;
   font-weight: 700;
   font-size: 24px;
}

.error,
.not-found {
   padding: 90px 0;
   background: var(--gradient-corporate);
   text-align: center;
   flex-grow: 1;
   display: flex;
   flex-direction: column;
   justify-content: center;
   /* min-height: 900px; */
}

/* .not-found {
	width: 100%;
	grid-column: 1 / span 2;
	padding: 30px;
	text-align: center;
	background: var(--gradient-corporate);
	font-weight: 900;
	color: #fff;
	font-size: 44px;
} */

.footer-404 .footer,
.footer-404 .container {
   margin-top: 0 !important;
}

.footer-404 .footer {
   padding: 0;
}

.latest__wrapper-bottom p {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -moz-box;
   -moz-box-orient: vertical;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   line-clamp: 1;
   box-orient: vertical;
}

.latest__wrapper-block {
   height: auto;
}

.error h1 {
   display: flex;
   flex-direction: column;
}

.error__title {
   font-weight: 700;
   font-size: 100px;
   line-height: 100%;
   color: #fff;
}

.error__subtitle {
   font-size: 50px;
   line-height: 100%;
   text-transform: uppercase;
   color: #fff;
   opacity: 0.3;
}

.error__text {
   font-size: 18px;
   line-height: 130%;
   max-width: 1115px;
   margin: 60px auto 60px auto;
   color: #fff;
}

.error .form__select ul li {
   text-align: left;
}

.search__form-dollars_spisok {
   display: flex;
   justify-content: center;
   align-items: center;
   opacity: 0;
   transition: 0.4s;
   pointer-events: none;
}

.search__form-dollars_spisok img:nth-child(2) {
   display: none;
}

.search__form-dollars_spisok .img-icon {
   width: 30px;
   height: 30px;
   display: block;
   margin: 0 4px;
   cursor: pointer;
}

.search__form-dollars_spisok .img-icon svg {
   width: 100%;
   transition: 0.4s;
}

.search__form-dollars_spisok .img-icon svg path {
   transition: 0.4s;
}

.search__form-dollars_spisok .img-icon.active svg path,
.search__form-dollars_spisok .img-icon.show svg path {
   fill: #ffca50;
}

.search__form-select-comments {
   position: relative;
}

.search__form-select_items {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   padding: 5px;
   opacity: 0;
   transition: 0.4s;
   pointer-events: none;
}

.search__form-select_btn {
   background: linear-gradient(
      224.39deg,
      #35d5a5 2.1%,
      #00c7c5 32.94%,
      #2d9be0 57.62%,
      #5277f7 71.52%,
      #5b75f6 79.13%,
      #7370f4 91.42%,
      #836df3 98.23%
   );
   padding: 5px 10px;
   color: #fff;
   display: flex;
   align-items: center;
   transition: 0.3s;
   justify-content: center;
   width: 65%;
   border-radius: 50px;
   font-weight: 900;
   height: 100%;
}

.search__form-select_btn:nth-child(1) {
   background: linear-gradient(224.39deg, #fc9f47 2.1%, #d73777 64.48%, #8f44b2 98.23%);
   width: 30%;
}

.search__form-select-comments.items-yes .search__form-select_btn:nth-child(2) {
   width: 30%;
}

.search__form-select-comments.items-yes .search__form-select_btn:nth-child(1) {
   width: 65%;
}

.search__form-select-comments.active .search__form-select_btn:nth-child(2) {
   width: 65%;
}

.search__form-select-comments.active .search__form-select_btn:nth-child(1) {
   width: 30%;
}

.search__form-dollars {
   position: relative;
}

.search__form-select-comments span,
.search__form-dollars span {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   transition: 0.4s;
}

.search__form-select-comments:hover span,
.search__form-dollars:hover span,
.search__form-dollars.active span,
.search__form-select-comments.show span {
   top: -30%;
   color: #fff;
}

.search__form-select-comments:hover .search__form-select_items,
.search__form-select-comments.show .search__form-select_items {
   opacity: 1;
   pointer-events: all;
}

.search__form-dollars:hover .search__form-dollars_spisok,
.search__form-dollars.show .search__form-dollars_spisok {
   opacity: 1;
   pointer-events: all;
}

.contact__error {
   display: none;
   width: 100%;
   padding: 30px;
   text-align: center;
   background: #ff000030;
   font-weight: 900;
   color: #fff;
   font-size: 44px;
   margin-top: 30px;
}

.error-main .contact__error {
   display: block;
}

.contact.null .contact__wrapper {
   display: none;
}

.contact.null .contact__error {
   display: block;
}

.contact__tags {
   display: flex;
   align-items: center;
   margin-bottom: 10px;
}

.contact__tags-items {
   display: flex;
}

.contact__tags-btn {
   display: inline-flex;
   padding: 5px 10px;
   background: #273b98;
   font-size: 12px;
   color: #fff;
   border-radius: 10px;
   cursor: pointer;
   position: relative;
   padding-left: 10px;
   margin-right: 5px;
}

.contact__tags-close {
   width: 16px;
   height: 16px;
   position: relative;
   margin-right: 10px;
   margin-top: 2px;
}

.contact__tags-close:before {
   content: "✖";
   background: #fff;
   color: #273b98;
   border-radius: 50px;
   width: 16px;
   padding-top: 4px;
   height: 16px;
   margin-top: 0px;
   margin-right: 10px;
   text-align: center;
   font-size: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   top: 0%;
   left: 0px;
}

.contact__filters {
   display: none;
}

.contact__wrapper-block.hidden,
.contact__wrapper-block.comments-hidden,
.contact__wrapper-block.rating-hidden {
   display: none;
}

.company__news-slider {
   width: 460px;
   height: 263px;
}

.company__news-slider .how__slider {
   width: 100%;
   height: 100%;
}

.modals__news {
   display: flex;
   flex-direction: column;
}

.modals__news-bottom {
   overflow-y: auto;
}

.modals__news-bottom {
   max-height: 600px;
}

.modals__news-bottom .swiper-slide {
   display: flex;
   flex-direction: column;
}

.modals__news-bottom_content {
   flex-grow: 1;
}

.company__news-slider .how__slider-info {
   width: 80%;
   left: 10px;
   bottom: 10px;
}
.mobile-view.articles-here {
   display: none;
}
@media (max-width: 1400px) {
   .card__btn-wrapper {
      justify-content: center;
   }
   .contact__wrapper-block_view {
      display: flex !important;
      width: 240px !important;
      padding-left: 5px;
      padding-right: 5px;
      align-items: center;
      justify-content: center;
      margin-left: 0 !important;
      margin-right: 0 !important;
      margin-top: 0 !important;
   }
   .contact .contact__wrapper-block_btn {
      left: 230px;
   }

   .contact__wrapper-block_btn {
      left: 230px;
   }

   .header nav ul li * {
      font-size: 17px;
   }

   h2,
   .h2 {
      font-size: 40px;
      line-height: 50px;
   }

   h3,
   .h3,
   .title-h3 {
      font-size: 20px;
      line-height: 25px;
   }

   .container {
      margin-left: auto;
      margin-right: auto;
      max-width: 1100px;
      padding: 0 32px;
   }

   .criteria__top-title {
      font-size: 24px !important;
   }

   .company__left {
      width: 100%;
      margin-right: 0;
   }

   .company__right {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 999;
      transform: translateX(200%);
      transition: 0.4s;
      background: #fff;
   }

   .criteria-open {
      overflow: hidden;
   }

   .criteria-open .company__right {
      transform: translateX(0%);
   }

   .criteria {
      height: 100%;
   }

   .criteria__top {
      display: flex;
      margin-bottom: 22px;
      border-bottom: 1px solid #eaefff;
      padding-bottom: 20px;
   }

   .contact__wrapper-block_left {
      width: 200px;
   }

   .economy__wrapper-btn {
      padding: 0 10px !important;
   }

   .economy__wrapper-sitebar {
      width: 400px;
   }

   .header__logo {
      margin-right: 40px;
   }

   .header nav ul {
      column-gap: 20px;
   }

   .btn {
      padding: 0 60px;
   }
}

@media (max-width: 1300px) {
   .form__input input {
      padding-right: 70px;
      font-size: 14px;
   }

   .interested__wrapper p {
      font-size: 12px;
      line-height: 16px;
   }

   .modals .modal {
      width: 98% !important;
   }
   .modal.modals__news {
      width: 700px !important;
   }
}

@media (max-width: 1200px) {
   .modals .modal {
      width: 95%;
   }

   .contact__wrapper,
   .contact__wrapper-ajax-loadmore {
      flex-direction: column;
   }

   .contact__wrapper-block {
      width: 100%;
   }

   .contact__wrapper-block:last-child {
      margin-bottom: 0;
   }

   .footer ul li {
      margin-right: 20px;
   }
}

@media (max-width: 1050px) {
   .search__form-select,
   .search__form-btn {
      margin-bottom: 30px !important;
   }

   .search__form-select-comments:hover span,
   .search__form-dollars:hover span,
   .search__form-dollars.active span,
   .search__form-select-comments.show span {
      top: -13px;
   }

   .contact__wrapper-items {
      margin: 0 auto;
   }

   .contact .contact__wrapper-block_btn {
      position: static;
   }

   .contact__wrapper-block_right {
      padding-bottom: 30px;
   }

   .contact__wrapper-block_btn {
      position: static;
   }

   .contact__wrapper-block_spisok {
      margin: 30px 0 0;
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: max-content;
   }

   .contact__wrapper-block_btn,
   .company .contact__wrapper-block_view {
      margin: 30px auto 0 auto;
   }

   section.search h1 {
      font-size: 35px;
      line-height: 40px;
   }

   .footer {
      height: auto;
   }

   .footer .container {
      padding: 30px 0;
   }

   .footer__wrapper {
      flex-direction: column;
      align-items: center;
   }

   .footer__wrapper ul {
      margin-bottom: 20px;
   }

   .company__wrapper {
      flex-direction: column;
   }

   .company__wrapper .company__wrapper-block {
      width: 100%;
      margin-bottom: 60px;
   }

   .company__wrapper .company__wrapper-block:last-child {
      margin-bottom: 0;
   }

   .contact__wrapper-block_title {
      text-align: center;
   }

   .contact__wrapper-block_dollar {
      justify-content: center;
   }

   .contact__wrapper-block {
      margin-bottom: 20px;
   }

   .company__news-slider {
      margin: 20px auto 0 auto;
      padding-top: 20px;
      width: 100%;
      display: flex;
      align-items: center;
      flex-direction: column;
      border-top: 1px solid #eaefff;
   }

   .company__news-slider span {
      display: block;
   }

   .company .contact__wrapper-block_view {
      display: flex;
      width: 300px;
      margin-top: 20px;
   }

   .contact__wrapper-block_btn {
      width: 300px;
      justify-content: center;
   }

   .company__left-top {
      flex-direction: column;
   }

   .company__left-top .contact__wrapper-block {
      width: 100% !important;
      flex-direction: column;
   }

   .company__left-top .contact__wrapper-block_right {
      width: 100% !important;
      padding-left: 0 !important;
   }

   .company__left-top .contact__wrapper-block_left {
      padding: 20px;
      margin-bottom: 50px;
   }

   .company__left-top .contact__wrapper-block_left img {
      width: 50%;
      max-height: 260px;
      object-fit: contain;
   }

   .contact__wrapper-block_left,
   .contact__wrapper-block_right {
      width: 100%;
   }

   .search__form {
      flex-direction: column;
   }

   .search__form-select,
   .search__form-btn {
      margin-bottom: 20px;
      width: 80%;
   }

   .economy__wrapper {
      flex-direction: column;
      gap: 3rem;
   }
   .economy__Wrapper-sidebar,
   .economy__wrapper-sitebar {
      width: 100% !important;
   }
   .footer-layout-separator {
      display: none;
   }
   .economy {
      margin-bottom: 10px;
   }

   .economy__wrapper-sitebar,
   .economy__wrapper-left {
      width: 100%;
   }

   .search__input {
      width: 80%;
   }

   .form__input input {
      padding-left: 25px;
   }

   /* h2 {
		font-size: 32px;
		line-height: 40px;
	} */

   .header {
      height: 63px;
      padding: 15px 0;
   }

   .header__logo {
      width: 93px;
   }

   .header__top {
      justify-content: space-between;
   }

   .header .bar {
      display: block;
   }

   .header__menu {
      position: fixed;
      top: 0px;
      right: 0;
      width: 100%;
      height: 100%;
      background: #fff;
      display: flex;
      flex-direction: column;
      align-items: center;
      transition: 0.4s;
      transform: translateX(200%);
      z-index: 999;
      justify-content: normal;
   }

   .header__menu-wrapper {
      width: 100%;
   }

   .header__menu .header__menu-top {
      height: 65px;
      flex-shrink: 0;
      display: flex;
      width: 100%;
      justify-content: space-between;
      align-items: center;
      padding: 0 15px;
      border-bottom: 1px solid #eaefff;
   }


   .header__menu .btn {
      font-weight: 400;
   }

   .header__menu .header__menu-title,
   .header__menu .header__menu-close {
      display: block;
      color: #273b98;
   }

   .header__menu nav {
      width: 100%;
   }

   .header__menu ul {
      flex-direction: column;
      width: 100%;
   }

   .header__menu ul li {
      width: 100%;
      padding: 15px;
      border-bottom: 1px solid #e5e5e5;
      margin: 0 !important;
      position: relative;
   }

   .header__menu ul li::before {
      content: "";
      width: 8px;
      height: 14px;
      position: absolute;
      /* background-image: url(../images/menu-arrow.svg); */
      background-size: cover;
      top: 50%;
      right: 15px;
      transform: translateY(-50%);
   }

   .header__menu ul li a {
      font-size: 18px;
      line-height: 25px;
      color: #000;
      text-align: left !important;
      font-family: var(--font-family);
      font-weight: 400;
      font-size: 1rem;
      line-height: 100%;
      text-transform: capitalize;
     // text-decoration: underline;
      text-decoration-skip-ink: none;
      color: #333;
   }

   .header__menu .menu > li > a {
      font-family: var(--font-family);
      font-style: normal;
      font-weight: 700;
      font-size: 1.31rem;
      color: #5277f7;
      position: relative;
   }
   .header__menu .menu > li > a {
      pointer-events: all;
   }
   .header__menu .menu > li > a:after {
      content: "";
      width: 16px;
      height: 8px;
      display: block;
      top: 0;
      bottom: 0;
      position: absolute;
      right: 10px;
      background: var(--);
      transition: all 0.3s ease;
      background: url(https://stop-cheaters.com/wp-content/themes/dengiWP/images/menu.svg);
   }
   .header__menu ul li::before {
      display: none;
   }
   .header__menu .menu > li > a.active:after {
      transform: rotate(180deg);
   }

   .header__menu .header__btn {
      height: 40px;
      width: 300px;
      margin: 32px auto 0 auto;
   }

   .menu-open {
      overflow: hidden;
   }

   .menu-open .header__menu {
      transform: translateX(0);
   }
}

@media (max-width: 900px) {
   .official .review__item-experience {
      top: 125px;
   }

   .review__item.order .review__item-date {
      left: 0 !important;
      top: 34px;
      position: absolute;
   }

   .review__item.order .review__item-name::after {
      top: 5px !important;
   }

   .review__item-content {
      margin-top: 50px;
   }

   .review__item {
      display: flex !important;
      flex-direction: column;
   }

   .how {
      order: 3;
   }

   .footer {
      order: 4;
   }

   .modals__filter-title {
      font-size: 24px !important;
      padding: 20px 10px;
   }

   .modals .modal__close {
      top: 20px;
      right: 10px;
   }

   .modals__filter-content {
      padding: 0px 10px;
   }

   .modals__filter-items {
      flex-direction: column;
   }

   .modals__filter-input {
      width: 100%;
      margin-bottom: 20px;
   }

   .modals__filter-input:last-child {
      margin-bottom: 0;
   }

   .modals__filter-btns {
      margin-top: 50px;
      display: flex;
      flex-direction: column;
      align-items: center;
   }

   .modals__filter-btn {
      margin-bottom: 20px;
      width: 300px;
   }

   .modals__filter-block_item p {
      margin-right: 0;
   }
}

@media (max-width: 800px) {
   .error {
      /* min-height: 700px; */
   }

   .modals__news-top {
      height: auto;
      padding: 10px 0;
   }

   .modals__news-top_block {
      width: 40%;
   }

   .modals__news-top_block img {
      width: 10px;
   }

   .modals__news-text {
      font-size: 11px;
   }

   .modals__news-prev {
      margin-right: 5px;
   }
   .modals__news-next {
      margin-left: 5px;
   }

   .modals__news-top .modal__close {
      top: 50% !important;
   }

   .header__menu-title span {
      display: block;
   }

   .company__trader-items {
      flex-direction: column;
   }

   .company__trader-items ul {
      width: 100%;
      margin-bottom: 10px;
   }

   .company__trader-items ul:last-child {
      margin-bottom: 0;
   }

   .company__all-items {
      flex-direction: column;
   }

   .company__all-input {
      width: 100%;
      margin-bottom: 20px;
   }

   .company__all-input:last-child {
      margin-bottom: 0;
   }

   .select .select-btn,
   .select ul li {
      font-size: 14px;
   }

   .company__form-items,
   .company__form-wrapper {
      flex-direction: column;
   }

   .company__form-left,
   .company__form-right {
      width: 100%;
   }

   .company__form-right {
      height: 125px;
      margin-left: 0;
      margin-top: 20px;
   }

   .company__form-items .company__form-input {
      width: 100%;
   }

   .footer {
      height: auto;
   }

   .footer__wrapper {
      align-items: center;
      flex-direction: column;
   }
}

@media (max-width: 700px) {
   .modal.modals__news {
      width: 500px !important;
   }
   .contact__slider {
      padding: 0 30px;
   }
   .contact .contact__slider-next {
      right: 0;
   }
   .contact .contact__slider-prev {
      left: 0;
   }
   .container {
      padding: 0 16px;
   }

   .economy-academy {
      margin-top: 10px !important;
   }

   section.search {
      padding: 24px 0 20px 0;
   }

   .search__title {
      font-size: 18px;
      line-height: 120%;
      margin: 2rem 8%;
   }


   .economy__wrapper-items {
      /* flex-direction: column; */
   }
   .economy__wrapper-item {
      flex: 0 0 100% !important;
   }

   .economy__wrapper-item {
      width: 100%;
   }

   .economy__wrapper-item_title {
      margin-bottom: 20px;
   }

   .economy__wrapper-item_title a {
      font-size: 24px;
   }

   .economy__wrapper-articles_title {
      font-size: 24px;
   }

   .economy {
      margin-top: 0;
   }

   .economy__wrapper-title {
      font-size: 24px;
   }

   .economy__wrapper-btn {
      width: 300px;
      margin-bottom: 20px;
   }

   .economy__wrapper-img {
      height: 240px;
   }
}

@media (max-width: 600px) {
   .modal.modals__news {
      width: 95% !important;
   }
   .company .contact__wrapper-block_left {
      margin-bottom: 20px !important;
   }

   .item_admin-UI {
      flex-direction: column;
   }

   .form__select-result .contact__wrapper-block_items {
      display: flex;
   }

   .form__select-result .contact__wrapper-block_items p {
      flex-grow: 1;
      width: 0;
   }

   .form__select-result {
      width: 100%;
   }

   .form__select-result .contact__wrapper-block {
      border-right: 1px solid #eaefff !important;
   }

   .form__select-result .contact__wrapper-block_spisok li {
      font-size: 10px !important;
   }

   .form__select-result .contact__wrapper-block_right {
      padding: 0;
   }

   .form__select-result .contact__wrapper-block_left {
      margin-bottom: 0;
   }

   section.search h1 {
      font-size: 30px;
      line-height: 35px;
   }

   .contact__wrapper-block_right {
      margin-bottom: 20px;
   }

   .economy__wrapper-sitebar ul li span {
      margin-right: 10px;
      height: 30px;
      width: 30px;
   }

   .error-body .error {
      /* min-height: 620px; */
   }

   .form__input-btn {
      width: 22px;
   }

   section.search .form__input {
      background: #fff;
   }

   section.search .form__input input {
      font-size: 14px;
      padding-left: 25px;
   }

   .economy {
      margin-bottom: 20px;
   }

   .company__graph {
      margin-top: 20px;
   }

   .company__graph-text {
      margin-top: 10px;
   }

   .company__graph-title {
      padding: 10px 0;
   }

   .modals__review-content p {
      font-size: 14px;
   }

   .modals__review-content p a {
      font-size: 14px;
   }

   .modals__review-content {
      padding: 10px;
   }

   .modals__review .modals__filter-title {
      padding: 20px 10px;
   }

   .modals__review-btns {
      flex-direction: column;
   }

   .modals__review-btns {
      padding: 10px;
      margin-top: 10px;
   }

   .modals__review-btn {
      width: 100%;
      height: 40px;
      margin-bottom: 20px;
   }

   .modals__review-btn:last-child {
      margin-bottom: 0;
   }

   .modals__graph-content,
   .modals__graph .modals__filter-title {
      padding: 20px 10px;
   }

   .company__trader-comment {
      margin-left: 30px;
   }

   .company__trader-comment::before {
      /* background-image: url(../images/company/comment-2.svg); */
      width: 10px;
      height: 30px;
      left: -20px;
   }

   .company__trader-bottom {
      align-items: flex-end;
   }

   .company__trader-likes button {
      font-size: 12px;
   }

   .company__trader-likes button img {
      width: 12px;
   }

   .company__trader-report .resport {
      margin-right: 0;
   }

   .company__trader-report {
      flex-direction: column;
      text-align: right;
   }

   .company__trader-report a {
      display: block;
   }

   .company__trader-report .reply {
      display: inline-block;
      margin-top: 23px !important;
   }

   .gift-active .company__trader-text {
      margin-top: 60px;
   }

   .company__trader-block {
      width: 100%;
   }

   .company__trader-btn {
      width: 100%;
   }

   .company__trader-block_left {
      flex-direction: column;
      align-items: flex-start;
   }

   .company__trader-date {
      margin-top: 5px;
   }

   .company__trader-block_right {
      font-size: 14px;
      padding-right: 0 !important;
   }

   .company__trader-block_gift {
      left: 0;
   }

   .company__trader-wrapper:first-child .company__trader-comment:first-child .company__trader-subtitle {
      margin-top: 10px;
   }

   .company__trader-top.gift-active {
      margin-bottom: 0;
   }

   .company__trader-top {
      flex-direction: column;
   }

   .company__trader-text {
      margin-top: 20px;
      text-align: left;
      width: 100%;
   }

   .company__trader-subtitle {
      margin-top: 10px;
   }

   .company__form-input {
      margin-bottom: 15px;
   }

   .company__form-btn {
      width: 100%;
      margin-top: 15px;
   }

   .company__wrapper .company__wrapper-block {
      margin-bottom: 40px;
   }

   .company__wrapper-block_items {
      border-bottom: 1px solid #eaefff;
      padding-bottom: 20px;
   }

   .company__wrapper-block {
      border: 0;
      padding: 0;
   }

   .company__left-text {
      padding: 23px 21px;
   }

   .contact__wrapper .swiper-slide {
   }

   .contact__wrapper .swiper-slide-active {
      height: auto;
   }

   .company {
      margin-top: 20px;
   }

   .company .company__share {
      margin-top: 20px;
   }

   .company .company__news-pagination {
      width: 240px;
   }

   .company .company__news {
      width: 100%;
   }

   .company .contact__wrapper-block_left {
      /* padding: 25px !important;
      width: 203px;
      height: 203px;
      margin: 0 auto;
      margin-bottom: 49px; */
   }

   .company .contact__wrapper-block_left img {
      width: 70%;
   }

   .company .contact__wrapper-block_btn {
      width: 100%;
   }

   .company .contact__wrapper-block_view {
      width: 100%;
   }

   .contact {
      margin-top: 40px;
   }

   .search-body section.search .container {
      margin-top: 20px;
   }

   .footer .container {
      /* margin-top: 40px; */
   }

   .contact__wrapper-block_btn {
      width: 300px;
      margin: 20px auto 0 auto;
      justify-content: center;
   }

   .contact .contact__wrapper-block_btn {
      width: 250px;
   }

   .contact__wrapper-block_spisok {
      margin-top: 20px;
   }

   .contact__wrapper-block_title {
      text-align: center;
   }

   .contact__wrapper-block_dollar {
      margin-top: 0px;
      margin: 0 auto;
      justify-content: center;
   }

   .contact__wrapper-items {
      margin: 0 auto;
   }

   .contact__wrapper-block_dollar span {
      margin-right: 7px;
      width: 30px;
      height: 30px;
   }

   .contact__wrapper-block_right {
      padding: 0;
   }

   .contact__wrapper-block {
      border: 0;
      box-shadow: none;
      border-top: 1px solid #eaefff;
   }

   .contact__wrapper-block:first-child {
      border: 0;
   }

   .contact__wrapper-block:first-child .contact__wrapper-block_left {
      padding-top: 0;
   }

   .contact__wrapper-block_left {
      border: 0;
      margin-bottom: 40px;
      padding-top: 40px;
   }

   .contact__wrapper-block_left img {
      /* width: 50%; */
      /* max-width: 130px; */
   }

   .contact__wrapper-block {
      flex-direction: column;
   }

   .contact__wrapper-block_left,
   .contact__wrapper-block_right {
      width: 100%;
   }

   .search__form {
      margin-top: 25px;
   }

   .search__subtitle {
      margin-top: 50px;
   }

   .search__form-select,
   .search__form-btn {
      width: 100%;
      font-size: 18px;
   }

   .how {
      margin-top: 40px;
   }

   .how__slider-scroll {
      margin-top: 20px;
      width: 240px;
   }

   .error__subtitle {
      font-size: 30px;
      line-height: 100%;
   }

   .error__text {
      margin: 50px auto 50px auto;
   }

   .error {
      padding: 30px 0 40px 0;
   }

   .search__input {
      margin: 20px auto 0 auto;
      background: none;
      padding: 0;
      width: 90%;
   }

   .btn {
      height: 40px;
      font-weight: 400;
   }

   .footer ul {
      flex-direction: column;
   }

   .footer ul li {
      margin-bottom: 18px;
      margin-right: 0;
   }

   .footer ul li:last-child {
      margin-bottom: 0;
   }

   .footer__btn {
      font-size: 16px;
      padding: 0;
      width: 300px;
      font-weight: 400;
      height: 40px;
   }

   .footer ul a {
      font-size: 16px;
      line-height: 22px;
   }

   h4 {
      font-size: 16px;
      line-height: 22px;
   }

   p {
      font-size: 14px;
      line-height: 19px;
   }

   .form {
      flex-direction: column;
      height: auto;
      background: none;
      border: 0;
   }

   .form .form__input,
   .form .form__select {
      height: 60px;
      width: 100%;
      border-radius: 30px;
      border: 1px solid #eaefff;
      margin-bottom: 20px;
   }

   .form .form__input {
      margin-bottom: 0;
   }

   h2,
   .h2 {
      font-size: 24px;
      line-height: 33px;
   }

   h3,
   .h3,
   .title-h3 {
      font-size: 16px;
      line-height: 22px;
   }
}

@media (max-width: 400px) {
   .form__select-result a,
   .form__select-result p {
      font-size: 8px !important;
   }
}

@media (max-height: 700px) {
   .modals__news-bottom {
      max-height: 400px;
   }
}

@media (max-height: 500px) {
   .modals__news-bottom {
      max-height: 300px;
   }
}

.comment__field--rating {
   grid-column: 1 / span 3;
   grid-row: 4;
   margin: auto;
}

.comment__checkbox {
   grid-row: 5;
   grid-column: 1 / span 3;
   padding: 20px 0;
   font-size: 18px;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   color: #969696;
}

.comment__ratingBox {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 10px;
}

.comment__field--rating .comment__label {
   text-align: center;
}

.comment__ratingBox-icon {
   filter: grayscale(100%);
   transition: 0.5s;
   cursor: pointer;
}

.comment__ratingBox-icon.focus {
   filter: grayscale(0);
}

.comment__ratingBox-icon.checked {
   filter: grayscale(0);
}

.comment__ratingBox-icon {
   width: 32px;
   height: 32px;
}

.comments__title {
   font-size: 16px;
   color: #333;
   margin-bottom: 20px;
   font-weight: 700;
   line-height: 70px;
}

.comment__form {
   display: grid;
   gap: 20px;
   position: relative;
   grid-template-columns: 1fr 1fr 1fr;
   align-items: flex-start;
}

.comment__input {
   width: 100%;
   height: 50px;
   padding: 0 15px;
   box-sizing: border-box;
   border: 1px solid #eaefff;
   outline: 0;
   background: #fff;
   transition: 0.3s;
}

.comment__field {
   margin: 0;
}

.comment__label {
   font-size: 14px;
   width: 100%;
   display: block;
   margin-bottom: 5px;
   color: #969696;
}

.comment__label r {
   color: #ff0000;
}

.comment__field--name {
   grid-column: 1;
   grid-row: 1;
}

.comment__field--mail {
   grid-column: 1;
   grid-row: 2;
}

.comment__field--comment {
   grid-column: 2 / span 3;
   grid-row: 1 / span 2;
}

.comment__field--invest {
   grid-column: 1;
   grid-row: 3;
}

.comment__field--advantages {
   grid-column: 2;
   grid-row: 3;
}

.comment__field--disadvantages {
   grid-column: 3;
   grid-row: 3;
}

.comment__submit {
   grid-row: 6;
   grid-column: 1 / span 3;
   background: #5277f7;
   color: #fff;
   border-radius: 20px;
   width: 400px;
   height: 40px;
   font-size: 14px;
   margin: auto;
   border: none;
}

/*.comment__form.active .comment__submit {*/
/*    pointer-events: all;*/
/*}*/

.comment__checkbox label {
   transition: 0.4s;
}

.comment__input.input-error {
   border: 1px solid red !important;
}

.comment__textarea.input-error {
   border: 1px solid red !important;
}

.comment__select.input-error {
   border: 1px solid red !important;
}

.comment__checkbox.input-error label {
   color: red;
}

.comment__textarea {
   border: 1px solid #eaefff;
   width: 100%;
   height: 120px;
}

.comment__select {
   width: 100%;
   padding: 10px;
   color: #819ec7;
   height: 50px;
   border: 1px solid #eaefff;
}

.comment__point {
   height: 40px;
   width: 100%;
   padding: 10px;
   border: 1px solid #eaefff;
   outline: 0;
   color: #819ec7;
   margin-bottom: 10px;
   position: relative;
   box-sizing: border-box;
}

.comment__point-remove {
   /* background-image: url(<?=get_template_directory_uri()?>/images/close.svg); */
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 20px 20px;
   background-color: #d4dbf2;
   width: 40px;
   height: 40px;
   position: absolute;
   border: 0;
   right: 0;
   top: 0;
}

.comment__add-button {
   color: #5277f7;
   margin-top: 10px;
   position: relative;
   display: block;
   width: 120px;
   left: 60%;
   outline: 0;
}

.comment__input.error {
   background: #f5d1d1;
}

.broker-block__review {
   margin-top: 20px;
   border-top: 3px solid #eaefff;
   padding-top: 20px;
}

.review__title {
   font-size: 16px;
   color: #333;
   margin-bottom: 20px;
   font-weight: 700;
   line-height: 70px;
}

.review__count {
   padding: 3px 8px;
   border: 1px solid #5277f7;
   color: #5277f7;
   font-size: 12px;
   border-radius: 50px;
}

.review__sorts {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 20px;
}

.review__sorts-label {
   color: #969696;
   width: 100%;
   margin-bottom: 5px;
   display: block;
}

.review__sorts-select {
   height: 40px;
   width: 100%;
   padding: 0px 10px;
   color: #819ec7;
   cursor: pointer;
   border: 1px solid #eaefff;
}

.comment__point {
   padding: 3px 0 !important;
   overflow: hidden !important;
   padding-right: 50px !important;
}

.comment__point textarea {
   border: 0;
}

.comment__point textarea {
   display: block;
   width: 100%;
   word-wrap: break-word;
   overflow-y: auto;
   margin-right: 20px;
   padding: 10px;
   height: inherit;
}

.review__tags {
   margin-top: 20px;
}

.review__tags-list {
   display: flex;
   flex-wrap: wrap;
}

.review__tags-label {
   color: #969696;
   font-size: 14px;
   margin-bottom: 10px;
   display: block;
}

.review__tags-item {
   height: 40px;
   padding: 7px 15px 10px;
   padding-right: 37px;
   margin-right: 5px;
   margin-top: 5px;
   border: 1px solid #eaefff;
   display: inline-block;
   box-sizing: border-box;
   position: relative;
   transition: 0.3s;
   cursor: pointer;
}

.review__tags-item.checked {
   background: #273b98;
   color: #fff;
}

.review__tags-item.hidden {
   display: none;
}

.review__item.hidden {
   display: none;
}

.review__item.pending::after {
   position: absolute;
   content: "Review goes through moderation";
   top: 0;
   left: 0;
   width: 100%;
   padding-top: 10%;
   box-sizing: border-box;
   height: 100%;
   text-align: center;
   font-size: 20px;
   color: #ccc;
   background: rgba(0, 0, 0, 0.4);
}

.review__tags-item::after {
   content: "+";
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 10px 10px;
   width: 20px;
   color: #aa977c;
   height: 20px;
   line-height: 18px;
   font-size: 30px;
   top: 10px;
   right: 5px;
   transition: 0.3s;
   position: absolute;
}

.review__tags-item.checked::after {
   transform: rotate(45deg);
   color: #fff;
}

.review__show-more-tags {
   height: 40px;
   width: 40px;
   border: 1px solid #eaefff;
   display: flex;
   justify-content: center;
   gap: 5px;
   margin-top: 5px;
   align-items: center;
   cursor: pointer;
   transition: 0.3s;
}

button.admin-UI__button {
   border: 3px double #fff;
   padding: 5px 20px;
   background: #000;
   position: relative;
   color: #fff;
   cursor: pointer;
}

.broker-block__licenses {
   max-width: 300px;
   margin-bottom: 14px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 15px;
   background: #f8faff;
}

.broker-list__mark-list {
   position: absolute;
   bottom: 20px;
   width: 260px;
}

.broker-list__item-licenses {
   position: relative;
   display: flex;
   width: 100%;
   justify-content: center;
   gap: 15px;
   background: #f8faff;
   padding: 5px;
   box-sizing: border-box;
   align-items: center;
   border: 1px solid #eaefff;
}

.broker-list__item .broker-list__item-licenses.cheat {
   position: absolute;
   top: 10px;
   left: 0;
   width: 260px;
}

.broker-list__item .broker-list__item-licenses.cheat img {
   width: 30px;
   height: 30px;
}

.broker-list__item .broker-list__item-licenses.cheat p {
   font-size: 12px;
}

.broker-list__item-licenses.check-company {
   border-bottom: 1px solid #eaefff;
}

.admin-UI__button::before {
   content: " ";
   background: #fff;
   height: 1px;
   width: 0;
   position: absolute;
   top: 22px;
   transition: 0.3s;
   left: 50%;
   transform: translateX(-50%);
}

.admin-UI__button:hover::before {
   width: 80%;
}

.review__show-more-tags.checked {
   transform: rotate(90deg);
   border-radius: 50px;
}

.review__show-more-tags--dot {
   width: 5px;
   height: 5px;
   border-radius: 5px;
   background: #ffca50;
}

.review__item {
   display: grid;
   grid-template-columns: 1fr 1fr;
   border: 1px solid #eaefff;
   box-sizing: border-box;
   padding: 20px;
   gap: 20px;
   position: relative;
   margin-top: 20px;
}

.review__item-info {
   grid-column: 1 / span 2;
   grid-row: 1;
   display: flex;
   align-items: center;
   gap: 10px;
}

.review__item-rating {
   display: flex;
   gap: 2px;
}

.review__item-rating img {
   width: 15px;
   height: 15px;
}

.review__item-experience {
   display: block;
   margin-left: auto;
}

.review__item-name {
   font-size: 14px;
   color: #333;
   position: relative;
   margin-right: 10px;
   font-weight: 700;
}

.review__item-date {
   font-size: 12px;
   color: #819ec7;
}

.review__item-experience {
   color: #819ec7;
   font-size: 12px;
}

.review__item-content {
   grid-column: 1 / span 2;
}

.review__item-advantages {
   background: #e6f7e8;
   padding: 20px;
   color: #01b21d;
}

.review__item-disadvantages {
   background: #ffe6e6;
   padding: 20px;
   color: #ff0000;
}

.review__item-advantages ul,
.review__item-disadvantages ul {
   margin: 0;
   padding: 0;
}

.review__item-advantages ul li,
.review__item-disadvantages ul li {
   display: flex;
   align-items: center;
   font-size: 14px;
   margin-bottom: 10px;
   white-space: normal !important;
   word-wrap: break-word !important;
}

.review__item-advantages ul li img,
.review__item-disadvantages ul li img {
   margin-right: 10px;
}

.review__item-footer {
   grid-column: 1 / span 2;
   display: flex;
   justify-content: space-between;
}

.review__item.hide .review__item-info,
.review__item.hide .review__item-content,
.review__item.hide .review__item-advantages,
.review__item.hide .review__item-disadvantages,
.review__item.hide .review__item-footer {
   opacity: 0.3;
}

.review__status--hide {
   width: 100%;
   text-align: center;
   color: #fff;
   font-size: 30px;
   background: #ccc;
}

.review__item.order .review__item-rating {
   top: 55px;
   left: 20px;
   position: absolute;
}

.review__item.spam {
   background: #ff65655c;
}

.review__item.order .review__item-name,
.review__item.order .review__item-date {
   color: #fff;
}

.review__item.order .review__item-date {
   left: 130px;
}

.review__item.order .review__item-name::before {
   content: "Invited review";
   background: linear-gradient(224.39deg, #fc9f47 2.1%, #d73777 64.48%, #8f44b2 98.23%);
   border-radius: 0px 15px 15px 0px;
   height: 30px;
   text-align: right;
   padding-right: 20px;
   padding-top: 5px;
   box-sizing: border-box;
   position: absolute;
   width: calc(100% + 320px);
   z-index: -1;
   font-size: 10px;
   top: -5px;
   left: -20px;
}

.review__item.order .review__item-name::after {
   content: " ";
   width: 2px;
   height: 30px;
   background: linear-gradient(224.39deg, #fc9f47 2.1%, #d73777 64.48%, #8f44b2 98.23%);
   position: absolute;
   top: -5px;
   left: calc(100% + 185px);
}

.review__item-answer {
   margin: 15px 0px 15px 100px;
   position: relative;
}

.review__item-answer.hidden {
   display: none;
}

.item-answer__error {
   width: 100%;
   background: rgba(255, 0, 0, 0.3);
   color: #000;
   padding: 10px;
   text-align: center;
   margin: 10px 0;
}

.review__item-answer::before {
   content: " ";
   /* background: url(<?=get_template_directory_uri()?>/images/answer.svg); */
   width: 50px;
   height: 50px;
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center center;
   position: absolute;
   top: 50px;
   left: -80px;
}

.item-answer__input {
   width: 100%;
   border: 1px solid #eaefff;
   margin-bottom: 10px;
   padding: 10px;
   box-sizing: border-box;
}

.item-answer__textarea {
   width: 100%;
   padding: 10px;
   border: 1px solid #eaefff;
   margin-bottom: 10px;
}

.item-answer__submit {
   height: 30px;
   width: 120px;
   color: #fff;
   border: none;
   display: block;
   cursor: pointer;
   margin-left: auto;
   font-size: 14px;
   border-radius: 30px;
   background: #5277f7;
}

.item-footer__left {
   display: flex;
}

.item-footer__like,
.item-footer__dislike {
   background: #eaefff;
   border-radius: 40px;
   height: 30px;
   width: 57px;
   display: flex;
   align-items: center;
   border: none;
   gap: 5px;
   justify-content: center;
   margin-right: 10px;
   color: #819ec7;
}

.item-footer__repost {
   height: 30px;
   width: 120px;
   color: #fff;
   border: none;
   font-size: 14px;
   border-radius: 30px;
   background: #5277f7;
}

.item-footer__report {
   color: #969696;
}

.item-footer__answer {
   text-decoration: none;
   margin-left: 20px;
   color: #5277f7;
}

.comment__error {
   grid-column: 1 / span 3;
   height: 20px;
   background: #ffe6e6;
   color: #ff0000;
   text-align: center;
   padding: 5px;
}

.comment__submit::before {
   content: " Loading... ";
   position: absolute;
   top: 0;
   left: 0;
   text-align: center;
   padding: 5px;
   width: 100%;
   height: 100%;
   background: rgba(255, 255, 255, 0.4);
   transition: 0.3s;
   display: none;
}

.comment__form.load .comment__submit::before {
   display: block;
}

.review-404 {
   font-size: 55px;
   line-height: 70px;
   color: #273b98;
   width: 100%;
   height: 100px;
   background: rgba(200, 200, 200, 0.7);
   display: flex;
   margin-top: 20px;
   align-items: center;
   text-align: center;
   color: #fff;
   font-size: 20px;
   flex-wrap: 900;
   justify-content: center;
}

.item-footer__like,
.item-footer__dislike {
   cursor: pointer;
}

.item-footer__like.checked,
.item-footer__dislike.checked {
   background: #c2cceb;
}

.broker-block__popap {
   background: rgba(0, 0, 0, 0.7);
   position: fixed;
   width: 101vw;
   height: 101.2vh;
   top: 0;
   left: 0;
   z-index: 100;
   display: none;
}

.broker-block__popap-container {
   background: #fff;
   padding: 30px;
   box-sizing: border-box;
   position: absolute;
   top: 50%;
   left: 50%;
   max-height: 90%;
   overflow-y: auto;
   padding-bottom: 50px;
   max-width: 700px;
   transform: translateX(-50%) translateY(-50%);
}

.broker-block__popap-container textarea {
   border: 1px solid rgb(204, 204, 204);
   height: 259px;
   padding: 10px;
   box-sizing: border-box;
   max-width: 100%;
   width: 100%;
}

.broker-block__popap-container input {
   width: 100%;
   padding: 10px;
   border: 1px solid rgb(204, 204, 204);
   box-sizing: border-box;
   max-width: 100%;
   margin: 20px 0;
}

#ModalComment .broker-block__popap-container {
   display: grid;
   align-items: center;
   align-content: center;
   justify-content: center;
   text-align: center;
   padding-top: 50px;
   box-sizing: border-box;
   padding-bottom: 0;
}

#ModalComment .broker-block__popap-container img,
#ModalComment .broker-block__popap-container p {
   margin-top: 10px;
   margin: auto;
}

.popap-error {
   width: 100%;
   bottom: 0;
   left: 0;
   box-sizing: border-box;
   padding: 5px 0;
   background: rgba(255, 0, 0, 0.1);
   text-align: center;
}

.popap-answer__block {
   position: relative;
   margin: 5%;
   width: 40%;
   height: 200px;
   display: inline-block;
   box-shadow: 1px 1px 10px #ccc;
}

.popap-answer__block-title {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   background: rgba(255, 255, 255, 0.8);
   font-size: 18px;
   padding: 10px 0;
   text-align: center;
}

.popap-answer__block-link {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 10;
}

.popap-answer__block-span {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   font-size: 12px;
   text-align: center;
   color: #fff;
   background: rgba(0, 0, 0, 0.5);
}

.popap-answer__block-img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.broker-block__popap-submit {
   background: linear-gradient(224.39deg, #fc9f47 2.1%, #d73777 64.48%, #8f44b2 98.23%);
   border-radius: 40px;
   width: 275px;
   height: 60px;
   color: #fff;
   border: none;
   display: block;
   font-size: 18px;
   font-weight: 900;
   margin: auto;
}

.broker-block__popap-desc {
   font-size: 14px;
   color: #969696;
   max-width: 500px;
   margin-top: 30px;
}

.broker-block__popap-desc a {
   color: #5277f7;
}

.broker-block__popap-close {
   position: absolute;
   top: 10px;
   right: 10px;
   background: none;
   border: none;
   width: 40px;
   height: 40px;
   transform: rotate(45deg);
}

.broker-block__popap-close img {
   width: 100%;
   height: 100%;
}

.broker-block__popap-checkout {
   margin-top: 20px;
   color: #969696;
   display: flex;
   align-items: center;
}

.broker-block__popap-checkout::before {
   content: " ";
   width: 20px;
   height: 20px;
   text-align: center;
   background: #f8faff;
   border: 1px solid #d4dbf2;
   margin-right: 10px;
   font-size: 0;
   transition: 0.3s;
   color: #5277f7;
}

.broker-block__popap-checkout.checked::before {
   content: "✔";
   font-size: 14px;
   color: #5277f7;
}

.broker-block__popap-title {
   color: #273b98;
   font-size: 30px;
   width: 100%;
   padding-bottom: 30px;
   border-bottom: 1px solid #eaefff;
}

.broker-block__popap-radio {
   display: flex;
   gap: 20px;
   color: #969696;
   margin-top: 10px;
   cursor: pointer;
}

.popap-radio__text {
   width: 90%;
}

.broker-block__popap-radio::before {
   content: " ";
   border-radius: 30px;
   width: 20px;
   transition: 0.3s;
   height: 20px;
   text-align: center;
   font-size: 43px;
   line-height: 20px;
   color: rgba(0, 0, 0, 0);
   background: #f8faff;
   border: 1px solid #d4dbf2;
}

.broker-block__popap-radio.checked::before {
   content: "•";
   color: #5277f7;
}

.test-popap .broker-block__popap-radio::before {
   border-radius: 0;
   font-size: 16px;
}

.test-popap .broker-block__popap-radio.checked::before {
   content: "✔";
}

.broker-block__popap-back {
   border: 2px solid #d4dbf2;
   border-radius: 40px;
   width: 270px;
   height: 60px;
   background: none;
   margin-right: auto;
   color: #819ec7;
   font-size: 18px;
   font-weight: 900;
}

.broker-block__popap-control {
   display: flex;
   gap: 30px;
   justify-content: space-between;
   align-items: center;
   margin-top: 30px;
   margin-bottom: 30px;
}

p.popap-answer {
   margin: 5px 0;
   text-align: center;
   color: #969696;
}

p.popap-answer a {
   color: #5277f7;
   text-decoration: none;
}

.broker-block__popap-list {
   margin-top: 30px;
}

.broker-block__popap-points {
   color: #969696;
   display: block;
   font-size: 14px;
   line-height: 30px;
   text-align: start;
}

.broker-block__popap-list .broker-block__popap-points:first-child {
   font-size: 16px;
   color: #333;
   font-weight: 700;
}

.comment__field--rating {
   grid-column: 1 / span 3;
   grid-row: 4;
   margin: auto;
}

.comment__ratingBox {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 10px;
}

.comment__field--rating .comment__label {
   text-align: center;
}

.comment__ratingBox-icon {
   filter: grayscale(100%);
   transition: 0.5s;
   cursor: pointer;
}

.comment__ratingBox-icon.focus {
   filter: grayscale(0);
}

.comment__ratingBox-icon.checked {
   filter: grayscale(0);
}

.Modal_open {
   background: #000;
   color: #fff;
   padding: 10px;
   border: 1px double #fff;
}

.rating-grafic {
   width: 100%;
   position: relative;
   grid-column: 1 / span 2;
}

.rating-grafic__popap-title {
   display: block;
   color: #273b98;
   font-size: 30px;
   margin: 30px 0;
}

.rating-grafic__popap-desc {
   color: #969696;
   margin: 30px 0;
   font-size: 14px;
}

.grafic {
   width: 100%;
   position: relative;
   border-bottom: 1px solid #eaefff;
   cursor: pointer;
}

.grafic__container {
   display: flex;
   overflow: auto;
   padding: 30px;
   width: 100% !important;
   padding-bottom: 50px;
}

.grafic__container::-webkit-scrollbar {
   height: 6px;
   cursor: pointer;
}

.grafic__container::-webkit-scrollbar-track {
   background: #eaefff;
   cursor: pointer;
}

.grafic__container::-webkit-scrollbar-thumb {
   background-color: #eaefff;
   border-radius: 20px;
   border: 3px solid #819ec7;
   cursor: pointer;
}

.grafic__container-box {
   display: flex;
   width: fit-content;
}

.grafic__col {
   border: 1px solid #eaefff;
   height: 200px;
   width: 100px;
   position: relative;
   display: flex;
   align-items: end;
   padding-left: 10px;
}

.grafic__col::before {
   content: " ";
   background: #eaefff;
   height: 1px;
   width: 100%;
   top: 50%;
   position: absolute;
   left: 0;
   transform: translateY(-50%);
}

.grafic__col-meter {
   height: 200px;
   width: 20px;
   position: relative;
   color: #819ec7;
   font-size: 12px;
   text-transform: lowercase;
   line-height: 12px;
}

.grafic__col--max {
   position: absolute;
   top: 0px;
   left: 0;
}

.grafic__col--midl {
   position: absolute;
   top: 100px;
   transform: translateY(-50%);
   left: 0;
}

.grafic__col--min {
   position: absolute;
   bottom: 0px;
   left: 0;
}

.grafic_date {
   position: absolute;
   text-align: center;
   top: 105%;
   color: #819ec7;
   font-size: 12px;
   text-transform: lowercase;
   line-height: 12px;
   transform: translateX(-70%);
}

.grafic_date span {
   display: block;
}

.grafic__col-point {
   width: 10px;
   position: relative;
   z-index: 10;
   margin: 0 3px;
}

.grafic::-webkit-scrollbar {
   width: 2px;
   height: 6px;
   cursor: pointer;
}

.grafic::-webkit-scrollbar-track {
   background: #eaefff;
   cursor: pointer;
}

.grafic::-webkit-scrollbar-thumb {
   background-color: #eaefff;
   border-radius: 20px;
   border: 3px solid #819ec7;
   cursor: pointer;
}

.grafic__designations {
   display: flex;
   padding-top: 30px;
   align-items: center;
}

.grafic__designations-item {
   display: flex;
   align-items: center;
   margin-right: 40px;
   color: #819ec7;
   font-size: 12px;
   gap: 10px;
}

.grafic__designations-item--marker {
   width: 10px;
   height: 10px;
}

.broker-block__popap-subtitle {
   font-size: 16px;
   color: #333;
   font-weight: 700;
   margin-bottom: 25px;
   margin-top: 20px;
}

.broker-block__popap-questBox {
   border-bottom: 1px solid #eaefff;
   padding-bottom: 20px;
}

#TestModal_1 .broker-block__popap-submit {
   width: 400px;
   margin: auto;
   cursor: pointer;
}

.broker-block__value-list {
   display: none;
}

.gradient-button {
   all: unset;
   display: block;
   cursor: pointer;
   background: var(--gradient-corporate-horizontal);
   border-radius: 9999px;
   padding: 1.2rem 1rem;
   color: white;
   font-size: 1.2rem;
   font-weight: 700;
   max-width: 25rem;
   min-width: 12rem;
   text-align: center;
}

.gradient-button:hover {
   color: var(--border);
}

/* Searchbox */

.searchbox-form {
   background-color: white;
   height: 4rem;
   border-radius: 999px;
   display: flex;
   flex-direction: row;
   align-items: center;
   position: relative;
   max-width: 680px;
   margin: auto;
   width: 100%;
   border: 2px solid var(--border);
   overflow: hidden;
}

input[type="search"].searchbox-input {
   all: unset;
   color: var(--secondary);
   flex-grow: 1;
   box-sizing: content-box;
   padding-left: 2rem;
   font-size: 1.25rem;
   background-color: transparent;
   height: 100%;
   text-align: left;

}

.searchbox-input::-webkit-search-cancel-button {
-webkit-appearance: none;
appearance: none;
}

input[type="search"].searchbox-input::placeholder {
   color: var(--secondary);
   opacity: 0.8;
}

.searchbox-button {
   all: unset;
   cursor: pointer;
   margin: auto 1.6rem;
}

.searchbox-button-icon {
   display: block;
   width: 2rem;
   height: 2rem;
   fill: var(--secondary);
}

.border-ghost {
   /* box-sizing: content-box; */
   /* background-clip: padding-box; */
   outline: 1rem solid rgba(255, 255, 255, 0.25);
}

section.no-results .page-header {
   color: #fff;
}

.breadcrumbs {
   /* text-align: center; */
   /* margin-bottom: 16px; */
   margin: 10px;
   padding: 8px 16px;
   background-color: white;
   /* color: #333; */
   color: #819ec7;
   border-radius: 999px;
   display: inline-block;
}
.breadcrumbs a {
   /* color: #819ec7; */
   color: #273b98;
   transition: color 0.1s;
}
.breadcrumbs a:hover {
   /* color: var(--accent); */
   /* text-decoration: underline; */
   color: #819ec7;
}
.breadcrumbs {
   .container {
      @media (max-width: 768px){
         padding: 0;
      }
   }
}
@media (max-width: 380px){
   .breadcrumbs.container {
      width: fit-content;
   }
}

.breadcrumb-separator {
   margin: 0 8px;
   color: var(--secondary);
}

.breadcrumb-icon {
   display: inline-block;
   vertical-align: top;
   background-color: #273b98;
   transition: background-color 0.1s;
   -webkit-mask-image: var(--icon-url);
   mask-image: var(--icon-url);
   width: 16px;
   height: 16px;
}

.breadcrumb-icon-home {
   --icon-url: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 92 92' width='16px' height='16px'%3E%3Cpath fill='currentColor' stroke='currentColor' d='M88,49c-1,0-2-0.4-2.8-1.1L46,9.6L6.8,47.9c-1.6,1.5-4.1,1.5-5.7-0.1c-1.5-1.6-1.5-4.1,0.1-5.7l42-41 c1.6-1.5,4-1.5,5.6,0l42,41c1.6,1.5,1.6,4.1,0.1,5.7C90.1,48.6,89,49,88,49z M79.2,88V48.9c0-2.2-1.8-4-4-4c-2.2,0-4,1.8-4,4V84 H58.7V62.6c0-2.9-2.4-5.3-5.3-5.3H38.6c-2.9,0-5.3,2.4-5.3,5.3V84H20.8V48.9c0-2.2-1.8-4-4-4s-4,1.8-4,4V88c0,2.2,1.8,4,4,4h20.5 c2.2,0,4-1.8,4-4V65.3h9.5V88c0,2.2,1.8,4,4,4h20.5C77.5,92,79.2,90.2,79.2,88z' /%3E%3C/svg%3E");
}

.breadcrumbs a:hover .breadcrumb-icon {
   background-color: #819ec7;
}

.w-full {
   width: 100%;
}

/* section.search .breadcrumbs {
	color: white;
	text-align: center;
	margin-bottom: 16px;
	padding: 0px;
}

section.search .breadcrumbs a {
	color: white;
}

section.search .breadcrumbs a:hover {
	text-decoration: underline;
} */

section.search.search-with-bc {
   padding: 20px 0 60px 0;
}

.pagination {
   display: flex;
   justify-content: center;
   margin: 20px auto 0 auto;
}

.pagination .nav-links {
   display: flex;
   justify-content: center;
   gap: 4px;
   flex-wrap: wrap;
}

.pagination .page-numbers {
   display: block;
   border: 1px solid #c7d8ef;
   color: #819ec7;
   background: #fff;
   text-align: center;
   padding: 5px 10px;
   border-radius: 5px;
   text-decoration: none;
   transition: 0.3s;
}

.pagination .page-numbers.current {
   background: #273b98;
   color: #fff !important;
}

.container {
   padding: 0 32px;
}

article h1,
article h2,
article h3,
article h4,
article h5 {
   margin-top: 0.83em;
   margin-bottom: 0.83em;
   line-height: unset;
}

article h1 {
   font-size: 40px;
}

article h2 {
   font-size: 30px;
}

article h3 {
   font-size: 26px;
}

article p {
   margin-top: 1em;
   margin-bottom: 1em;
}

article ul,
article ol {
   margin: 20px;
}

article li {
   padding: 5px;
   margin-left: 35px;
   list-style: disc;
}

.contact__wrapper-ajax,
.contact__wrapper-ajax-loadmore {
   display: none;
}
.company-father {
   width: 95%;
}

.company__trader-btn {
   width: 100%;
   width: max-content;
   padding-left: 20px;
   padding-right: 20px;
   margin-left: 0;
}
.item__ratings-wrapper {
   justify-content: start !important;
}
@media (max-width: 1400px) {
   .contact .container,
   .popular .container {
      margin: 0 !important;
      max-width: 100% !important;
   }
}

@media (max-width: 798px) {
   .grafic {
      width: 100% !important;
   }
}
section.graphics {
   overflow: hidden;
}
.contact__wrapper-ajax-loadmore {
   display: flex !important;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 20px;
}
.card__btn-wrapper {
   display: flex;
   gap: 2rem;
   column-gap: 10px;
   align-items: center;
   flex-wrap: wrap;
}
.contact__wrapper-block_btn {
   position: static !important;
   background: #5277f7;
   color: #fff;
}
.btn-stats {
   width: max-content;
   padding-left: 20px;
   padding-right: 20px;
   background: #fff;
   color: #5277f7;
   border: 1px solid #5277f7;
}
/*
.contact__wrapper.hidden {
   display: flex !important;
}

.contact__tags-btn {
   display: none;
} */

.popular-mob {
   display: none;
}
@media (max-width: 769px) {
   .popular-mob {
      display: block;
   }
   .popular-pc {
      display: none;
   }
}

.worst__image {
   display: block;
}

/* AUTHOR BOX */
.author-box-wrapper {
  margin: 3em 0;
  display: flex;
  flex-direction: column;
  row-gap: 40px; /* Отступ между блоками авторов */
}

/* Отступ между основным описанием и ссылкой (примерно 2 строки) */
.author-box-post-link-wrapper {
  margin-top: 2em;
}

/* Стили ссылки: цвет из дизайна, подчеркивание */
.author-box-post-link {
  display: inline-block;
  color: var(--secondary); /* Основной цвет сайта */
  font-size: 16px;
  text-decoration: underline;
  transition: color 0.3s ease;
}

.author-box-post-link:hover {
  color: var(--primary);
}

/* Блок автора: фото слева, текст справа */
.author-box-post {
  display: flex;
  column-gap: 30px;
  align-items: center;
}

.author-box-post .author-box-post-info {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

/* Фото эксперта */
.author-box-post-img {
  flex-shrink: 0;
  overflow: hidden;
  width: 120px;
  height: 120px;
}

.author-box-post .author-box-post-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Заголовок: Отступ между заголовком и фото (примерно 1 строка = 1.5em) */
.author-box-post-title {
  margin-bottom: 1.5em;
  font-size: 20px; /* Сделано больше 18px */
  font-weight: 700; /* Выделено жирным */
  color: #111;
  line-height: 1.4;
}

/* Стили для имени и роли внутри заголовка */
.author-box-post-title .author-box-name {
  font-weight: 700; /* Жирное имя */
}

.author-box-post-title .author-box-role {
  background-color: var(--primary);
  color: white;
  padding: 4px 10px;
  font-size: 13px;
  margin-left: 8px;
  border-radius: 16px;
  font-weight: 500;
  display: inline-block;
  vertical-align: middle;
}

/* Описание с обводкой (borde/gap) и ограничением ширины */
.author-box-post-desc-wrapper {
  border-left: 4px solid var(--primary); /* Обводка слева */
  padding: 15px 20px; /* Отступы внутри блока */
  background-color: #f9f9f9; /* Легкий фон для читаемости (опционально) */
  margin-top: 0; /* Убираем лишние отступы, так как есть margin у заголовка */
}

.author-box-post-desc {
  font-size: 16px;
  color: #555555;
  line-height: 1.6;
  max-width: 95%; /* Чтобы текст не растягивался на всю строку */
}

/* Адаптив для мобильных */
@media (max-width: 600px) {
  .author-box-post {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .author-box-post-title {
    display: block;
  }

  .author-box-post-title .author-box-role {
    margin: 8px auto 0;
    display: block;
    width: fit-content;
  }

  .author-box-post-img {
    margin-bottom: 1em;
  }

  .author-box-post-desc-wrapper {
    border-left: none;
    border-top: 4px solid var(--primary); /* Обводка сверху на мобильных */
  }

  .author-box-post-desc {
    max-width: 100%;
  }
}