/* about-block */
.about-block {
   /* background-image: url(<?= get_template_directory_uri() ?>/img/about_bg.svg); */
   background-size: cover;
   background-position: center center;
   height: 360px;
}

.about-block__container {
   padding: 70px 120px;
}

.about-block__title {
   width: 100%;
   text-align: center;
   font-size: 64px;
   line-height: 64px;
   color: #fff;
   margin-bottom: 60px;
}

.about-block__content {
   font-size: 18px;
   line-height: 24px;
   color: #fff;
   text-align: center;
}

/* \about-block */

/* analytics-block */
/* .analytics-block {} */

.analytics-block__container {
   padding: 120px 120px;
   display: flex;
   flex-wrap: wrap;
}

.analytics-block__title {
   width: 100%;
   text-align: center;
   margin-bottom: 60px;
   font-size: 64px;
   color: #273b98;
   font-weight: bold;
}

.analytics-block__graph {
   display: inline-block;
   width: 50%;
   position: relative;
}

.analytics-block__graph-img {
   max-width: 100%;
}

.analytics-block__graph-button {
   position: absolute;
   background: #fff;
   display: grid;
   border: 1px solid #eaefff;
   grid-template-columns: 160px 300px;
   top: 50px;
   right: 0;
   padding: 20px 30px;
   border-radius: 25px;
   width: 470px;
   box-sizing: border-box;
}

.analytics-block__graph-button a {
   color: #333333;
   font-size: 30px;
   font-weight: 700;
   grid-column: 2;
   grid-row: 1;
   text-decoration: none;
   margin-top: 25px;
   line-height: 20px;
}

.analytics-block__graph-button span {
   font-family: italic;
   font-size: 18px;
   grid-column: 2;
   grid-row: 2;
}

.analytics-block__graph-button img {
   grid-row: 1 / span 2;
   grid-column: 1;
}

.analytics-block__desc {
   display: inline-block;
   width: 50%;
   line-height: 40px;
   color: #819ec7;
   padding: 10px;
   font-size: 30px;
   box-sizing: border-box;
}

/* \analytics-block */

/* info-block */
.info-block {
   height: fit-content;
   padding-bottom: 100px;
   position: relative;
   z-index: 1;
   background-position: center center;
}

.info-block__bg {
   position: absolute;
   z-index: -1;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
}

.info-block__forum-block {
   padding-top: 180px;
   padding-left: 120px;
}

.forum-block__desc {
   line-height: 25px;
   font-size: 18px;
   color: #fff;
   font-style: italic;
   max-width: 400px;
   margin-bottom: 20px;
}

.forum-block__submit {
   text-align: center;
   background: #273b98;
   width: 400px;
   height: 60px;
   color: #fff;
   padding: 18px;
   box-sizing: border-box;
   text-decoration: none;
   display: block;
   font-weight: bold;
   border-radius: 50px;
   font-size: 18px;
   border: none;
}

.info-block__title {
   font-size: 64px;
   width: 100%;
   text-align: center;
   color: #fff;
   font-weight: bold;
   margin-top: 80px;
}

.info-block__list {
   display: flex;
   justify-content: space-around;
   flex-wrap: wrap;
   gap: 70px;
   margin-bottom: 90px;
   margin: 50px 170px;
}

.info-block__img-box {
   border-radius: 50%;
   border: 24px solid rgba(212, 219, 242, 0.25);
}

.info-block__img-box--border {
   border-radius: 50%;
   background: #fff;
   width: 250px;
   height: 250px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.info-block__item span {
   display: block;
   width: 100%;
   text-align: center;
   font-size: 21px;
   color: #fff;
   margin-top: 20px;
}

/* \info-block */

/* article-list */
.article-list {
   -moz-user-select: none;
   -ms-user-select: none;
   -o-user-select: none;
   -webkit-user-select: none;
   padding-left: 120px;
   gap: 20px;
   box-sizing: border-box;
   width: 100%;
   position: relative;
   border-top: 1px solid #eaefff;
}

.article-list__slider-control {
   position: absolute;
   top: 0;
   width: 30px;
   outline: 0;
   height: 100%;
   border: none;
   background: none;
   transition: 0.3s;
}

.article-list__slider-control--left {
   left: -30px;
}

.article-list__slider-control--right {
   right: -30px;
}

.article-list__slider-control:hover {
   transform: scale(1.2);
   cursor: pointer;
}

.article-list__slider {
   position: relative;
   padding: 20px 1%;
   box-sizing: border-box;
   width: 100%;
   overflow: hidden;
}

.article-list__slider-scroll {
   position: absolute;
   bottom: 0;
   width: 300px;
   height: 5px;
   left: 50%;
   transform: translateX(-50%);
   background: #eaefff;
   border-radius: 10px;
}

.article-list__slider-scroll--progress {
   height: 100%;
   background: #ffca50;
   border-radius: 10px;
   width: 20%;
   cursor: pointer;
   position: relative;
   max-width: 100%;
}

.article-list__slider-container {
   width: fit-content;
   display: flex;
   gap: 20px;
   position: relative;
   align-items: center;
   transition: 0.5s;
   left: 0;
}

.article-list__slide--container {
   width: 250px;
   height: 250px;
   transition: 0.3s;
   cursor: pointer;
}

.article-list__slide--box {
   height: 100%;
}

.article-list__title {
   font-size: 24px;
   line-height: 32px;
   margin-bottom: 20px;
   margin-top: 40px;
   grid-column: 1 / span 2;
}

.article-list__item {
   padding: 10px;
   height: 350px;
   width: 100%;
   display: flex;
   align-items: flex-end;
   flex-wrap: wrap;
   box-sizing: border-box;
   align-content: end;
   position: relative;
}

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

.article-list__item img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   object-fit: cover;
   filter: brightness(0.5);
}

.article-list__item h3 {
   color: #fff;
   font-size: 24px;
   line-height: 32px;
   width: 100%;
}

.article-list__item span {
   color: #d4dbf2;
   font-size: 16px;
   width: 100%;
   margin-bottom: 10px;
}

.article-list__item a {
   color: #ffca50;
   width: 100%;
   font-size: 16px;
   text-decoration: none;
   margin-bottom: 10px;
}

.article-list__slide {
   width: 240px;
   height: 240px;
   box-sizing: border-box;
   position: relative;
   display: flex;
   justify-content: flex-start;
   align-items: flex-end;
   flex-wrap: wrap;
   padding: 0 10px;
   transition: 0.3s;
   align-content: end;
   background: border-box;
}

.article-list__slide img {
   position: absolute;
   width: 100%;
   height: 100%;
   object-fit: cover;
   top: 0;
   left: 0;
   border-radius: 15px;
   z-index: -1;
   filter: brightness(0.5);
}

.article-list__slide h3 {
   font-size: 12px;
   color: #fff;
   margin-bottom: 10px;
   display: block;
   width: 80%;
   position: absolute;
   bottom: 30px;
}

.article-list__slide a {
   color: #ffca50;
   width: 100%;
   font-size: 12px;
   text-decoration: none;
   margin-bottom: 10px;
   position: absolute;
   bottom: 10px;
}

/* \article-list */

.slick-list {
   overflow: inherit;
}

.slick-dots li {
   position: relative;
   display: inline-block;
   width: 20px;
   height: 6px;
   margin: 0 5px;
   padding: 0;
   border-radius: 10px;
   transition: 0.3s;
   cursor: pointer;
   background: #eaefff;
   transform: scaleX(2);
}

.slick-dots {
   z-index: -1;
}

li.slick-active {
   background: #ffca50;
   border-radius: 50px;
   z-index: 1;
}

.slick-dots li button:before {
   display: none;
}

.article-popap {
   position: fixed;
   width: 100%;
   height: 100%;
   transform: none !important;
   background: rgba(0, 0, 0, 0.7);
   top: 0;
   left: 0;
   z-index: 100;
   display: none;
}

.article-popap__container {
   width: 100%;
   padding: 0;
   height: 100%;
   box-sizing: border-box;
   padding-top: 50px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translateY(-50%) translateX(-50%);
}

.article-popap__slider {
   position: absolute;
   top: 0;
   left: 50%;
   padding: 0;
   width: 100%;
   height: 100%;
   max-height: 100%;
   transform: translateY(0) translateX(-50%);
}

.article-popap__slider .slick-prev {
   left: 25px;
   z-index: 100;
}

.article-popap__slider .slick-next {
   right: 25px;
   z-index: 100;
}

.article-popap__slide-item {
   display: grid;
   grid-template-columns: 1fr;
   grid-template-rows: 240px 1fr;
   gap: 10px;
   width: 70vw;
   height: 100vh;
   padding: 0px;
   max-width: 1000px;
   max-height: 600px;
   position: relative;
   box-shadow: 1px 1px 10px #000;
   background: #fff;
   box-sizing: border-box;
}

.article-popap__slide-item.hidden {
   display: none;
}

.article-popap__close {
   background: none;
   border: none;
   top: 5px;
   width: 50px;
   position: relative;
   cursor: pointer;
   z-index: 50;
   height: 50px;
   transform: rotate(45deg);
}

.slide-item__content {
   padding: 20px;
   overflow: auto;
}

.slide-item__content h3 {
   margin-bottom: 20px;
}

.article-popap__slide-item--title {
   position: absolute;
   color: #fff;
   padding: 15px 50px 15px 20px;
   font-size: 30px;
   line-height: 30px;
   top: 20px;
   background: linear-gradient(90deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
}

.slide-item__content-link {
   padding: 16px 76px;
   background: #5277f7;
   border-radius: 55px;
   color: #fff;
   margin: 20px auto;
   font-size: 18px;
   text-decoration: none;
   font-weight: 400;
   display: block;
   width: fit-content;
}

.article-popap__close img,
.article-popap__slide-item img {
   width: 100%;
   height: 100%;
}

.article-popap__slide-item img {
   object-fit: cover;
}

.article-popap__slide-item {
   width: 100%;
}

.article-popap__container__control-panel {
   position: absolute;
   display: flex;
   width: 830px;
   height: 60px;
   background: #fff;
   justify-content: space-between;
   top: 110px;
   left: 50%;
   z-index: 5;
   transform: translateX(-50%);
}

.article-popap__slide--container {
   height: 500px;
   width: 830px;
   position: absolute;
   left: -100%;
   top: 170px;
   display: none;
}

.article-popap__slide-control {
   position: absolute;
   top: 0;
   height: 100%;
   width: 30px;
   background: none;
   border: none;
   cursor: pointer;
   z-index: 10;
}

.article-popap__slide-control--right {
   right: 0;
}

.article-popap__slide-control--left {
   left: 0;
}

.article-popap__slide--container.beforeactive {
   left: 5%;
}

.article-popap__slide--container.active {
   left: 50%;
   transform: translateX(-50%);
   z-index: 10;
   display: block;
   filter: brightness(1);
}

.article-popap__slider-control {
   height: 100%;
   width: 100px;
   font-size: 23px;
   background: none;
   color: #000;
   border: 0;
   outline: 0;
   cursor: pointer;
   z-index: 10;
   transition: 0.3s;
   position: relative;
}

.article-popap__slider-control--title {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   color: #819ec7;
   font-size: 14px;
   line-height: 100%;
   display: block;
   height: fit-content;
   width: 160px;
}

.article-popap__slider-control--right .article-popap__slider-control--title {
   right: 80%;
   text-align: right;
}

.article-popap__slider-control--left .article-popap__slider-control--title {
   left: 80%;
   text-align: left;
}

.article-popap__slider-control--right.close .article-popap__slider-control--title,
.article-popap__slider-control--left.close .article-popap__slider-control--title {
   display: none;
}

.article-popap__slider-control--right::after,
.article-popap__slider-control--left::after {
   content: " ";
   position: absolute;
   top: 50%;
   right: 20px;
   transform: rotate(-90deg) translateY(-50%);
   height: 0px;
   transition: 0.3s;
   width: 2px;
   background: #819ec7;
}

.article-popap__slider-control--right::before,
.article-popap__slider-control--left::before {
   content: " ";
   position: absolute;
   top: 50%;
   left: 50px;
   transform: rotate(90deg) translateY(-50%);
   height: 0px;
   width: 2px;
   transition: 0.3s;
   background: #819ec7;
}

.article-popap__slider-control--left::before {
   left: 20px;
}

.article-popap__slider-control--left::after {
   right: 50px;
}

.article-popap__slider-control--right.close,
.article-popap__slider-control--left.close {
   color: rgba(0, 0, 0, 0);
}

.article-popap__slider-control--right.close::after,
.article-popap__slider-control--left.close::after {
   height: 40px;
   top: 47%;
   transform: rotate(-45deg) translateY(-50%);
}

.article-popap__slider-control--right.close::before,
.article-popap__slider-control--left.close::before {
   height: 40px;
   top: 47%;
   transform: rotate(45deg) translateY(-50%);
}

.article-popap__container__control-panel.close .article-popap__close {
   display: none !important;
}

.article-popap__slide--container.afteractive {
   left: auto;
   right: 5%;
}

.article-popap__slide--container.slick-center {
   filter: brightness(1);
   transform: scale(1.1);
}

/* progress bar */
.article-popap__slide-progress {
   width: 50%;
   margin: 0 25%;
   height: 5px;
   background: none;
   position: absolute;
   display: flex;
   top: 135%;
}

.article-popap__progress-item {
   background: #eaefff;
   border-radius: 50px;
   height: 6px;
   margin: 5px;
   cursor: pointer;
}

.article-popap__slide-progress .article-popap__progress {
   width: 0%;
   height: 6px;
   border-radius: 50px;
   background: #ffca50;
}

/* article */
.article-block__container {
   display: grid;
   width: 100%;
   box-sizing: border-box;
   gap: 20px;
   justify-content: center;
   align-items: flex-start;
   grid-template-columns: 66% 34%;
}

.article-block__content {
   grid-row: 2;
   border-top: 1px solid #eaefff;
   margin-left: 120px;
   padding-top: 20px;
   box-sizing: border-box;
   grid-column: 1;
}

.article-block__link-back {
   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%
   );
   width: 250px;
   height: 40px;
   text-align: center;
   color: #fff;
   font-size: 14px;
   display: block;
   margin-top: 25px;
   text-decoration: none;
   padding: 2px 10px;
   box-sizing: border-box;
   margin-bottom: 50px;
   border: none;
   grid-column: 1 / span 2;
   border-radius: 50px;
}

.article-block__title {
   font-size: 24px;
   line-height: 32px;
   color: #000;
}

.article-block__content img {
   width: 100%;
   margin-bottom: 20px;
}

.article-block__content-box h1,
.article-block__content-box h2,
.article-block__content-box h3,
.article-block__content-box h4,
.article-block__content-box h5,
.article-block__content-box h6 {
   font-size: 16px;
   line-height: 22px;
   color: #333;
   margin: 20px 0;
}

.article-block__content-box span,
.article-block__content-box p {
   color: #969696;
   margin-bottom: 20px;
   line-height: 20px;
}

.article-block__find-error {
   color: #5277f7;
   font-size: 14px;
}

.article-block .article-list {
   padding-bottom: 50px;
   grid-column: 1;
   display: grid;
   grid-template-columns: 1fr 1fr;
}

.article-block .tags-block {
   grid-column: 2;
}

/* \article */

/* brocker-block */
.broker-block {
   padding: 60px 120px;
   display: grid;
   gap: 20px;
   align-items: flex-start;
   grid-template-columns: auto 400px;
}

.broker-block__info {
   display: grid;
   grid-template-columns: 280px auto 440px;
   align-items: flex-start;
   height: 370px;
}

.broker-block__info .broker-list__item-licenses.cheat {
   justify-content: flex-start;
   background: none;
   padding: 10px 2px;
   border: none;
}

.broker-block__info .broker-block__licenses {
   background: none;
   justify-content: flex-start;
}

.broker-block__logo {
   grid-row: 1;
   width: 250px;
   border: 1px solid #eaefff;
   margin-right: 30px;
   align-self: center;
   box-shadow: 0px 0px 10px #eaefff;
}

.broker-block__logo.text-logo__container {
   display: grid;
}

.broker-block__logo.text-logo__container h1 {
   text-align: center;
   width: 100%;
   word-wrap: break-word;
   font-size: 20px;
   padding: 40px 0;
   height: fit-content;
   align-self: center;
}

.broker-block__info-container {
   grid-column: 2;
}

.broker-block__licenses {
   margin-bottom: 22px;
}

.broker-block__licenses.check-company {
   background: #f8faff;
}

.broker-block__name {
   margin-bottom: 22px;
}

.broker-block__rating {
   margin-bottom: 22px;
}

.broker-block__contact {
   display: flex;
   align-items: center;
   gap: 15px;
   margin-bottom: 14px;
}

.broker-block__criteria {
   padding: 20px;
   border: 1px solid #eaefff;
   box-shadow: 0px 0px 10px #eaefff;
}

.broker-block__criteria-close,
.broker-block__criteria-title--mob {
   display: none;
}

.broker-block__criteria-title {
   margin-bottom: 20px;
   color: #333;
}

.broker-block__criteria-item {
   display: flex;
   justify-content: space-between;
   padding: 10px 0;
   border-bottom: 1px solid #eaefff;
}

.broker-block__criteria-name {
   color: #969696;
}

.broker-block__criteria-value {
   color: #273b98;
   text-align: right;
   text-decoration: none;
   max-width: 50%;
   word-wrap: break-word;
}

.brocker-list__criteria {
   display: flex;
   gap: 10px;
   margin: 10px 0;
}

.brocker-list__criteria-value {
   display: inline-flex;
   padding: 5px 10px;
   background: #273b98;
   font-size: 12px;
   color: #fff;
   border-radius: 10px;
   cursor: pointer;
}

.brocker-list__criteria-value b {
   padding-left: 5px;
}

.brocker-list__criteria-value::before {
   content: "✖";
   background: #fff;
   color: #273b98;
   border-radius: 50px;
   width: 16px;
   padding-top: 1px;
   box-sizing: border-box;
   height: 16px;
   margin-top: 0px;
   margin-right: 10px;
   text-align: center;
   font-size: 10px;
}

.broker-block__redirect-btn {
   font-size: 14px;
   width: 240px;
   height: 40px;
   display: flex;
   color: #fff;
   background: linear-gradient(224.39deg, #fc9f47 2.1%, #d73777 64.48%, #8f44b2 98.23%);
   align-items: center;
   justify-content: center;
   text-align: center;
   grid-column: 2;
   border-radius: 40px;
   text-decoration: none;
   margin-top: 20px;
   border: 1px solid #d4dbf2;
}

.broker-block__criteria-btn {
   color: #fff;
   font-size: 14px;
   width: 240px;
   height: 40px;
   background: #273b98;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   border-radius: 40px;
   text-decoration: none;
   margin-top: 20px;
   border: none;
   display: none;
}

.broker-block__short-desc {
   width: 100%;
   box-shadow: 0px 0px 10px #eaefff;
   padding: 20px;
   box-sizing: border-box;
   border: 1px solid #eaefff;
   margin-top: 20px;
   color: #333;
}

.broker-block__criteria-title {
   color: #333;
   font-size: 16px;
   margin-bottom: 20px;
}

.short-desc__links {
   margin: 20px 0;
   display: flex;
   justify-content: space-between;
   color: #5277f7;
}

.short-desc__show-report {
   color: #5277f7;
   font-size: 14px;
   text-align: right;
}

.broker-block .article-list__slider-control {
   display: none;
}

.broker-block__repost {
   margin-top: 40px;
}

.broker-block__repost-title {
   font-size: 16px;
   color: #333;
   margin-bottom: 20px;
}

.short-desc__title {
   font-size: 16px;
   color: #969696;
   margin-bottom: 20px;
}

.broker-block__repost-block {
   border: 1px solid #eaefff;
   box-shadow: 0px 0px 10px #eaefff;
   padding: 5px;
   background: #eaefff;
   height: 80px;
   color: #eaefff;
   display: flex;
   align-items: center;
   justify-content: space-around;
}

.broker-block__repost-item {
   width: 100%;
   height: 40px;
   border-left: 1px solid #d4dbf2;
   text-align: center;
}

.broker-block__repost-item img {
   width: 40px;
   height: 40px;
   filter: brightness(1);
   transform: scale(1);
   transition: 0.3s;
   object-fit: cover;
   object-position: center center;
}

.broker-block__repost-item img:hover {
   transform: scale(1.3);
   cursor: pointer;
   filter: brightness(0.7);
}

.broker-block__repost-block .broker-block__repost-item:first-child {
   border: none;
}

.short-desc__full {
   color: #969696;
   padding: 20px 0;
   margin-top: 20px;
   display: none;
   border-top: 1px solid #eaefff;
}

.broker-block__vote-block {
   margin-top: 40px;
   display: grid;
   grid-template-columns: 550px auto;
   align-items: flex-start;
   gap: 20px;
}

.vote-block__container {
   color: #969696;
}

.vote-block__container-box {
   padding: 20px;
   border-top: 1px solid #eaefff;
   box-shadow: 0px 0px 10px #eaefff;
   margin-bottom: 20px;
}

.vote-block__container b {
   color: #333;
   font-weight: 900;
}

.vote-block__title {
   font-size: 16px;
   color: #333;
   margin-bottom: 20px;
}

.vote-block__rating {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

.vote-block__form {
   display: inline-flex;
   gap: 10px;
   margin: 0 0 0 20px;
   transform: translateY(15px);
   align-items: center;
   margin-left: 30px;
   height: 20px;
   position: relative;
   top: -3px;
}

.company__wrapper-block_text {
   margin-top: 10px;
   color: #969696;
}

.vote-block__form-radio.radioBox::before {
   content: "•";
   border-radius: 30px;
   width: 20px;
   transition: 0.3s;
   height: 20px;
   text-align: center;
   font-size: 40px;
   line-height: 20px;
   color: rgba(0, 0, 0, 0);
   background: #f8faff;
   border: 1px solid #d4dbf2;
   display: flex;
   justify-content: center;
   align-items: center;
}

.vote-block__container hr {
   background: #a2afd9;
   border: 0;
   height: 1px;
   margin-top: 20px;
   margin-bottom: 20px;
}

.vote-block__form-radio.radioBox.checked::before {
   content: "•";
   transform: scale(1);
   color: #5277f7;
}

.item_admin-UI {
   width: 100%;
   display: flex;
}

button.admin-UI__button {
   width: max-content;
}

.vote-block__form-submit {
   background: #5277f7;
   border-radius: 20px;
   text-align: center;
   width: 260px;
   max-width: 100%;
   height: 40px;
   cursor: pointer;
   color: #fff;
   border: none;
   display: block;
   margin: 20px auto;
   font-size: 14px;
   border-radius: 50px;
}

.company__wrapper-block hr {
   opacity: 0.4;
   margin-top: 20px;
}

.company__wrapper-block_title {
   margin-bottom: 20px;
}

.vote-block__rating-bar {
   height: 10px;
   width: 100%;
   background: #ff0000;
   border-radius: 10px;
   margin-bottom: 20px;
   margin-top: 20px;
}

.vote-block__rating {
   font-size: 14px;
   line-height: 19px;
   color: #969696;
}

.vote-block__rating {
   color: black;
}

.vote-block__rating-bar--progress {
   height: 10px;
   border-radius: 5px 0px 0px 5px;
   background: #01b21d;
}

.vote-block__points {
   border-top: 1px solid #eaefff;
   box-shadow: 0px 0px 10px #eaefff;
   padding: 20px;
}

.vote-block__points-list {
   padding: 0;
   margin: 0;
   margin-left: 20px;
}

.vote-block__points-item {
   display: block;
   position: relative;
   padding: 20px 0;
   color: #969696;
   padding-right: 60px;
   border-bottom: 1px solid #eaefff;
   font-size: 14px;
}

.vote-block__points-item--icon {
   position: absolute;
   top: 50%;
   right: 0;
   transform: translateY(-50%);
   width: 40px;
   height: 40px;
}

.vote-block__button-test {
   grid-column: 1;
   color: #fff;
   background: linear-gradient(224.39deg, #fc9f47 2.1%, #d73777 64.48%, #8f44b2 98.23%);
   border-radius: 40px;
   border: none;
   width: 100%;
   max-width: 600px;
   height: 60px;
   font-size: 18px;
   font-weight: 900;
   cursor: pointer;
}

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

.comments__title {
   font-size: 16px;
   color: #333;
   margin-bottom: 20px;
}

.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;
   max-width: 400px;
}

.comment__field--disadvantages {
   grid-column: 3;
   grid-row: 3;
   max-width: 400px;
}

.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__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;
   overflow: hidden;
}

.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: 74%;
   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;
}

.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: 0 10px;
   color: #819ec7;
   cursor: pointer;
   border: 1px solid #eaefff;
}

.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;
   line-height: 20px;
   color: #333;
   position: relative;
}

.review__item-date {
   font-size: 12px;
   line-height: 13px;
   font-weight: 400;
   color: #819ec7;
   left: 160px;
   white-space: nowrap;
}

.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;
   word-break: break-all;
}

.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.spam {
   background: #ff65655c;
}

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

.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() ?>/img/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: 40px;
   line-height: 60px;
   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__DW-methods {
   margin-top: 20px 0;
}

.broker-block__DW-methods h1 {
   font-size: 16px;
   color: #333;
   margin-bottom: 10px;
   margin-top: 20px;
}

.broker-block__DW-methods span {
   font-size: 16px;
   color: #273b98;
}

.broker-block__criteria-filterLink {
   color: #819ec7;
   font-size: 14px;
   text-align: center;
   width: 100%;
   margin-top: 20px;
   border-radius: 50px;
   display: block;
   text-decoration: none;
   border: 1px solid #d4dbf2;
   padding: 13px 0;
}

.broker-block__slider-container {
   grid-column: 3;
   grid-row: 1 / span 5;
   width: 440px;
}

.broker-block .article-list {
   padding: 0;
}

.broker-block .article-list__slide {
   width: 120px;
}

.broker-block .article-list__slide--container {
   width: 120px;
}

.broker-block .article-list {
   margin: 0;
   gap: 20px;
   box-sizing: border-box;
   width: 400px;
   padding: 0;
   border-top: 1px solid #eaefff;
}

.broker-block .article-list__slide img {
   border-radius: 7px;
}

.broker-block__recommended {
   grid-column: 1 / span 2;
}

.broker-block__recommended .numeric-elements__container {
   display: none;
}

.broker-block__popap {
   background: rgba(0, 0, 0, 0.7);
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0 !important;
   left: 0 !important;
   z-index: 100;
   display: none;
}

.broker-block__popap-container {
   overflow: hidden;
   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%);
   text-align: center;
}

.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;
}

.broker-block__popap-container img {
   max-width: 50%;
   margin-top: 10px;
}

#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 {
   text-align: center;
   font-size: 14px;
   color: #969696;
   max-width: 500px;
   margin-top: 30px;
   text-align: left;
}

.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;
   line-height: 40px;
   width: 100%;
   padding-bottom: 20px;
   border-bottom: 1px solid #eaefff;
   margin-bottom: 20px;
}

.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 !important;
   height: 60px;
   background: none;
   margin-right: auto;
   color: #819ec7;
   font-size: 18px;
   font-weight: 900;
   margin-left: auto;
   margin-right: auto;
}

.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;
}

.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;
}

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

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

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

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

.grafic__container {
   display: flex;
   overflow: auto;
   padding: 30px;
   width: 100%;
   max-width: 99%;
   overflow-x: scroll;
   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: 100%;
}

.grafic__col {
   border: 1px solid #eaefff;
   height: 200px;
   position: relative;
   display: flex;
   flex: 1 0 100px;
   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;
}

/* \brocker-block */

/* brocker-list */
.broker-list {
   width: 1680px;
   margin: auto;
   max-width: 1940px;
   padding-bottom: 50px;
   position: relative;
   grid-column: 1 / span 2;
   -moz-user-select: none;
   -ms-user-select: none;
   -o-user-select: none;
   -webkit-user-select: none;
}

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

.broker-list__container {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 30px;
   justify-content: space-between;
   align-items: center;
}

.broker-list__item {
   display: grid;
   border: 1px solid #eaefff;
   box-shadow: 0px 0px 10px #eaefff;
   grid-template-columns: 260px 380px;
   align-items: center;
   width: 100%;
   column-gap: 30px;
   margin: 0;
   position: relative;
}

.broker-list__container--slider {
   position: relative;
   transition: 0.3s;
   width: fit-content;
   margin: 0;
   left: 0;
   gap: 30px;
   display: flex;
}

.broker-list__container--reco {
   width: 100%;
   overflow: hidden;
}

.broker-list__slider-scroll {
   position: absolute;
   bottom: 0;
   width: 300px;
   height: 5px;
   left: 50%;
   transform: translateX(-50%);
   background: #eaefff;
   border-radius: 10px;
}

.broker-list__slider-scroll--progress {
   height: 100%;
   background: #ffca50;
   border-radius: 10px;
   width: 20%;
   cursor: pointer;
   position: relative;
   max-width: 100%;
}

.broker-list__container .broker-list__item--container {
   width: 100%;
}

.numeric-elements__item {
   border: 1px solid #ccc;
   color: #999;
   background: #fff;
   text-align: center;
   padding: 5px 10px;
   border-radius: 5px;
   text-decoration: none;
   transition: 0.3s;
}

.numeric-elements__item:hover,
.numeric-elements__item.active {
   background: #273b98;
   color: #fff !important;
}

.numeric-elements__container {
   grid-column: 1 / span 2;
   justify-content: center;
   display: flex;
   gap: 10px;
}

.broker-list__item-logo {
   width: 260px;
   grid-column: 1;
   height: 350px;
   object-fit: contain;
   border-right: 1px solid #eaefff;
   grid-row: 1 / span 6;
}

.broker-list__item-logo.text-logo__container {
   display: grid;
}

.broker-list__item-logo.text-logo__container h1 {
   text-align: center;
   width: 100%;
   word-wrap: break-word;
   font-size: 20px;
   height: fit-content;
   align-self: center;
}

.broker-list__item-permalink {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 350px;
   background: none;
}

.broker-list__item-rating,
.broker-list__item-tel,
.broker-list__item-address,
.broker-list__item-mail {
   display: flex;
   gap: 10px;
}

.broker-list__item-link {
   width: 240px;
   height: 40px;
   padding: 10px;
   padding-top: 8px;
   display: block;
   margin-top: 30px;
   color: #fff;
   border: 1px solid #d4dbf2;
   box-sizing: border-box;
   border-radius: 20px;
   background: linear-gradient(224.39deg, #fc9f47 2.1%, #d73777 64.48%, #8f44b2 98.23%);
   text-decoration: none;
   text-align: center;
}

/* \brocker-list */

/* filter-form  */
.filter-form {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 70px;
   padding: 0 0 60px;
   width: 100%;
}

.filter-form__title {
   font-size: 18px;
   color: #fff;
   text-align: center;
   width: 100%;
   font-weight: 300;
   grid-column: 1 / span 3;
}

.filter-form__option {
   transition: 0.3s;
}

.filter-form__selector {
   background: #fff;
   border-radius: 50px;
   padding: 10px 25px;
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #819ec7;
}

.filter-form__ratingBox,
.filter-form__radioBox {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
   transition: 0.3s;
   background: #fff;
   border-radius: 50px;
}

.filter-form__selector:hover .filter-form__ratingBox,
.filter-form__selector:hover .filter-form__radioBox {
   opacity: 1;
}

.filter-form__selector.checked .filter-form__ratingBox,
.filter-form__selector.checked .filter-form__radioBox {
   opacity: 1;
}

.filter-form__radioBox {
   display: flex;
   gap: 10px;
   padding: 10px;
   box-sizing: border-box;
   cursor: pointer;
}

.filter-form__radioBox.checked {
   opacity: 1;
}

.filter-form__selector:hover .filter-form__option,
.filter-form__selector.checked .filter-form__option {
   transform: translateY(-50px);
   color: #fff;
}

.filter-form__radioBox.checked::before {
   width: 30%;
}

.filter-form__radioBox::before {
   content: "No";
   background: linear-gradient(224.39deg, #fc9f47 2.1%, #d73777 64.48%, #8f44b2 98.23%);
   padding: 5px 10px;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 70%;
   transition: 0.3s;
   border-radius: 50px;
   font-weight: 900;
}

.filter-form__radioBox::after {
   content: "Yes";
   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: 30%;
   border-radius: 50px;
   font-weight: 900;
}

.filter-form__radioBox.checked::before {
   width: 30%;
}

.filter-form__radioBox.checked::after {
   width: 70%;
}

.filter-form__popap-button {
   background: #273b98;
   text-align: center;
   width: 100%;
   height: 70px;
   cursor: pointer;
   color: #fff;
   border: none;
   font-size: 18px;
   border-radius: 50px;
}

/* \filter-form */

/* filter-popap */
.filter-popap {
   position: fixed;
   width: 101%;
   height: 101vh;
   background: rgba(0, 0, 0, 0.6);
   display: flex;
   top: 0;
   left: 0;
   display: none;
   z-index: 100;
   align-items: center;
   justify-content: center;
}

.filter-popap__container {
   background: #fff;
   padding: 30px;
   padding-top: 0;
   display: grid;
   box-sizing: border-box;
   top: 50%;
   left: 50%;
   height: 700px;
   width: 1000px;
   transform: translateY(-50%) translateX(-50%);
   overflow-x: hidden;
   overflow-y: auto;
   align-items: self-start;
   position: absolute;
   grid-template-columns: 1fr 1fr 1fr;
   column-gap: 50px;
   row-gap: 30px;
}

.filter-popap__title {
   width: calc(100% + 60px);
   left: -30px;
   top: 10px;
   font-size: 30px;
   position: relative;
   color: #273b98;
   line-height: 50px;
   grid-column: 1 / span 3;
   padding: 30px;
   box-sizing: border-box;
   border-bottom: 1px solid #eaefff;
}

.filter-popap__close {
   position: absolute;
   width: 30px;
   height: 30px;
   top: 10px;
   right: 10px;
   border: none;
   background: none;
   transform: rotate(45deg);
}

.filter-popap__close img {
   width: 30px;
   height: 30px;
}

.filter-popap__item {
   height: fit-content;
   margin-top: 10px;
   border-top: 1px solid #eaefff;
}

.filter-popap__item-input,
.filter-popap__input-box {
   width: 70px;
   height: 30px;
   background: #f8faff;
   color: #5277f7;
   padding: 0 5px;
   margin: 0 5px;
   border: 1px solid #d4dbf2;
}

.filter-popap__input-box {
   width: 100%;
   margin: 0;
}

.filter-popap__item-input--box {
   display: inline-block;
   position: relative;
}

.filter-popap__item-input--box:not(.change)::before {
   content: attr(value) " " attr(symbol);
   display: block;
   position: absolute;
   overflow: hidden;
   top: 4px;
   left: 10px;
   width: 70px;
   background: #f8faff;
   height: 20px;
   font-size: 16px;
   color: #c2cff9;
   letter-spacing: -1px;
}

.filter-popap__item.leverage .filter-popap__item-input--box:not(.change)::before {
   content: "1:" attr(value);
}

.checkBox,
.radioBox {
   display: flex;
   align-items: center;
   margin-bottom: 5px;
   cursor: pointer;
   font-size: 14px;
   line-height: 30px;
   color: #969696;
}

.checkBox::before,
.radioBox::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;
}

.checkBox.checked::before,
.radioBox.checked::before {
   content: "✔";
}

.filter-popap__flag {
   color: #333;
   font-size: 16px;
   width: 100%;
   font-weight: 900;
   display: block;
   margin-top: 20px;
   margin-bottom: 20px;
   margin-right: 0px;
   bottom: 20px;
}

.filter-popap__checkbox-block {
   overflow-x: hidden;
   overflow-y: auto;
   max-height: 120px;
}

.filter-popap__checkbox-block::-webkit-scrollbar {
   width: 6px;
}

.filter-popap__checkbox-block::-webkit-scrollbar-track {
   background: #eaefff;
}

.filter-popap__checkbox-block::-webkit-scrollbar-thumb {
   background-color: #eaefff;
   border-radius: 20px;
   border: 3px solid #819ec7;
}

.filter-popap__control {
   display: flex;
   grid-column: 1 / span 3;
   justify-content: center;
   align-items: center;
   gap: 20px;
   border-top: 1px solid #eaefff;
   padding: 30px 0;
   margin-top: 100px;
   position: relative;
}

.filter-popap__clear-button {
   background: linear-gradient(224.39deg, #fc9f47 2.1%, #d73777 64.48%, #8f44b2 98.23%);
   border-radius: 20px;
   color: #fff;
   width: 240px;
   cursor: pointer;
   height: 40px;
   border: none;
}

.filter-popap__submit {
   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%
   );
   border-radius: 20px;
   color: #fff;
   width: 240px;
   height: 40px;
   cursor: pointer;
   border: none;
}

/* \filter-popap */

/* filters-block */
.filters-block {
   padding: 0;
}

.filters-block .search-block,
.filters-block .article-list,
.filters-block .broker-list {
   padding: 0;
}

.filters-block__container {
   display: grid;
   width: 100%;
   box-sizing: border-box;
   gap: 20px;
   justify-content: center;
   align-items: flex-start;
   grid-template-columns: 66% 34%;
   padding-bottom: 50px;
}

.article-list {
   grid-column: 1 / span 2;
   margin-right: 120px;
}

.slick-dots li {
   position: relative;
   display: inline-block;
   width: 40px;
   height: 6px;
   margin: 0 5px;
   padding: 0;
   border-radius: 10px;
   transition: 0.3s;
   cursor: pointer;
   background: #eaefff;
   transform: scaleX(2);
}

li.slick-active {
   background: #ffca50;
   border-radius: 50px;
   z-index: 1;
}

.slick-dots li button:before {
   display: none;
}

.search-block__title {
   margin-top: 60px;
}

.filters-block .article-list__slide--container:hover {
   cursor: pointer;
   transform: scale(1.1);
   position: relative;
   z-index: 10;
}

.filters-block .article-list__slide--container:hover img {
}

.filters-block .article-list {
   margin: auto;
   box-sizing: content-box;
   width: 1630px;
   border-top: 1px solid #eaefff;
}

/* \filters-block */

/* First screen */
.first-screen {
   height: 570px;
   position: relative;
}

.first-screen__bg-container {
   position: absolute;
   top: 50px;
   right: 100px;
}

.first-screen__container {
   max-width: 830px;
   padding-left: 120px;
   padding-top: 140px;
}

.first-screen__title {
   font-size: 64px;
   color: #273b98;
   font-weight: bold;
   margin-bottom: 40px;
}

.first-screen__desc {
   font-size: 30px;
   font-style: normal;
   line-height: 40px;
   color: #819ec7;
   margin-bottom: 60px;
}

.first-screen__search-form {
   max-width: 830px;
}

.search-form__form-selector {
   border-radius: 40px 0px 0px 40px;
   border: 1px solid #eaefff;
   background: #f8faff;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   padding-left: 40px;
   position: relative;
   color: #819ec7;
   width: 260px;
}

.search-form__form-selector::after {
   content: " ";
   position: absolute;
   top: 50%;
   right: 20px;
   height: 18px;
   width: 9px;
   transition: 0.3s;
   /* background-image: url(<?= get_template_directory_uri() ?>/img/arrow.svg); */
   background-repeat: no-repeat;
   background-position: center center;
   background-size: contain;
   transform: translateY(-50%) rotate(90deg);
}

.search-form__form-findBox {
   position: absolute;
   top: 100%;
   left: 0;
   padding: 10px;
   z-index: 10;
   width: 90%;
   display: flex;
   flex-wrap: wrap;
}

.form-findBox__item-criteriaBox {
   grid-column: 2;
}

.form-findBox__item {
   display: grid;
   grid-template-columns: 80px auto;
   width: fit-content;
   margin: 5px;
   padding: 10px;
   background: #fff;
   height: fit-content;
   transition: 0.3s;
   cursor: pointer;
   align-items: flex-start;
   transform: scale(1);
}

.form-findBox__item:hover {
   transform: scale(1.1);
}

.form-findBox__item-title {
   font-size: 14px;
   font-weight: 900;
}

.form-findBox__item-link {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   box-shadow: 1px 1px 3px #6f70f4;
}

.form-findBox__item-img {
   width: 70px;
   grid-row: 1 / span 3;
   height: 70px;
   object-fit: cover;
}

.form-findBox__item-criteria {
   font-size: 10px;
   display: block;
}

.search-form__form-selector.open::after {
   transform: translateY(-50%) rotate(270deg);
}

.search-form__form-item--selected {
   padding: 10px;
   transition: 0.3s;
   position: relative;
   display: block;
   max-width: 120px;
}

.form-findBox__item--container.hidden {
   display: none;
}

.form-findBox__item-rating img {
   width: 10px;
   height: 10px;
}

.search-form__container {
   max-width: 800px;
}

.search-form {
   background: #fff;
   border-radius: 40px;
   border: 1px solid #eaefff;
   height: 80px;
   display: flex;
   position: relative;
}

.search-form__form-submit {
   position: absolute;
   top: 50%;
   height: 40px;
   width: 40px;
   right: 20px;
   transform: translateY(-50%);
   color: #d4dbf2;
   cursor: pointer;
   background: none;
   border: none;
}

.search-form__form-submit img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.search-form__form-box {
   position: absolute;
   top: 80px;
   border-left: 1px solid #eaefff;
   border-right: 1px solid #eaefff;
   border-bottom: 1px solid #eaefff;
   border-radius: 0px 0px 10px 10px;
   background: #f8faff;
   z-index: 10;
   width: 177px;
   display: none;
}

.search-form__form-item {
   display: block;
   cursor: pointer;
   padding: 10px;
   width: 100%;
   box-sizing: border-box;
}

.search-form__form-item.selected {
   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%
   );
   color: #fff;
}

.first-screen__test-button {
   background: linear-gradient(224.39deg, #fc9f47 2.1%, #d73777 64.48%, #8f44b2 98.23%);
   border-radius: 40px;
   width: 400px;
   height: 60px;
   text-align: center;
   border: none;
   margin-left: auto;
   margin-top: 40px;
   font-size: 18px;
   cursor: pointer;
   display: block;
   font-weight: bold;
   color: #fff;
}

.search-form__form-input {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   padding-left: 40px;
   position: relative;
   width: 100%;
}

.search-form__form-input input {
   height: 50px;
   width: 90%;
   border: none;
   font-size: 18px;
   outline: 0;
}

.search-form__form-input input:placeholder {
   color: #d4dbf2;
}

/* \First screen */

/* footer */
.footer {
   width: 100%;
   box-sizing: border-box;
   height: 100px;
   /* margin-top: 50px; */
}

.footer__container {
   width: 100%;
   height: 100%;
   padding: 0 120px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   box-sizing: border-box;
}

.footer__link {
   font-size: 21px;
   line-height: 28px;
   color: #819ec7;
   font-style: normal;
   text-decoration: none;
   margin-right: 40px;
}

.footer__social-links {
   margin-left: auto;
   display: flex;
   align-items: center;
   gap: 20px;
}

.footer__button {
   color: #fff;
   border: none;
   width: 405px;
   font-size: 18px;
   text-align: center;
   padding-top: 17px;
   box-sizing: border-box;
   height: 60px;
   margin-left: 50px;
   text-decoration: none;
   border-radius: 40px;
   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%
   );
}

/* \footer */

/* #forum */
#af-wrapper {
   padding: 2px 120px;
   min-height: 800px;
}

.forum__title {
   margin: 20px 0;
   text-align: center;
   color: #273b98;
   font-weight: bold;
}

#bbpress-forums {
   max-width: 1200px;
   margin: auto;
   padding: 50px 0;
}

#bbpress-forums div.bbp-forum-author img.avatar,
#bbpress-forums div.bbp-reply-author img.avatar,
#bbpress-forums div.bbp-topic-author img.avatar {
   box-shadow: 0px 0px 10px #eaefff;
   border: 1px solid #eaefff;
}

#bbpress-forums div.bbp-forum-header,
#bbpress-forums div.bbp-reply-header,
#bbpress-forums div.bbp-topic-header {
   background-color: #d4dbf2;
}

#bbpress-forums div.bbp-reply-author .bbp-author-name,
#bbpress-forums div.bbp-topic-author .bbp-author-name {
   color: #333;
   text-decoration: none;
}

.lark-forum__info {
   margin-bottom: 20px;
}

span.bbp-admin-links a {
   color: #707070;
   font-weight: 400;
   font-size: 10px;
   background: none;
   font-weight: 600;
   transition: 0.3s !important;
   border: 1px solid #b5bedb !important;
   padding: 5px 10px;
   border-radius: 50px;
   background: rgba(255, 255, 255, 0);
   display: inline-block;
   text-transform: uppercase;
   text-decoration: none;
}

span.bbp-admin-links a:hover {
   background: rgba(255, 255, 255, 1);
   color: #333;
}

.favorite-toggle {
   border: 1px solid #c0c8e3;
   padding: 10px 30px;
   color: #fff;
   background: linear-gradient(224.39deg, #fc9f47 2.1%, #d73777 64.48%, #8f44b2 98.23%);
   border-radius: 50px;
   text-decoration: none;
   font-weight: 600;
}

.bbp-topic-tags {
   opacity: 0;
}

.subscription-toggle {
   border: 1px solid #c0c8e3;
   padding: 10px 30px;
   color: #fff;
   background: #5277f7;
   border-radius: 50px;
   text-decoration: none;
   font-weight: 600;
}

#bbpress-forums li.bbp-footer,
#bbpress-forums li.bbp-header {
   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%
   );
   color: #fff;
}

#bbpress-forums li.bbp-header {
   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%
   );
   color: #fff;
}

div.bbp-template-notice,
div.indicator-hint {
   border-radius: 59px;
   text-align: center;
   background-color: #a8f7f5;
   border-color: transparent;
   box-shadow: 0px 0px 10px #eaefff;
   color: #000;
   padding: 5px 0;
}

.button.submit {
   border: 1px solid #c0c8e3;
   padding: 10px 50px;
   color: #fff;
   background: linear-gradient(224.39deg, #fc9f47 2.1%, #d73777 64.48%, #8f44b2 98.23%);
   border-radius: 50px;
   text-decoration: none;
   font-weight: 600;
}

.lark-forum-control {
   display: flex !important;
   background: none !important;
   align-items: center;
   height: 50px !important;
   justify-content: space-between;
}

.title-element__control {
   width: 100%;
   background: #256db3;
   border: none;
   margin: 20px;
   height: 40px;
   border-radius: 30px;
   color: #fff;
   transform: scale(1);
   transition: 0.3s;
   cursor: pointer;
}

.title-element__control:hover {
   transform: scale(1.1);
}

.lark-forum__search #forum-search {
   float: none !important;
   width: 100% !important;
   background: #fff !important;
   border: 1px solid #819ec7 !important;
   margin: 20px 0 !important;
   padding: 0px 20px !important;
   border-radius: 50px !important;
}

/* \#forum */

/* HEADER */
.header {
   width: 100%;
   height: 100px;
   background: #fff;
   border-bottom: 1px solid #eaefff;
}

.header__container {
   padding: 30px 120px;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.header__mobile-nav--button {
   display: none;
}

.header__mobile-nav {
   display: none;
}

.header__nav-bar {
   display: flex;
   gap: 30px;
}

.header__social-links {
   margin-left: 20px;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.nav-bar__item {
   cursor: pointer;
   position: relative;
   color: #819ec7;
   font-size: 21px;
}

.nav-bar__item-link--active {
   display: none;
}

.nav-bar__item a {
   text-decoration: none;
   color: #819ec7;
   font-style: normal;
}

.nav-bar__submenu--L2 .nav-bar__submenu-item a {
   color: #333;
}

.nav-bar__item::before {
   content: " ";
   background: #819ec7;
   height: 3px;
   width: 0%;
   bottom: -3px;
   transition: 0.3s;
   left: 50%;
   transform: translateX(-50%);
   position: absolute;
}

.nav-bar__item:hover::before {
   width: 100%;
}

.error-404 {
   width: 100%;
   text-align: center;
   padding: 50px 0;
   font-size: 23px;
   background: #ccc;
   color: #fff;
   margin: 10px 0;
}

.social-links__item-link {
   color: #000;
   text-decoration: none;
   display: block;
   width: fit-content;
   height: fit-content;
}

.social-links__item-link img {
   width: 60px;
   height: 60px;
}

.header__button {
   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: 20px 60px;
   font-size: 18px;
   color: #fff;
   text-decoration: none;
   border: none;
   font-weight: bold;
   border-radius: 50px;
}

.social-links__item {
   margin-left: 20px;
}

.nav-bar__submenu {
   position: absolute;
   top: 20px;
   left: -100px;
   display: none;
   z-index: 50;
}

.nav-bar__submenu-container {
   margin-top: 50px;
   background: #fff;
   width: 400px;
   box-shadow: 0px 0px 15px 5px #eaefff;
   padding: 30px 0px;
   position: relative;
}

.nav-bar__submenu-title--mob,
.nav-bar__submenu-backlink--mob,
.nav-bar__submenu-close--mob {
   display: none;
}

.nav-bar__submenu-item {
   padding: 10px 30px;
   font-size: 18px;
   width: 100%;
   box-sizing: border-box;
}

.nav-bar__submenu-item.has_child .nav-bar__submenu-link::after {
   content: " ";
   position: absolute;
   top: 50%;
   right: 20px;
   width: 6px;
   height: 12px;
   /* background-image: url(<?= get_template_directory_uri() ?>/img/arrow.svg); */
   background-repeat: no-repeat;
   background-position: center center;
   background-size: contain;
   transform: translateY(-50%);
   color: #d4dbf2;
}

.nav-bar__submenu-link {
   position: relative;
   display: block;
   font-size: 18px;
   width: 100%;
   color: #819ec7;
   transition: 0.3s;
}

.nav-bar__submenu-link:hover {
   transform: scale(1.1);
}

.nav-bar__submenu--L2 {
   position: absolute;
   width: 100%;
   top: 0;
   color: #333;
   height: 100%;
   z-index: -1;
   padding-top: 20px;
   border-left: 1px solid #eaefff;
   box-shadow: none;
   font-size: 16px;
   box-sizing: border-box;
   left: 0%;
   transition: 1s;
   animation-duration: 1s;
   animation-name: slidein;
}

.nav-bar__submenu-item:hover .nav-bar__submenu--L2,
.nav-bar__submenu-link:hover ~ .nav-bar__submenu--L2 {
   left: 100%;
   background: #fff;
   box-shadow: 0px 0px 15px 5px #eaefff;
}

.nav-bar__submenu--L2 .nav-bar__submenu-item {
   padding: 8px 30px;
   text-decoration: underline;
}

/* \HEADER */

/* news-block */
.news-block {
   /* background-image: url(<?= get_template_directory_uri() ?>/img/grey_bg.svg); */
   background-size: cover;
   text-align: center;
   height: 700px;
   padding-top: 200px;
   box-sizing: border-box;
   margin-top: -200px;
   z-index: -1;
}

.news-block__container {
   margin: 0 120px;
}

.news-block__title {
   color: #273b98;
   font-size: 64px;
   margin: 60px 0;
}

.news-block__desc {
   color: #819ec7;
   font-size: 30px;
}

.news-block__submit {
   color: #fff;
   border-radius: 40px;
   border: none;
   width: 550px;
   margin: auto;
   display: block;
   text-decoration: none;
   font-size: 30px;
   margin-top: 60px;
   padding: 20px;
   box-sizing: border-box;
   height: 80px;
   font-weight: bold;
   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%
   );
}

/* \news-block */

/* review-block */
.review-block {
}

.review-block__container {
   padding: 60px 120px;
}

.review-block__title {
   font-size: 64px;
   line-height: 64px;
   font-weight: 700;
   color: #273b98;
   text-align: center;
   width: 100%;
   margin-bottom: 70px;
}

.review-block__list {
   display: flex;
   gap: 20px;
}

.review-block__item-full--show {
   cursor: pointer;
}

.review-block__item {
   cursor: pointer;
   border: 1px solid #eaefff;
   box-sizing: border-box;
   box-shadow: 0px 0px 10px #eaefff;
   padding: 30px;
   width: 550px;
   display: grid;
   position: relative;
   align-items: flex-start;
   grid-template-rows: auto 1fr auto;
   grid-template-columns: 1fr 1fr;
   transition: 0.5s;
}

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

.review__item::before {
   content: " ";
   opacity: 0;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background: #d3f5ff;
   z-index: -1;
   transition: 0.5s;
}

.review__item.accent_rewiev::before {
   opacity: 1;
}

.review-block__item-name {
   grid-row: 1;
   grid-column: 1;
   margin-bottom: 30px;
}

.review-block__item-name .review-block__item-name--title {
   font-size: 24px;
   line-height: 33px;
   font-weight: 900;
   display: block;
   text-decoration: none;
   color: #273b98;
}

.review-block__item-name .review-block__item-name--cat {
   font-size: 14px;
   line-height: 20px;
   color: #819ec7;
}

.review-block__item-rating {
   grid-row: 1;
   grid-column: 2;
   height: 50px;
   display: flex;
   justify-content: flex-end;
   align-items: center;
   gap: 7px;
}

.review-block__item-rating img {
   width: 25px;
   height: 25px;
}

.review-block__item-content {
   grid-row: 2;
   grid-column: 1 / span 2;
}

.review-block__item-content h3 {
   color: #333333;
   font-size: 16px;
   line-height: 22px;
   margin-bottom: 10px;
}

.review-block__item-content p {
   color: #969696;
   font-size: 16px;
   line-height: 22px;
   margin-bottom: 10px;
}

.review-block__item-content a {
   color: #5277f7;
}

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

.review__status--cheat {
   color: #ff0000;
   font-weight: 900;
   font-size: 12px;
   display: flex;
   gap: 5px;
}

.review__status--official {
   display: flex;
   gap: 5px;
   color: #273b98;
   font-size: 12px;
   font-weight: 900;
   margin-top: -10px;
   color: #ff0000;
}

/* \review-block */

/* search-block */
.search-block {
   height: fit-content;
   min-height: 400px;
   display: grid;
   align-items: center;
   justify-content: center;
   width: 100%;
   padding: 20px;
   box-sizing: border-box;
   flex-wrap: wrap;
   gap: 60px;
   grid-row: 1;
   grid-column: 1 / span 2;
   margin-bottom: 60px;
   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%
   );
}

.search-block__title {
   width: 100%;
   text-align: center;
   font-size: 36px;
   color: #fff;
   box-sizing: border-box;
   width: 1400px;
   line-height: 36px;
   font-weight: 300;
}

.search-block__field {
   max-width: 860px;
   width: 100%;
}

.search-block .vote-block__button-test {
   width: fit-content;
   max-width: 600px;
   padding: 0 30px;
   display: block;
   margin: auto;
}

.search-block .search-block__field {
   margin: auto;
}

/* \search-block */

/* tags-block */
.tags-block {
   border: 1px solid #eaefff;
   box-shadow: 0 0 10px #eaefff;
   padding: 20px;
   margin-right: 120px;
}

.tags-block__item {
   position: relative;
   display: flex;
   text-decoration: none;
   gap: 10px;
   align-items: center;
   padding: 20px 0;
   border-bottom: 1px solid #eaefff;
}

.tags-block__item:last-child {
   border: none;
}

.tags-block__item img {
   width: 40px;
   height: 40px;
   object-fit: contain;
}

.tags-block__item p {
   color: #819ec7;
}

.tags-block__item span {
   position: absolute;
   top: 50%;
   right: 0;
   color: #819ec7;
   padding: 5px 10px;
   background: #eaefff;
   border-radius: 50px;
   transform: translateY(-50%);
}

/* \tags-block */

/* team-block */
.team-block {
}

.team-block__container {
   padding: 60px 100px;
}

.team-block__title {
   font-size: 64px;
   line-height: 64px;
   color: #273b98;
   margin-top: 60px;
   margin-bottom: 60px;
   text-align: center;
}

.team-block__desc {
   font-size: 18px;
   line-height: 24px;
   text-align: center;
   color: #969696;
}

.team-block__list {
   display: flex;
   justify-content: center;
   gap: 20px;
   flex-wrap: wrap;
   margin-top: 30px;
}

.team-block__item {
   padding: 30px;
   width: 320px;
   border: 1px solid #eaefff;
   box-sizing: border-box;
   box-shadow: 0 0 10px #eaefff;
}

.team-block__item img {
   border-radius: 50%;
   width: 260px;
   height: 260px;
   margin: auto;
   margin-bottom: 20px;
}

.team-block__item h2 {
   color: #333;
   font-size: 18px;
   line-height: 25px;
}

.team-block__item span {
   color: #819ec7;
}

.team-block__item hr {
   margin: 30px 0;
}

.team-block__item p {
   line-height: 22px;
   color: #969696;
}

/* \team-block */

/* 404 */
.NotFound-page__search-block {
   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%
   );
   width: 100%;
   display: flex;
   justify-content: center;
   min-height: 840px;
   box-sizing: border-box;
   padding-bottom: 100px;
   align-content: center;
   flex-wrap: wrap;
}

.NotFound-page__title {
   font-size: 140px;
   color: #fff;
   width: 100%;
   text-align: center;
}

.NotFound-page__subtitle {
   font-size: 64px;
   line-height: 64px;
   width: 100%;
   color: #fff;
   text-align: center;
   opacity: 0.3;
   text-transform: uppercase;
}

.NotFound-page__desc {
   color: #fff;
   text-align: center;
   line-height: 18px;
   width: 100%;
   max-width: 1100px;
   display: block;
   margin: auto;
   font-size: 18px;
   margin-top: 60px;
   margin-bottom: 60px;
}

.review__item-name {
   word-break: break-word;
}

section.latest .container {
   width: 100% !important;
   margin: 0 !important;
   max-width: 100% !important;
}

.latest__wrapper-top {
   display: flex;
   gap: 2rem;
   row-gap: 10px;
   justify-content: space-between;
   align-items: start;
   flex-direction: row;
   flex-wrap: wrap;
}
.latest__wrapper-top_title {
   font-size: 24px;
}
.latest__wrapper-top_text {
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 0.88rem;
   text-decoration: underline;
   text-decoration-skip-ink: none;
   color: #819ec7;
}

.about h1,
.about h2 {
   font-family: var(--font-family);
   font-weight: 700;
   font-size: 1.5rem;
   color: #000;
   text-align: left;
   line-height: 120%;
}
.container {
}
.about__title {
}
.about__textblock p {
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 1.12rem;
   line-height: 167%;
   color: #5f5f5f;
}
.about__textblock h2 {
   display: block;
   margin-top: 40px;
}
.about__textblock p {
   display: block;
   margin-top: 40px;
}
.about__body {
   margin-top: 40px;
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 40px;
}
.about__item {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 20px;
}
.about__img {
}
.about__text {
   align-items: center;
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 1.12rem;
   line-height: 167%;
   text-align: center;
   color: #5f5f5f;
}

@media (max-width: 1396px) {
   .about__body {
      grid-template-columns: repeat(2, 1fr);
   }
   .about {
      padding: 0;
   }
}
@media (max-width: 551px) {
   .about__body {
      grid-template-columns: repeat(1, 1fr);
   }
}

.contacts {
}
.container {
}
.contacts {
   padding: 0;
}
section.contacts .container {
   max-width: 100% !important;
   width: 100%;
   margin: 0 !important;
}
.contacts__title {
   font-family: var(--font-family);
   font-weight: 700;
   font-size: 1.5rem;
   color: #000;
   line-height: 120%;
   text-align: left;
}
.contacts__desc {
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 1.12rem;
   color: #5f5f5f;
}
.contacts__desc a {
   text-decoration: underline;
   text-decoration-skip-ink: none;
   color: #5277f7;
}

.thanks h1,
.thanks p {
   text-align: center;
}

.contacts__form {
   margin-top: 40px;
   padding: 20px;
   background: #eaefff;
   display: flex;
   flex-wrap: wrap;
   gap: 20px;
}
.contacts__item {
   flex: 1 1 calc(33% - 10px);
}
.contacts__item:last-of-type {
   flex: 1 1 100%;
}
.contacts__item textarea {
   border: none;
   width: 100%;
   min-height: 120px;
}
.contacts__item input {
   border: none;
   width: 100%;
   display: block;
   background: #fff;
   padding: 15px;
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 0.88rem;
   color: #969696;
}
.contacts__btn {
}
.btn {
}

.about__btn {
   padding-top: 20px !important;
   padding-bottom: 20px !important;

   background: #ff7a00 !important;
   width: max-content !important;
   margin-top: 25px !important;
   display: block !important;
   width: max-content !important;
   margin-left: auto !important;
   margin-right: auto !important;
}

#contacts .inner p {
   /* font-family: var(--font-family);
   font-weight: 400;
   font-size: 1.88rem;
   text-align: center;
   color: #fff; */
}

.menu-item a {
   display: block;
   width: 100%;
}

@media (max-width: 651px) {
   .review-404 {
      font-size: 20px;
      line-height: 120%;
   }
}
@media (max-width: 651px) {
   .economy__title {
      word-wrap: break-word;
      font-size: 30px;
      line-height: 120%;
   }
}

@media (max-width: 951px) {
   .contact__wrapper-block_left {
      margin-bottom: 0 !important;
   }
   section.company {
      margin-top: 0 !important;
   }
}

.team__title {
   color: #000;
   text-align: left;
}
.team__text {
   text-align: left;
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 1.12rem;
   color: #5f5f5f;
}

.team__desc {
   margin-top: 40px;
}

.team__desc p {
   margin-top: 20px;
}

/* .item-footer__like {
   display: none;
} */
.item-footer__like {
   transition: all 0.3s ease;
}
.item-footer__like.is_checked {
   background: #b9c5e9;
}
.admin-button-to-edit {
   border: 3px double #fff;
   padding: 5px 20px;
   background: #000;
   position: relative;
   color: #fff;
   cursor: pointer;
   width: max-content;
}

.review-404 {
   background: transparent !important;
   font-size: 20px !important;
}
.grafic__container {
}
.grafic {
}

.broker-block__popap-close {
   top: 0 !important;
   right: 0 !important;
}

.company__left-top {
   flex-wrap: wrap;
   column-gap: 1rem;
}

.company__news-slider {
   flex: 0 0 460px;
}

.company__left-top {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 2rem;
}

.contact__wrapper-block {
   flex: 0 0 calc(50% - 1rem) !important;
   align-items: center !important;
}
.company__news-slider {
   flex: 1 0 450px !important;
}

.contact__wrapper-block_right {
   flex: 0 1 calc(100% - 250px);
}

.contact__wrapper-block_left {
   /* width: 250px !important; */
   flex: 1 0 250px !important;
}

.btn-centered {
   margin-left: auto;
   margin-right: auto;
}

.contact__wrapper-block_items {
   overflow: hidden;
   word-wrap: break-word;
}

.rating-grafic__container {
   overflow: hidden;
}

@media (max-width: 651px) {
   .about__btn {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      line-height: 200%;
   }
}
/* 
@media (max-width: 1601px) {
   .contact__wrapper-block_left {
      width: 125px !important;
      flex: 0 0 125px !important;
   }
   .contact__wrapper-block_right {
      width: 100% !important;
      flex: 0 1 calc(100% - 150px);
   }
} */
.card__btn-wrapper {
   flex-wrap: wrap;
   row-gap: 1rem;
}
.contact__wrapper-block_spisok li span {
   flex: 0 0 14px;
   display: block;
   width: 14px;
}
.item__ratings-wrapper {
   row-gap: 1rem;
   flex-wrap: wrap;
}

.card__btn-wrapper > * {
   width: max-content;
   margin-left: 0;
   margin-right: 0;
}
.contact__wrapper-block_right {
   width: 0 !important;
}
@media (max-width: 600px) {
   .card__btn-wrapper {
      flex-wrap: wrap;
      row-gap: 1rem;
   }
   .contact__wrapper-block_spisok li span {
      flex: 0 0 14px;
      display: block;
      width: 14px;
   }
   .item__ratings-wrapper {
      row-gap: 1rem;
      flex-wrap: wrap;
   }

   .card__btn-wrapper > * {
      width: max-content;
      margin-left: 0;
      margin-right: 0;
   }
   .contact__wrapper-block_right {
      width: 100% !important;
   }

   .contact__wrapper-block_btn {
      padding-left: 0;
      padding-right: 0;
      text-align: center;
      width: 100%;
   }
}

.modals__filter-checkbox label {
   display: inline-block;
}

.header {
   z-index: 100 !important;
}
.contact__tags {
   flex-wrap: wrap;
}
.contact__wrapper-block_right {
   width: 100%;
   row-gap: 5px;
}

.popular {
   margin-top: 2rem;
}
.popular__title {
   text-align: center;
   display: inline-block;
   margin-bottom: 10px;
   width: 100%;
}
@media (max-width: 1200px) {
   .popular .contact__wrapper-block,
   .contact__slider .contact__wrapper-block {
      flex: 0 0 auto !important;
   }
   .contact__wrapper-block {
      flex: 0 0 100% !important;
   }
}
.sidebar__mobile {
   display: none;
}

.item__rate-all,
.item__rate-good,
.item__rate-mid,
.item__rate-low {
   cursor: pointer;
}
.criteria__text {
   text-transform: capitalize;
}
.criteria__text span:after {
   content: ", ";
}
.criteria__text span:last-child:after {
   content: "";
}
@media (max-width: 769px) {
   .contact .contact__wrapper-block_btn {
      width: 100%;
      padding-left: 10px;
      padding-right: 10px;
   }
   .popular .contact__wrapper-block_btn {
      padding-left: 10px;
      padding-right: 10px;
      width: 100%;
   }
   .popular .contact__wrapper-block_left {
      flex: 0 0 200px !important;
   }
   .popular .contact__wrapper-block_right {
      flex: 0 1 calc(100% - 200px);
      padding: 10px;
   }

   .sidebar__mobile {
      display: block;
      margin-top: 20px;
   }
   .sidebar__pc {
      display: none;
   }
}