/*!
Theme Name: shelfy-new
Theme URI:
Author: Fobiya
Author URI:
Description: Description
Version: 1.0.00022
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: shelfy-new
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

shelfy-new is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

.hidden {
    display: none;
}

.hidden {
    visibility: hidden;
}

.dashicons, .dashicons-before:before {
    font-family: dashicons !important;
}


body.contact_us .popup_bg {
    opacity: 1;
    visibility: visible;
}

.popup_bg {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: rgba(99, 107, 111, 0.8);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s linear;
    z-index: 100;
}

.dsp-pc {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.menu__icon {
    display: none;
}

.dsp_mobile {
    display: none;
}

.preloader {
    position: fixed;
    top: calc(50% - 33px);
    left: calc(50% - 33px);
    display: none;
    z-index: 999;
}

.breadcrumbs {
    /*margin: 24px 0 40px 0;*/
}

.breadcrumbs-main {
    color: var(--New-Colors, #111);
    text-align: center;
    font-family: var(--m);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    text-decoration: none;
}

.breadcrumbs-blog {
    color: var(--ash-gray-6, #9EA7AB);
    text-align: center;
    font-family: var(--m);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    text-decoration: none;
}

.breadcrumbs-article {
    color: var(--ash-gray-6, #9EA7AB);
    text-align: center;
    font-family: var(--m);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    text-decoration: none;
}

.dscontainer {
    max-width: 1284px;
    margin: 0 auto;
}

.container_secondary {
    margin: 0 auto;
    max-width: 1300px;
    z-index: 2;
    position: relative;
    padding: 0 0.75rem;
}

@media only screen and (min-width: 993px) {
    .container_secondary {
        width: 90%;
    }
}

@media only screen and (min-width: 1300px) {
    .container_secondary {
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    .container_secondary {
        padding: 0 20px;
        width: 100%;
    }
}

@media only screen and (min-width: 601px) {
    .container_secondary {
        width: 95%;
    }
}

.cat-filter_wrap {
    /*margin-bottom: 36px;*/
}

.cat-filter {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    padding-inline-start: 0px;
    margin-block-start: 0px;
    justify-content: flex-start;
    column-gap: 16px;
}

.cat-filter li {
    display: flex;
    margin-bottom: 24px;
}

.cat-filter li a {
    padding: 8px 20px 8px 20px;
    border-radius: 6px;
    gap: 8px;
    color: #000;
    background-color: #EBEEF0;
    font-family: var(--m);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;

}

.cat-filter li a.active {
    background-color: #6689F7;
    color: #fff;
}

.blog-title {
    font-family: var(--r);
    font-size: 24px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 24px;
    line-height: 110%
}

.col-right {
    max-width: 63%;
}

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

.recent_posts-wrap {
    margin-bottom: 88px;
}

.col-right .recent_article-first {
    cursor: pointer;
}

.col-right .recent_article-image {
    margin-bottom: 24px;

}

.col-right .recent_article-image img {
    width: 100%;
    height: auto;
}

.col-right .recent_article-cat {
    display: flex;
    padding: 4px 0px;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    border-radius: var(--logo-border-radius);
    color: #9EA7AB;
    margin-bottom: 12px;
    font-family: var(--m);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;

    text-transform: uppercase;
}

.col-right .recent_article-title {
    color: var(--New-Colors, #111);
    font-family: var(--r);
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 12px;
}

.col-right .recent_article-excerpt {
    color: var(--New-Colors, #111);
    font-family: var(--m);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 12px;
}

.col-right .date_view-wrapper {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
}

.col-right .recent_article-date {
    color: #81898D;
    margin-right: 32px;
}

.col-right .recent_article-views {
    color: #81898D;
}

.col-left {
    /*width: min-content;*/
    width: 35%;
    margin-left: 2%;
}

.col-left .recent_article-second {
    cursor: pointer;
}

.col-left .recent_article-image {
    margin-bottom: 24px;
}

.col-left .recent_article-title {
    font-family: var(--r);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    color: var(--New-Colors, #111);
    margin-bottom: 8px;
}

.col-left .recent_article-excerpt {
    display: none;
}

.col-left .date_view-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.col-left .recent_article-date {
    color: #81898D;
    margin-right: 32px;
}

.col-left .recent_article-views {
    color: #81898D;
}

.col-left .recent_article-third {
    cursor: pointer;
    margin-top: 40px;
}

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

.blog_cat-title {
    margin-bottom: 32px;
}

.article_item-card {

}

.article_item-card--image {
    margin-bottom: 24px;
}

.article_item-card--title {
    display: flex;
    font-family: var(--r);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 8px;
}

.article_item-card--excerpt {
    margin-bottom: 8px;
}

.article_item-card--excerpt p {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
}


.article_item-card--category {
    color: #9EA7AB;
    font-size: 14px;
    font-weight: 600;
    line-height: 140%;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.article_item-card--date {
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    margin-right: 32px;
}

.article_item-card--views {
    display: flex;
    align-items: center;
}

.article_item-card--views img {
    margin-right: 8px;
}

/*
    START OF MENU
 */
.mobile_menu_collapse {
    visibility: hidden;
    opacity: 0;
}

.mobile_menu-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(96, 100, 110, 0.40);
    z-index: 9;
    display: block;
}

.mobile_menu-container {
    display: block;
    position: fixed;
    top: 0;
    right: -280px;
    width: 280px;
    height: 100%;
    background-color: #fff;
    z-index: 10;
    padding: 16px 24px;
    overflow-y: auto;
    transition: right 0.3s ease-in-out;
}

.menu-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none;
}

.mobile_menu-close {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 24px;
}

.mobile_menu_collapse.active {
    visibility: visible;
    opacity: 1;
}

.mobile_menu_collapse.active .mobile_menu-container {
    right: 0;
}

.toggle-item-link {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

.mobile_menu-item {
    border-bottom: 1px solid #F1F3F4;
}


.menu_list-items .mobile_menu-item li a {
    font-family: var(--r);
    color: #636B6F;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}


.mobile_menu-item .mobile_menu-item--title {
    font-family: var(--r);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.mobile_menu-item .newsroom-link {
    display: flex;
    padding: 16px 0;
}

.mobile_menu-item--action {
    padding: 20px 0;
    display: flex;
    align-items: center;
}

.mobile_menu-item--action svg {
    margin-right: 8px;
}

.add_program-link {
    font-family: var(--r);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    color: #4E76F4
}

.mobile_menu-item--list {
    display: none;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.toggle-item-arrow {
    transform: rotate(180deg);
    transition: transform 0.3s ease-in-out;
}

.toggle-item-link {
    cursor: pointer;
}

.toggle-item-programs ul li {
    padding-bottom: 16px;
}

.toggle-item-programs.open .toggle-item-arrow {
    transform: rotate(0);
}


/*
    END OF MENU
 */

/*
   NEWSROOM SINGLE POST
 */
.single-newsroom section.home__6 {
    padding-top: 0;
}

/*
  END OF NEWSROOM SINGLE POST
 */

/*
    NEWSROOM ARCHIVE PAGE START
 */

.post-type-archive-newsroom .breadcrumbs, .tax-newsroom_tag .breadcrumbs {
    /*margin-bottom: 32px;*/
    margin-top: 0;
}

.post-type-archive-newsroom .site-wrap, .tax-newsroom_tag .site-wrap {
    padding-top: 24px;
}


.newsroom_article-title {
    font-style: normal;
    font-size: 32px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 24px;
}

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

.popular_articles-left {
    width: calc(66.66% - 20px);
}

.popular_article-main:hover {
    cursor: pointer;
}

.popular_article-main:hover .popular_article-title {
    color: #6689f7;
}

.popular_article-card:hover {
    cursor: pointer;
}

.popular_article-card:hover .article_item-card--title {
    color: #6689f7;
}

.popular_articles-right {
    width: calc(33.33% - 20px);
}

.popular_article-image {
    margin-bottom: 24px;
}

.popular_article-cat {
    font-size: 16px;
    font-weight: 600;
    line-height: 140%; /* 22.4px */
    text-transform: uppercase;
    color: #9EA7AB;
    margin-bottom: 12px;
}

.popular_article-title {
    display: flex;
    font-family: var(--r);
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 12px;
}

.popular_article-excerpt p {
    font-size: 20px;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 12px;
}

.date_view-wrapper .popular_article-views {
    display: flex;
    align-items: center;
}

.popular_article-views img {
    margin-right: 8px;
}

.popular_article-date {
    margin-right: 32px;
}

.popular_articles-right .popular_article-card:first-child {
    margin-bottom: 40px;
}

.popular_articles-right .article_item-card--excerpt {
    display: none;
}

.article_items-all {
    margin-top: -28px;
    margin-bottom: -28px;
    display: flex;
    flex-wrap: wrap;
}

.article_items-all .post_article:hover {
    cursor: pointer;
}

.article_items-all .post_article:hover .article_item-card--title {
    color: #6689f7;
}

.article_items-all .post_article {
    margin-left: initial !important;
}

.article_items-all .post_article {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
}

/*
    END OF NEWSROOM ARCHIVE PAGE
 */

/*
    MAIN ARTICLE CONTENT START
 */

.single.single-newsroom .site-wrap {
    padding-top: 24px;
}

.single-newsroom .breadcrumbs {
    margin-top: 0;
}

.article-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 46px;
}

.article-author {
    display: flex;
    align-items: center;
    margin-bottom: 28px;
}

.article-author img {
    display: flex;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 24px;
    object-fit: cover;
}

.article-author_description .display_name {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 8px;
}

.article-author_description .position,
.article-author_description .position p {
    color: #4E4E4E;
    font-size: 16px;
    font-weight: 400;
}

.article-content {
    font-size: 18px;
    overflow: hidden;
}

.article-content a,
.article-content b,
.article-content button,
.article-content input,
.article-content label,
.article-content li,
.article-content p,
.article-content span,
.article-content strong {
    font-family: var(--m) !important;
}

.article-content figure {
    width: auto !important;
}

.article-content figure figcaption {
    font-size: 14px;
    margin-bottom: 14px;
}

.article-content a {
    text-decoration: underline;
}

.article-content .content img {
    margin: 48px 0 24px;
}

.article-content .content p ~ figure > img {
    margin: calc(48px - 2rem) 0;
}

.article-content .content p > img {
    margin: calc(48px - 1rem) 0;
}

.article-content blockquote {
    position: relative;
    padding: 40px 60px;
    border: 2px solid #6689F7;
    border-radius: 8px;
}

.article-content blockquote::before {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M20.3082 17.708C22.1952 15.66 22.0052 13.03 21.9992 13V5C21.9992 4.73478 21.8938 4.48043 21.7063 4.29289C21.5188 4.10536 21.2644 4 20.9992 4H14.9992C13.8962 4 12.9992 4.897 12.9992 6V13C12.9992 13.2652 13.1045 13.5196 13.2921 13.7071C13.4796 13.8946 13.734 14 13.9992 14H17.0772C17.0561 14.4944 16.9083 14.9751 16.6482 15.396C16.1402 16.197 15.1832 16.744 13.8022 17.02L12.9992 17.18V20H13.9992C16.7822 20 18.9052 19.229 20.3082 17.708ZM9.30119 17.708C11.1892 15.66 10.9982 13.03 10.9922 13V5C10.9922 4.73478 10.8868 4.48043 10.6993 4.29289C10.5118 4.10536 10.2574 4 9.99219 4H3.99219C2.88919 4 1.99219 4.897 1.99219 6V13C1.99219 13.2652 2.09754 13.5196 2.28508 13.7071C2.47262 13.8946 2.72697 14 2.99219 14H6.07019C6.04906 14.4944 5.90134 14.9751 5.64119 15.396C5.13319 16.197 4.17619 16.744 2.79519 17.02L1.99219 17.18V20H2.99219C5.77519 20 7.89819 19.229 9.30119 17.708Z" fill="%234E76F4"%3E%3C/path%3E%3C/svg%3E');
    display: block;
    position: absolute;
    top: 16px;
    left: 16px;
    width: 24px; /* Adjust width and height as needed */
    height: 24px;
}

.article-content blockquote * {
    margin: 0 !important;
}

.article-content h2 {
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    margin: 2rem 0 1rem;
}

.article-content h3, .article-content h4 {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    margin: 1rem 0;
}

.site-wrap .article-content ul, .box__info ul {
    margin: 1rem 0;
}


.site-wrap .article-content span {
    font: inherit !important;
    color: inherit !important;
}

.site-wrap .article-content ul li, .box__info ul li {
    line-height: 150%;
    position: relative;
    padding-left: 25px;
}


.site-wrap .article-content ul li:before, .box__info ul li:before {
    content: '\2022'; /* Unicode character for a bullet point */
    color: #000; /* Adjust color as needed */
    font-size: 1.2em; /* Adjust size as needed */
    position: absolute;
    left: 5px;
    top: -2px;
}

.site-wrap .article-content ol, .box__info ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 22px;
}

.site-wrap .article-content ol li, .box__info ol li {
    list-style-type: decimal;
    line-height: 150%;
}


body.single .article-content .content b {
    font: inherit;
    font-weight: bold;
}

.article-content {
    max-width: 880px;
    width: 100%;
}

.article-aside {
    max-width: 350px;
}

.article-aside a {
    display: flex;
    margin-bottom: 24px;
}

.all_article-wrap {
    display: flex;
    flex-direction: row;
    /* justify-content: space-between; */
    flex-wrap: wrap;
}

.all_article-image {
    margin-bottom: 24px;
    max-width: 398px;
    /*    height: 272px;*/
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

.all_article-image img {
    width: 100%;
    height: auto;
}

.all_article-cat {
    color: var(--ash-gray-6, #9EA7AB);
    font-family: var(--m);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    /* 19.6px */
    text-transform: uppercase;
    margin-bottom: 12px;
}

.all_article-title {
    color: var(--New-Colors, #111);
    font-family: var(--r);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 12px;
}

.all_article-excerpt {
    margin-bottom: 12px;
}

.date_view-wrapper {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    color: #81898D;
    font-weight: 500;
}

.all_article-date {
    color: #81898D;
    margin-right: 32px;
}

.all_article-views {
    color: #81898D;
}

.load_more-button {
    color: var(--ash-gray-0, #FFF);
    text-align: center;
    font-family: var(--r);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    padding: 13px 40px;
    border-radius: 6px;
    background: #4DA04F;
    margin: 48px auto;
    width: fit-content;
    cursor: pointer;
}

.load-more {
    width: 100%;
}

.load-more-button {
    color: var(--ash-gray-0, #FFF);
    text-align: center;
    font-family: var(--r);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    padding: 13px 40px;
    border-radius: 6px;
    background: #4DA04F;
    /*margin: 48px auto;*/
    margin: 0 auto;
    width: fit-content;
    cursor: pointer;
}

.article-cat {
    color: var(--ash-gray-6, #9EA7AB);
    font-family: var(--m);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    /* 19.6px */
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 20px;

}

.article-title {
    color: var(--New-Colors, #111);
    font-family: var(--r);
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    padding-bottom: 28px;
}

.article_date_view-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding-bottom: 48px;
}

.article_article-date {
    color: var(--ash-gray-7, #81898D);
    text-align: center;
    font-family: var(--m);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-right: 32px;
}

.article_article-views {
    color: var(--ash-gray-7, #81898D);
    font-family: var(--m);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.article_article-views img {
    margin-right: 5px;
    vertical-align: bottom;
}

.article-image {
    margin: 0 auto;
    margin-bottom: 48px;
    width: 100%;
    max-width: 1040px;
}

.article-image img {
    width: 100%;
    height: auto;
}

/*
    END OF MAIN ARTICLE CONTENT
 */

/*
    START OF SEARCH PAGE
 */

body.search-no-results .breadcrumbs {
    display: none;
}

.search-results .site-wrap {
    padding-top: 24px;
}

.search-header h1 {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 26px;
}

.search-content {
    /*max-width: 880px;*/
    width: 100%;
}

.article_card {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 40px;
}

body.search .article_card {
    justify-content: start;
}

.article_card .article_card-title {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 12px;
}

.article_card .article_card-thumbnail {
    flex: 0 0 400px;
    max-height: 225px;
}

.article_card .article_card-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    overflow: hidden;
}

.article_card .article_card-excerpt {
    margin-bottom: 12px;
}

.not-found-title {
    font-size: 24px;
    margin-bottom: 32px;
    font-weight: 500;
}

.not-found-description {
    margin-bottom: 32px;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    color: #4E4E4E;
}

.search-wrapper .search-form {
    display: flex;
    justify-content: center;
}

.search-wrapper input.search-field {
    height: 40px;
    border-radius: var(--logo-border-radius);
    color: #4e4e4e;
    transition: all .3s linear;
    border: 1px solid #3171ee;
    margin-bottom: 0;
    padding: 0 15px;
    font: 14px/1.2em var(--r);
    margin-right: 24px;
}

.search-wrapper .search-submit {
    background: #6689f7;
    padding: 0 24px;
    color: #fff;
    font: 500 14px/1.3em var(--r);
    white-space: nowrap;
    border-radius: var(--logo-border-radius);
}

@media screen and (max-width: 768px) {
    .article_card {
        flex-wrap: wrap;
    }

    .article_card .article_card-title {
        font-size: 20px;
    }

    .article_card-excerpt p {
        font-size: 15px;
    }
}

/*
    END OF SEARCH PAGE
 */

.read_also-title {
    color: var(--New-Colors, #111);
    font-family: var(--r);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 28.8px */
}

.read_also-wrapper {
    padding-top: 48px;
    max-width: 1040px;
    margin: 0 auto;
    padding-bottom: 80px;
}

.read_also-article {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 24px;
}

.read_also-img {
    margin: 0 32px 0px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 156px;
    height: 112px;
}

.read_also-img img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}

.read_also-title {
    color: var(--New-Colors, #111);
    font-family: var(--r);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 24px;
}

.read_also-posttitle a {
    color: var(--New-Colors, #111);
    font-family: var(--r);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-decoration: none;
}

.article-crms__section {
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 64px;
}

.article-crms__wrapper {
    /* margin-top: 160px; */
    min-width: 0;

}

.article-crms__block_title {
    color: var(--New-Colors, #111);
    font-family: var(--r);
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    margin-bottom: 40px;

}

.article-crms__items {
    /* display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 306px; */
}

.article-crms__item {
    padding: 24px 32px;
    border-radius: var(--logo-border-radius);
    border: 1px solid var(--ash-gray-3, #D6DCDF);
    background: var(--ash-gray-0, #FFF);
    height: auto;

}

.article-crms__item_head {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}

.article-crms__item-logo {
    width: 100px;
    height: 100px;
    padding: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;

}

.article-crms__item-logo img {
    width: 100%;
    height: auto;
}

.article-crms__item_text {
}

.article-crms__title {
    margin-bottom: 12px;
}

.article-crms__title a {
    color: #000;
}

.article-crms__title a:hover {
    text-decoration: none;
}

.article-crms__rating {
    margin-bottom: 12px;
}

.article-crms__price {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #9EA7AB;
}

.article-crms__price .currency {
    margin-right: 5px;
}

.article-crms__price .amount {
    color: #52595c;
}

.excerpt {
    max-width: 348px;
}

.swiper-pagination-bullet-active {
    color: #6689F7;
}

@media screen and (max-height: 1198px) {
    .mobile_menu_collapse .toggle-item-programs {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .article-wrapper {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 768px) {
    .article-title {
        font-size: 24px;
        padding-bottom: 20px;
    }

    .article_date_view-wrapper {
        padding-bottom: 20px;
    }

    .article-content {
        font-size: 16px;
    }

    .article-content h2 {
        font-size: 22px;
    }

    .article-content h3 {
        font-size: 20px;
    }

    .article_item-card--title {
        font-size: 20px;
    }

    .article_item-card--category {
        font-size: 14px;
    }

    .popular_articles-left {
        width: 100%;
        margin-bottom: 32px;
    }

    .popular_articles-right {
        width: auto;
        display: flex;
        margin: -20px;
    }

    .popular_articles-right .popular_article-card {
        margin: 20px;
        flex: 0 0 calc(50% - 40px);
    }


    .popular_articles-wrap {
        flex-wrap: wrap;
    }

    .dscontainer {
        max-width: 710px;
        margin: 0 auto;
    }

    .col-right {
        max-width: 100%;
        margin-bottom: 32px;
    }

    .col-right .recent_article-image img {
        width: 100%;
        object-fit: cover;
        height: auto;
    }

    .col-left {
        margin-left: 0px;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .recent_article-second {
        width: 45%;
    }

    .col-left .recent_article-third {
        width: 45%;
        margin-top: 0;
    }

    .col-left .recent_article-image a img {
        width: 100%;
        height: auto;

    }

    .all_article-image a img {
        width: 100%;
        height: auto;
    }

    .all_article-wrap {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        flex-wrap: wrap;
    }

    .article-image {
        width: 100%;
    }

    .article-image img {
        width: 100%;
        height: auto;
    }

    .popular_article-cat {
        font-size: 16px;
    }

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

    .popular_article-excerpt p {
        font-size: 18px;
    }


    .date_view-wrapper {
        font-size: 14px;
    }

    .content .wp-block-image img {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 600px) {
    .single-newsroom section.home__6 .post_article:not(:last-child) {
        padding-bottom: 20px;
    }

    .mobile_menu_collapse .toggle-item-programs {
        display: block;
    }

    .single-newsroom section.home__6 .post_article .all_article-image {
        margin-bottom: 12px;
    }

    .single-newsroom section.home__6 .post_article .all_article-cat {
        margin-bottom: 8px;
    }

    .single-newsroom section.home__6 > .container:first-child > .row:nth-child(2) {
        margin-bottom: 0;
    }

    .dsp_mobile {
        margin-bottom: 24px;
    }
}

@media screen and (max-width: 414px) {
    .cat-filter_wrap {
        margin-bottom: 20px;
    }

    .dscontainer {
        max-width: 320px;
        margin: 0 auto;
    }

    .dsp_mobile {
        display: block;
    }

    .dsp-pc {
        display: none;
    }

    .col-right .recent_article-title {
        color: var(--New-Colors, #111);
        font-family: var(--r);
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        /* 21.6px */

    }

    .col-right .recent_article-excerpt {
        color: var(--New-Colors, #111);
        font-family: var(--m);
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        /* 21px */
    }

    .recent_article-second {
        width: 100%;
    }

    .col-left .recent_article-third {
        width: 100%;
        margin-top: 32px;
    }

    .col-left .recent_article-excerpt {
        display: block;
    }

    .menu__icon {
        z-index: 5;
        display: block;
        position: absolute;
        right: 35px;
        width: 30px;
        height: 18px;
        top: 15px;
        cursor: pointer;
    }

    .menu__icon span {
        left: 0;
        position: absolute;
        height: 10%;
        width: 100%;
        transition: all 0.3s ease 0s;
        background-color: #000;
        top: 50%;
        transform: scale(1) translate(0px, -50%);
    }

    .menu__icon::before {
        left: 0;
        position: absolute;
        height: 10%;
        width: 100%;
        transition: all 0.3s ease 0s;
        background-color: #000;
        content: "";
        top: 0;
    }

    .menu__icon::after {
        left: 0;
        position: absolute;
        height: 10%;
        width: 100%;
        transition: all 0.3s ease 0s;
        background-color: #000;
        content: "";
        bottom: 0;
    }

    .menu__icon._active span {
        transform: scale(0) translate(0px, -50%);
    }

    .menu__icon._active::before {
        top: calc(50% - 1px);
        transform: rotate(-45deg) translate(0px, -50%);
    }

    .menu__icon._active::after {
        bottom: calc(50% - 1px);
        transform: rotate(45deg) translate(0px, -50%);
    }

    .menu__body {
        position: fixed;
        top: 50px;
        left: -100%;
        width: 100%;
        /* height: 100%; */
        /* background-color: rgba(0, 0, 0, 0.9); */
        padding: 30px 30px 30px 30px;
        transition: left 0.3s ease 0s;
        overflow: auto;
    }

    .menu__body::before {
        content: "";
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        height: 70px;
        /* background-color: rgba(0, 0, 0, 0.5); */
        z-index: 2;
    }

    .menu__body._active {
        left: 0;
        background-color: #fff;
    }

    .menu__list {
        text-align: center;
    }

    .menu__list > li {
        flex-wrap: wrap;
        margin: 0px 0px 30px 0px;
    }

    .menu__list > li:last-child {
        margin-bottom: 0;
    }

    .menu__list > li._active .menu__sub-list {
        display: block;
    }

    .menu__link {
        font-size: 24px;
    }

    .popular_articles-right {
        flex-wrap: wrap;
    }

    .popular_articles-right .article_item-card--excerpt {
        display: block;
    }

    .popular_article-title {
        font-size: 18px;
    }

    .popular_article-excerpt p {
        font-size: 15px;
        line-height: 140%;

    }

    .article_item-card--title {
        font-size: 18px;
    }

    .article_item-card--excerpt p {
        font-size: 15px;
    }

    .popular_articles-right .popular_article-card {
        flex: 0 0 calc(100% - 40px);
    }

    .article_item-card--category {
        font-size: 13px;
    }

    .newsroom_article-title {
        font-size: 28px;
        margin-bottom: 32px;
    }
}

/* START INTEGRATOR ARCHIVE PAGE =====================================================================================*/

body.post-type-archive-integrator .site-wrap.box__arhive .crm_list .item {
    width: 100%;
}

body.post-type-archive-integrator .site-wrap.box__arhive .crm_list .item.starred_item::before {
    right: initial;
    left: 40px;
}

body.post-type-archive-integrator .site-wrap.box__arhive .crm_list .item .inner {
    display: flex;
    flex-direction: row;
    padding: 32px;
    gap: 32px;
}

@media screen and (max-width: 1200px) {
    body.post-type-archive-integrator .site-wrap.box__arhive .crm_list .item .inner {
        flex-direction: column;
    }
}

body.post-type-archive-integrator .site-wrap.box__arhive .crm_list .head {
    min-width: 300px;
    height: 100%;
    border-right: 1px solid #D6DCDF;
    padding-right: 9px;
    margin: 0;
}

@media screen and (max-width: 600px) {
    body.post-type-archive-integrator .site-wrap.box__arhive .crm_list .head {
        width: unset;
    }
}

body.post-type-archive-integrator .site-wrap.box__arhive .crm_list .head .logo {
    border-radius: 50%;
    padding: 0;
}

body.post-type-archive-integrator .site-wrap.box__arhive .crm_list .head .logo img {
    border-radius: 50%;
}

body.post-type-archive-integrator .site-wrap.box__arhive .crm_list .excerpt {
    max-width: unset;
    /*padding-left: 40px;*/
}

body.post-type-archive-integrator .site-wrap.box__arhive .crm_list .excerpt .logo-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 32px;
}

body.post-type-archive-integrator .site-wrap.box__arhive .crm_list .excerpt .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d6dcdf;
    border-radius: var(--logo-border-radius);
    aspect-ratio: 1;
    padding: 4px;
    margin: 0;
    width: 48px;
    background: #fff;
}

/* END INTEGRATOR ARCHIVE PAGE =======================================================================================*/

/* START INTEGRATOR SINGLE POST ======================================================================================*/

.breadcrumbs-mobile a {
    font-family: var(--m);
    font-size: 14px;
    font-weight: 500;
    color: #4E4E4E;
    margin-left: 10px;
}

.breadcrumbs-mobile {
    display: none;
}

@media screen and (max-width: 600px) {
    .breadcrumbs {
        display: none;
    }

    .breadcrumbs-mobile {
        display: block;
        /*padding: 0 20px;*/
        padding: 0;
    }
}

body.single .integrator .head {
    justify-content: space-between;
    gap: 60px;
}

body.single .integrator .head .main {
    display: flex;
}

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

.mobile_rating_price .col {
    padding: 0;
}

.amount {
    font-weight: bold;
}

body.single .integrator .head .logo {
    padding: 0;
}

body.single .integrator .head .links {
    /*width: 700px;
    margin-left: 20px;*/
    display: flex;
    flex-direction: column;
    width: 304px;
    min-width: 304px;
    margin: 0;
    gap: 20px;
}

body.single .integrator .head .links button {
    width: 100%;
    cursor: pointer;
    border: 0;
    padding: 15px 20px;
    align-self: stretch;
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    gap: 12px;
    color: #000;
}

body.single .integrator .head .links a {
    width: 100%;
}

body.single .integrator .head .links button .button-label {
    position: relative;
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    font-family: var(--r);

    text-align: center;
    padding: 0;
}

body.single .integrator .head .links button.dark-blue {
    color: #FFFFFF;
    background-color: #6689F7;
}

body.single .integrator .head .links button.light-blue {
    color: #4E76F4;
    background-color: #FFFFFF;
    border: 1px solid #4E76F4;
}

body.single .integrator .head .links button.light-green {
    color: #4DA04F;
    background-color: #FFFFFF;
    border: 1px solid #4DA04F;
}

body.single .integrator .head .links .site_url {
    margin: 0;
}

@media screen and (max-width: 991px) {
    body.single .integrator .head {
        flex-direction: column;
        gap: 32px;
    }

    body.single .integrator .head .links {
        width: 100%;
        flex-direction: row;
        gap: 20px;
    }
}

@media screen and (max-width: 767px) {
    body.single .integrator .head .rating {
        display: flex;
    }
}

@media screen and (max-width: 600px) {
    body.single .integrator .head .links {
        flex-direction: column;
        gap: 12px;
    }
}

.tablet_links div {
    width: 100%;
}

body.single .integrator .content_block,
body.single .integrator .content_block.baner img {
    width: 1100px;
    margin: auto;
}

@media screen and (max-width: 1280px) {
    body.single .integrator .content_block,
    body.single .integrator .content_block.baner img {
        width: 100%;
    }
}

body.single .integrator ul, body.single .integrator #about li {
    list-style-type: disc;
}

body.single .integrator .short_text ol li {
    list-style-type: decimal;
}

body.single .integrator #about #languages ul, body.single .integrator #about #languages li {
    list-style-type: none;
    margin-left: 0;
}

body.single .integrator #about li {
    margin-left: 20px;
}

body.single .integrator .subtitle {
    font-weight: bold;
    margin-bottom: 15px;
}

body.single .integrator figure {
    width: auto !important;
}

body.single .integrator .content_block .content,
body.single .integrator .content_block .content a {
    font-size: 16px;
    margin-bottom: 20px;
}

body.single .integrator .content_block blockquote {
    position: relative;
    padding: 40px 60px;
    border: 2px solid #6689F7;
    border-radius: 8px;
}

body.single .integrator .content_block blockquote::before {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M20.3082 17.708C22.1952 15.66 22.0052 13.03 21.9992 13V5C21.9992 4.73478 21.8938 4.48043 21.7063 4.29289C21.5188 4.10536 21.2644 4 20.9992 4H14.9992C13.8962 4 12.9992 4.897 12.9992 6V13C12.9992 13.2652 13.1045 13.5196 13.2921 13.7071C13.4796 13.8946 13.734 14 13.9992 14H17.0772C17.0561 14.4944 16.9083 14.9751 16.6482 15.396C16.1402 16.197 15.1832 16.744 13.8022 17.02L12.9992 17.18V20H13.9992C16.7822 20 18.9052 19.229 20.3082 17.708ZM9.30119 17.708C11.1892 15.66 10.9982 13.03 10.9922 13V5C10.9922 4.73478 10.8868 4.48043 10.6993 4.29289C10.5118 4.10536 10.2574 4 9.99219 4H3.99219C2.88919 4 1.99219 4.897 1.99219 6V13C1.99219 13.2652 2.09754 13.5196 2.28508 13.7071C2.47262 13.8946 2.72697 14 2.99219 14H6.07019C6.04906 14.4944 5.90134 14.9751 5.64119 15.396C5.13319 16.197 4.17619 16.744 2.79519 17.02L1.99219 17.18V20H2.99219C5.77519 20 7.89819 19.229 9.30119 17.708Z" fill="%234E76F4"%3E%3C/path%3E%3C/svg%3E');
    display: block;
    position: absolute;
    top: 16px;
    left: 16px;
    width: 24px;
    height: 24px;
}

body.single .integrator .content_block .content.price-per-hour,
body.single .integrator .content_block .content.project-price {
    display: flex;
    align-items: center;
    gap: 10px;
}

body.single .content a.show-all-cities,
body.single .content a.show-all-industry {
    font-family: var(--m);
    font-size: 16px;
    font-weight: 500;
}

body.single .content a.hide-all-cities,
body.single .content a.hide-all-industry {
    display: none;
}

body.single .content a.hide-all-cities img,
body.single .content a.hide-all-industry img {
    transform: rotate(180deg);
}

a.show-all-cities img, a.show-all-industry img {
    margin-bottom: -5px;
}

body.single .integrator .tabs {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px 32px 4px;
    gap: 56px;

    font-size: 18px;
    font-weight: 400;

    width: 100%;
    height: 56px;
    left: 80px;
    top: 330px;

    border-bottom: 1px solid #D2DAF5;
    margin-bottom: 24px;

    overflow: visible;
}

@media screen and (max-width: 600px) {
    body.single .integrator .tabs {
        padding-left: 0;
        gap: 32px;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }

    body.single .integrator .tabs::-webkit-scrollbar {
        display: none;
    }
}

body.single .integrator .tab {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 0px 16px;
    gap: 8px;

    height: 45px;

    flex: none;
    order: 0;
    flex-grow: 0;

    cursor: pointer;

    border-bottom: 2px solid transparent; /* Початкова границя (прозора) */
    transition: border-bottom 1s ease; /* Змініть тривалість і тип переходу за потребою */

    transition: color 0.5s ease; /* Змініть тривалість і тип переходу за потребою */

    font-family: var(--r);
}

body.single .integrator .tab.active {
    border-bottom: 2px solid #4E76F4;
    color: #4E76F4;
    opacity: 1;
    cursor: default;
    font-weight: 500;
}

body.single .integrator .tab:hover {
    color: #4E76F4;
    opacity: 1;
}

body.single .integrator div#content-description {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

body.single .integrator .excerpt-industry,
body.single .integrator .excerpt-cities {
    height: 168px;
    overflow: hidden;
}

#about .row {
    display: flex;
    flex-wrap: wrap;
}

#about #office {
    font-size: 14px;
    margin: 10px 0;
}

body.single .integrator .article-aside {
    margin-top: 135px;
}

/* START PROGRAMS =================================================================================================== */

body.single .integrator #content-programs {
    min-height: 530px;
}

body.single .integrator #content-programs .dropdown-check-list {
    margin-left: 0;
}

body.single .integrator .site-wrap.box__arhive .crm_list .item,
body.single .integrator .site-wrap.box__arhive .crm_list .inner {
    min-height: 0;
}

body.single .integrator .site-wrap.box__arhive .crm_list .inner {
    padding: 24px;
}

body.single .integrator .site-wrap.box__arhive .crm_list .head {
    margin-bottom: 0;
}

body.single .integrator .site-wrap.box__arhive .crm_list .head .logo {
    margin-right: 24px;
}

body.single .integrator .site-wrap.box__arhive .crm_list .head .name {
    max-width: 244px;
}

/* END INTEGRATOR SINGLE POST */

/* START CASES ====================================================================================================== */
body.single-service #content-cases .cases {
    display: flex;
    width: 1100px;
    padding-bottom: 80px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

body.single-service #content-cases .grid {
    display: flex;
    width: 950px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}

body.single-service #content-cases .article {
    display: flex;
    width: 950px;
    height: 228.667px;
    align-items: flex-start;
    gap: 24px;
}

body.single-service #content-cases .img {
    width: 400px;
    height: 225px;
    flex-shrink: 0;
    border-radius: 4px;
    background: #EEF1F7;
}

body.single-service #content-cases .content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    align-self: stretch;
}

body.single-service #content-cases .meta {
    display: flex;
    align-items: center;
    gap: 32px;
    align-self: stretch;

    flex-direction: row; /* перекриваю стилі з index.css */
    justify-content: flex-start; /* перекриваю стилі з index.css */

    color: var(--Ash-gray-7, #81898D);
    font-family: var(--m);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 19.6px */
}

body.single-service #content-cases .views { /* Frame 222*/
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}

body.single-service #content-cases .title {
    display: flex;
    padding-bottom: 24px;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;

    border-bottom: 1px solid #D2DAF5;

    color: var(--New-Colors, #111);
    font-family: var(--r);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 31.2px */
}

body.single-service #content-cases a .article:hover .title {
    color: var(--New-Color-Second-Blue, #4E76F4);
}

body.single-service #content-cases .details {
    display: flex;
    align-self: stretch;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

body.single-service #content-cases .program-label {
    color: var(--Text-2, #4E4E4E);
    font-family: var(--m);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

body.single-service #content-cases .program-name {
    color: var(--Text-1, #1D2022);
    font-family: var(--m);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

body.single-service #content-cases .nothing {
    text-align: center;
    width: 100%;
}

@media screen and (max-width: 1200px) {
    body.single-service #content-cases .cases {
        width: 704px;
        padding-bottom: 72px;
    }

    body.single-service #content-cases .grid {
        width: 704px;
        align-self: stretch;
    }

    body.single-service #content-cases .article {
        width: 100%;
        height: auto;
        align-self: stretch;
    }

    body.single-service #content-cases .img {
        width: 300px;
        height: 168px;
        flex-shrink: 0;
        border-radius: 3px;
    }

    body.single-service #content-cases .content {
        gap: 16px;
    }

    body.single-service #content-cases .title {
        padding-bottom: 16px;
        border-bottom: 1px solid #D2DAF5;

        color: var(--Text-1, #1D2022);
        font-size: 18px;
        line-height: 28px;
    }
}

@media screen and (max-width: 600px) {
    body.single-service #content-cases .cases {
        width: 100%;
        padding-bottom: 72px;
    }

    body.single-service #content-cases .grid {
        width: 100%;
    }

    body.single-service #content-cases .article {
        flex-direction: column;
        gap: 16px;
    }

    body.single-service #content-cases .img {
        width: 100%;
        height: auto;
        border-radius: 3px;
    }
}

/* END OF CASES */

/* START CASES FILTERS ===============================================================================================*/

.dropdown-check-list {
    display: inline-block;

    border-radius: var(--logo-border-radius);
    border: 1px solid #D2DAF5;
    padding: 0 5px 0 0;
    gap: 0 8px;
    height: 36px;
    font: 400 16px/1.3em var(--r);
    margin-left: 25px;
}

.dropdown-check-list .anchor {
    position: relative;
    cursor: pointer;
    display: inline-block;
    padding: 7px 30px 5px 15px;
    font-family: var(--r);
    font-size: 15px;
}

.dropdown-check-list .anchor:after {
    position: absolute;
    content: "";
    border-left: 1px solid black;
    border-top: 1px solid black;
    padding: 3px;
    right: 10px;
    top: 35%;
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.dropdown-check-list.visible .anchor:after {
    top: 50%;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.dropdown-check-list ul.items {
    padding: 2px;
    display: none;
    margin: 10px 0 0 -2px;
    border: 1px solid #ccc;
    border-radius: var(--logo-border-radius);
}

.dropdown-check-list ul.items li {
    list-style: none;
    margin-left: 0;
    padding: 5px;
}

.dropdown-check-list ul.items li:hover {
    background: #ebf2ff;
    color: #6689f7
}

.dropdown-check-list ul.items li input[type=checkbox] {
    margin: 0 10px;
}

.dropdown-check-list ul.items li label {
    font-family: var(--r);
    font-size: 16px;
    line-height: 30px;
    cursor: pointer;
}

.dropdown-check-list.visible .items {
    display: block;
    position: absolute;
    background: #ffffff;
    z-index: 999;
}

/* END CASES FILTERS */

/* START INTEGRATOR PAGE REVIEWS TAB --------------------------------------------------------------------------------*/

.content_block.comments .reviews_list .header .author {
    display: flex;
    align-items: center;
}

.content_block.comments .reviews_list .header .author img {
    margin-right: 16px;
}

/* END INTEGRATOR PAGE REVIEWS TAB */
/* START INTEGRATOR PAGE REVIEWS TAB POPUP WINDOW---------------------------------------------------------------------*/

.experience .program_list {
    height: 200px;
    overflow: scroll;
}

.experience .program_list .program_item {
    height: 71px;
    border: 1px solid #E4E7E9;
    padding: 12px;

    display: flex;
    align-items: center;
    justify-content: left;

    margin: 5px;
    border-radius: var(--logo-border-radius);

    font-family: var(--r);
    font-weight: 500;
    font-size: 16px;

    transition: all 0.5s;
}

.experience .program_list .program_item:hover {
    border: 1px solid #4E76F4;
    background: #fafcff;
    cursor: pointer;
}

.experience .program_list .program_item.active {
    border: 1px solid #4E76F4;
    color: #4E76F4;
    background: #fafcff;
}

.experience .program_list .program_item .program_logo {
    height: 48px;
    width: 48px;
    padding: 8px;
    border: 1px solid #E4E7E9;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-right: 15px;
}

#for-comment {
    display: inline !important;
}

#comment-counter {
    float: right;
    font: var(--m);
    font-size: 14px;
    font-weight: 500;
}

body.commentform .popup_commentform textarea.character_count_error {
    border: 1px solid #fc3838;
}

.comment-form-avatar {
    margin-bottom: 20px;
}

.comment-form-avatar .avatar_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.comment-form-avatar .avatar_list .avatar_item {
    border: 1px solid #E4E7E9;
    padding: 7px 22px;
    border-radius: var(--logo-border-radius);
    transition: all 0.5s;
    flex: 0 0 23%;
    margin: 3px;
}

.comment-form-avatar .avatar_list .avatar_item:hover {
    border: 1px solid #4E76F4;
    background: #fafcff;
}

.comment-form-avatar .avatar_list .avatar_item.active {
    border: 1px solid #4E76F4;
    color: #4E76F4;
    background: #fafcff;
}

#commentform [type=submit].inactive {
    pointer-events: none;
    background: #4E76F466;
    border-color: #4E76F466;
}

.comment-form .agree {
    font-family: var(--m);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;

    margin-top: 15px;
}

.comment-form .agree a {
    color: #4E76F4;
    text-decoration: underline;
}

#pinContainer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 12px;
    margin-top: 20px;
}

.pinInput {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px;
    gap: 8px;
    text-align: center;

    border: 1px solid #D6DCDF;
    border-radius: var(--logo-border-radius);

    width: 40px;
    height: 40px;

    font-family: var(--r);
    font-style: normal;
    font-weight: 400;
}

body.adding-comment-verification-done .popup_adding-comment .title {
    font-family: var(--r);
    font-weight: 500;
    font-size: 20px;
}

.popup_adding-comment p {
    color: #4E4E4E;
    text-align: center;
    font: 400 16px/1.3em var(--r);
    margin-top: 20px;
}

.popup_adding-comment p.error {
    font-weight: 400;
    font-size: 15px;
    color: red;
}

.popup_adding-comment p a {
    font-family: var(--r);
    font-weight: 400;
    font-size: 15px;
    color: #4E76F4;
}

#resend.inactive {
    pointer-events: none; /* Заборонити взаємодію з неактивним елементом */
    color: #4E76F466
}

.timer {
    font-size: 15px;
    visibility: hidden;
}

.popup_adding-comment .submit {
    padding: 0 24px;
    line-height: 38px;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    background: #3171ee;
    border: 1px solid #3171ee;
    border-radius: var(--logo-border-radius);
    text-decoration: none;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    position: unset;
    height: 40px;
    width: 230px;
}

button.submit.button-preloader {
    background: url(/wp-content/themes/shelfy-new/img/preloader.gif) no-repeat #3171ee;
    display: inline;
    background-size: 20px;
    background-position-x: 35px;
    background-position-y: 50%;
}

.popup_adding-comment .submit.inactive {
    background-color: #4E76F466;
    pointer-events: none;
}

.popup_adding-comment .change_email {
    padding: 0 24px;
    line-height: 38px;
    font-weight: 600;
    font-size: 14px;
    border-radius: var(--logo-border-radius);
    text-decoration: none;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    color: #3171ee;
    border: 1px solid #3171ee;
    background: #fff;
    height: 40px;
    width: 230px;
}

/* END INTEGRATOR PAGE REVIEWS TAB POPUP WINDOW */

/* START INTEGRATOR PAGE REVIEWS TAB POPUP VERIFICATION DONE WINDOW (COPIED FROM popup_adding-comment)----------------*/
body.adding-comment-verification-done .popup_adding-comment-verification-done {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 100%;
    height: auto;
    padding: 40px 0;
    overflow: auto;
    z-index: 101
}

body.adding-comment-verification-done .popup_adding-comment-verification-done .inner {
    display: block;
    width: 488px;
    height: auto;
    position: relative;
    top: 0;
    left: calc(50% - 244px);
    background: #fafcff;
    -webkit-box-shadow: 0 1px 11px hsla(0, 0%, 46.7%, .25), 0 16px 31px rgba(66, 90, 125, .13);
    box-shadow: 0 1px 11px hsla(0, 0%, 46.7%, .25), 0 16px 31px rgba(66, 90, 125, .13);
    border-radius: 8px;
    padding: 28px 40px
}

body.adding-comment-verification-done .popup_adding-comment-verification-done .close {
    border: none;
    background-color: rgba(0, 0, 0, 0);
    width: 13px;
    height: 13px;
    position: absolute;
    top: 18px;
    right: 20px;
    padding: 0
}

body.adding-comment-verification-done .popup_adding-comment-verification-done .close:after,
body.adding-comment-verification-done .popup_adding-comment-verification-done .close:before {
    border-radius: 1px;
    content: "";
    cursor: pointer;
    display: block;
    height: 1px;
    width: 18px;
    background-color: #9ea7ab;
    position: relative;
    top: 1px;
    left: -3px
}

body.adding-comment-verification-done .popup_adding-comment-verification-done .close:before {
    transform: rotate(45deg)
}

body.adding-comment-verification-done .popup_adding-comment-verification-done .close:after {
    transform: rotate(-45deg);
    top: 0
}

body.adding-comment-verification-done .popup_adding-comment-verification-done .ico {
    text-align: center;
    margin-bottom: 8px
}

body.adding-comment-verification-done .popup_adding-comment-verification-done .ico img {
    height: 40px;
    width: auto
}

body.adding-comment-verification-done .popup_adding-comment-verification-done .title {
    color: #1d2022;
    margin-bottom: 10px;
    text-align: center;
    font: 600 24px/1.3em var(--r)
}

body.adding-comment-verification-done .popup_adding-comment-verification-done .subtitle {
    color: #1d2022;
    text-align: center;
    font: 400 18px/1.3em var(--r)
}

body.adding-comment-verification-done .popup_adding-comment-verification-done .actions {
    text-align: center;
    margin-top: 20px
}

body.adding-comment-verification-done .popup_adding-comment-verification-done .actions,
body.adding-comment-verification-done .popup_adding-comment-verification-done .actions .close {
    display: flex;
    align-items: center;
    justify-content: center
}

body.adding-comment-verification-done .popup_adding-comment-verification-done .actions .close {
    padding: 0 24px;
    line-height: 38px;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    background: #3171ee;
    border: 1px solid #3171ee;
    border-radius: var(--logo-border-radius);
    text-decoration: none;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    position: unset;
    width: 115px;
    height: 40px
}

body.adding-comment-verification-done .popup_adding-comment-verification-done .actions .close:hover {
    background: #6798f8;
    border-color: #6798f8
}

body.adding-comment-verification-done .popup_adding-comment-verification-done .actions .close:active {
    background: #0f52d5;
    border-color: #0f52d5
}

body.adding-comment-verification-done .popup_adding-comment-verification-done .actions .close[disabled] {
    background: #d6dcdf;
    border-color: #d6dcdf
}

body.adding-comment-verification-done .popup_adding-comment-verification-done .actions .close:after,
body.adding-comment-verification-done .popup_adding-comment-verification-done .actions .close:before {
    display: none
}

.popup_adding-comment-verification-done {
    display: none;
    font-family: var(--r);
    font-weight: 500;
    font-size: 20px;
}

.popup_adding-comment-verification-done p {
    color: #4E4E4E;
    text-align: center;
    font: 400 16px/1.3em var(--r);
    margin-top: 20px;
}

/* END INTEGRATOR PAGE REVIEWS TAB POPUP VERIFICATION DONE WINDOW */

/* START INTEGRATOR PAGE ARTICLES TAB --------------------------------------------------------------------------------*/
@media (min-width: 769px) {
    .integrator #content-articles .all_article-image {
        margin-right: 24px;
        float: left;
        margin-bottom: 12px;
    }

    .integrator .article_items-all .post_article {
        margin-bottom: 0 !important;
    }
}

.integrator .load_more-button span {
    margin-left: 10px;
    font-family: var(--r);
}

/* END INTEGRATOR PAGE ARTICLES TAB ----------------------------------------------------------------------------------*/

/* START NEW SINGLE PROGRAM PAGE -------------------------------------------------------------------------------------*/

/* START PROMOCOD */

body.single .promocode {
    color: #FF7C66;
    font-family: var(--r);
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin-left: 20px;
}

body.single .promocode img {
    vertical-align: bottom;
    margin-right: 5px;
}

body.single .mobile_promocode {
    display: none;
    margin-bottom: 24px
}

body.single .content_block.pricelist .promocode {
    margin-left: 0;
    margin-bottom: 20px;
}

/* END PROMOCOD */

/* START INTEGRATORS */

body.single .integrators .title {
    font: 500 24px/1.2em var(--r);
    margin-bottom: 24px;
}

body.single .integrators .inner {
    display: block;
    text-decoration: none;
    color: #1d2022;
    background: #fff;
    border: 1px solid #d6dcdf;
    border-radius: var(--logo-border-radius);
    padding: 20px 20px;
    height: 100%;
    transition: all .3s;
}

body.single .integrators .item {
    margin-bottom: 20px;
}

body.single .integrators .logo {
    height: 84px;
    width: 84px;
    margin-right: 24px;
    /*border-radius: 45px;*/
    padding: 0;
}

body.single .integrators .head {
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
}

body.single .integrators .head .right {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

body.single .integrators .name {
    font-family: var(--r);
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
}

body.single .integrators .amount {
    font-family: var(--r);
    font-weight: 400;
}

body.single .integrators .period {
    font-family: var(--r);
    font-size: 16px;
    font-weight: 400;
}

body.single .integrators .see {
    font-family: var(--r);
    font-size: 16px;
    font-weight: 500;
    color: #4E76F4;
    margin-top: 10px;
}

body.single .integrators .see img {
    vertical-align: text-bottom;
}

/* END INTEGRATORS */

/* START BOTTOM SECTION */

body.single .bottom {
    width: 100%;
    background-color: #fff;
    padding-top: 40px;
}

body.single .bottom .content_block .title h2 {
    font-family: var(--r);
    font-size: 32px;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
}

/* START PROGRAM ARTICLES */

body.single .program-articles .owl-carousel .owl-dots {
    display: none;
    align-items: center;
    justify-content: center;
    margin-top: 16px
}

body.single .program-articles .owl-carousel .owl-dots button {
    width: 8px;
    height: 8px;
    background-color: #b6cfff;
    border-radius: 50%;
    margin: 0 4px;
    transition: all .3s linear
}

body.single .program-articles .owl-carousel .owl-dots button.active {
    background-color: #3171ee
}

body.single .content_block .post_article {
    margin-bottom: 20px;
}

body.single .program-articles .article_item-card--title {
    font-family: var(--r);
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

body.single .program-articles .article_item-card--date,
body.single .program-articles .article_item-card--views {
    font-family: var(--m);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

/* START PROGRAM ARTICLES */

/* START PROGRAM ALTERNATIVES */

body.single .program-alternatives .owl-carousel .owl-dots {
    display: none;
    align-items: center;
    justify-content: center;
    margin-top: 16px
}

body.single .program-alternatives .owl-carousel .owl-dots button {
    width: 8px;
    height: 8px;
    background-color: #b6cfff;
    border-radius: 50%;
    margin: 0 4px;
    transition: all .3s linear
}

body.single .program-alternatives .owl-carousel .owl-dots button.active {
    background-color: #3171ee
}

body.single .crm_list .inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-decoration: none;
    color: #1d2022;
    background: #fff;
    border: 1px solid #d6dcdf;
    border-radius: var(--logo-border-radius);
    padding: 20px 30px;
    height: 100%;
    transition: all .3s;
    min-height: 270px;
}

.single .crm_list .head {
    margin-bottom: 0;
}

.single .crm_list .head .logo {
    align-items: center;
    justify-content: center;
    border: 1px solid #d6dcdf;
    border-radius: var(--logo-border-radius);
    aspect-ratio: 1;
    padding: 12px;
    margin-right: 28px;
    width: 88px;
    height: 88px;
    min-width: 88px;
    background: #fff;
}

.single .crm_list .head .right {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.single .crm_list .head .name {
    color: #1d2022;
    font: 600 20px/1em var(--r)
}

.single .crm_list .head .name {
    margin-bottom: 0;
}

.single .crm_list .head .price .period {
    font: 400 16px/20px var(--m);
    color: #9EA7AB;
}

.single .crm_list .head .price .amount {
    color: #013;
    font: 500 16px/1.3em var(--r)
}

.single .crm_list .excerpt {
    color: #4e4e4e;
    font: 500 14px/20px var(--m);
}

.single .rating-avg {
    justify-content: flex-start;
    gap: 4px;
}

.single .rating-avg {
    font-weight: 500;
    color: #013;
    margin-left: 0;
    margin-top: 2px;
}

.single .rating-avg .count_reviews {
    color: #9ea7ab;
}

/* END PROGRAM ALTERNATIVES */

/* END BOTTOM SECTIONS */

@media only screen and (max-width: 992px) {
    body.single .integrators .head {
        flex-direction: column;
    }

    body.single .integrators,
    body.single .bottom {
        padding-top: 64px;
    }

    body.single .bottom .content_block .title {
        font-size: 24px;
    }

    body.single .program-articles .article_item-card--title {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    body.single .program-articles .owl-carousel .owl-dots,
    body.single .program-alternatives .owl-carousel .owl-dots {
        display: flex;
    }
}

@media screen and (max-width: 767px) {
    body.single .mobile_promocode {
        display: flex;
        margin-left: 0;
    }
}

@media only screen and (max-width: 600px) {
    body.single .integrators_list {
        display: flex;
        overflow-x: scroll;
        margin-bottom: 36px
    }

    body.single .integrators_list .item {
        min-width: 240px;
        padding-right: 0;
    }

    body.single .head {
        align-items: flex-start;
    }

    body.single .bottom {
        padding-top: 48px;
    }

    body.single .bottom .content_block .title {
        font-size: 18px;
    }

    body.single .program-articles .article_item-card--title {
        font-size: 18px;
    }
}

/* START INTEGRATOR LIST NEW SINGLE PROGRAM PAGE ---------------------------------------------------------------------*/

/* END NEW SINGLE PROGRAM PAGE ---------------------------------------------------------------------------------------*/

/* START LIMIT PROGRAM PAGE ------------------------------------------------------------------------------------------*/
body.single-limit_program .sidebar {
    margin-top: 184px;
}

/* END LIMIT PROGRAM PAGE --------------------------------------------------------------------------------------------*/

/* START SERVICE ARCHIVE PAGE ----------------------------------------------------------------------------------------*/

body.post-type-archive-service .site-wrap.box__arhive .crm_list .item,
body.tax-service_cat .site-wrap.box__arhive .crm_list .item {
    width: 100%;
    height: 200px;
    padding: 20px 40px;
    border-radius: var(--logo-border-radius);
    border: 1px solid #D6DCDF;
    display: flex;
    gap: 80px;
    background-color: white;
}

body.tax-service_cat .site-wrap.box__arhive .crm_list .item.highlighted {
    border: 2px solid #FF9864;
    background-color: #FFF8F5;
}

body.post-type-archive-service .site-wrap.box__arhive .crm_list .item:hover,
body.tax-service_cat .site-wrap.box__arhive .crm_list .item:hover {
    border: 1px solid #3171ee;
}

body.post-type-archive-service .site-wrap.box__arhive .crm_list .item .inner,
body.tax-service_cat .site-wrap.box__arhive .crm_list .item .inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    gap: 0;
    min-height: unset;
    border: 0;
    background-color: inherit;
}

body.post-type-archive-service .site-wrap.box__arhive .crm_list .head,
body.tax-service_cat .site-wrap.box__arhive .crm_list .head {
    width: 392px;
    height: 100%;
    border-right: 1px solid #D6DCDF;
    padding-right: 9px;
    margin: 0;
}

body.post-type-archive-service .site-wrap.box__arhive .crm_list .head .logo,
body.tax-service_cat .site-wrap.box__arhive .crm_list .head .logo {
    /*padding: 12px;*/
    /*padding: 12px;*/
    height: 100px;
    width: 100px;
    border-radius: var(--logo-border-radius);
}

body.post-type-archive-service .site-wrap.box__arhive .crm_list .head .logo img,
body.tax-service_cat .site-wrap.box__arhive .crm_list .head .logo img {
}

body.post-type-archive-service .site-wrap.box__arhive .crm_list .excerpt,
body.tax-service_cat .site-wrap.box__arhive .crm_list .excerpt {
    flex-direction: column;
    align-items: flex-start;
    padding: 40px 0 40px 64px;
    box-sizing: border-box;
    gap: var(--gap-13xl);
    min-width: 312px;
    font-size: var(--mobile-paragraphs-paragraph-m-mobile-size);
    color: var(--text-2);

    flex: 1;
    display: flex;
    justify-content: flex-start;
    max-width: 100%;
}

body.post-type-archive-service .taxonomy-services,
body.tax-service_cat .taxonomy-services {
    display: flex;
    flex-direction: row;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 20px;
}

body.tax-service_cat .site-wrap.box__arhive .crm_list .item .number {
    position: absolute;
    margin: 0 !important;
    top: 14px;
    right: 16px;
    font-size: var(--font-size-xs);
    line-height: 16px;
    font-weight: 500;
    color: var(--ash-gray-6);
    display: inline-block;
    min-width: 23px;
}

@media screen and (max-width: 1200px) {
    body.tax-service_cat .site-wrap.box__arhive .crm_list .item {
        height: auto;
        padding: 32px;
    }

    body.tax-service_cat .site-wrap.box__arhive .crm_list .item .inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
    }

    body.tax-service_cat .site-wrap.box__arhive .crm_list .head {
        border-right: none;
    }

    body.tax-service_cat .site-wrap.box__arhive .crm_list .head .logo {
        height: 80px;
        width: 80px;
        border: 0;
    }

    body.tax-service_cat .site-wrap.box__arhive .crm_list .excerpt {
        padding: 0;
    }
}

@media screen and (max-width: 600px) {
    body.tax-service_cat .site-wrap.box__arhive .crm_list .item {
        height: auto;
        padding: 20px 24px;
    }

    body.tax-service_cat .site-wrap.box__arhive .crm_list .head {
        width: auto;
        align-items: center;
        gap: 20px;
    }

    body.tax-service_cat .site-wrap.box__arhive .crm_list .head .name {
        font-size: 18px;
    }

    body.tax-service_cat .site-wrap.box__arhive .crm_list .excerpt {
        min-width: unset;
    }
}

/* END SERVICE ARCHIVE PAGE ------------------------------------------------------------------------------------------*/

/* START SERVICE SINGLE PAGE -----------------------------------------------------------------------------------------*/

body.single-service .taxonomy-services {
    display: flex;
    flex-direction: row;
    gap: 20px;
    flex-wrap: wrap;
}

body.single-service .taxonomy-service {
    border: 1px #D2DAF5 solid;
    padding: 20px 24px;
    width: 276px;
    display: flex;
    align-items: center;
    gap: 20px;

    font-family: var(--r);
    font-size: 16px;
    font-weight: 400;
}

body.single-service .taxonomy-service:hover {
    color: #4E76F4;
    border-color: #4E76F4;
}

@media only screen and (max-width: 1299px) {
    body.single-service .taxonomy-service {
        width: 48%;
    }
}

@media only screen and (max-width: 600px) {
    body.single-service .taxonomy-service {
        width: 100%;
    }
}

/* END SERVICE SINGLE PAGE -------------------------------------------------------------------------------------------*/

.popup_submit_search {
    display: none;
    position: fixed;
    width: 600px;
    top: 20vh;
    left: calc(50% - 300px);
    transition: all 0.3s linear;
    z-index: 101;
}

@media only screen and (max-width: 600px) {
    .popup_submit_search {
        width: 100%;
        left: 0;
    }
}

.popup_submit_search .search_block {
    position: relative;
}

.popup_submit_search .search_block .submit_search {
    position: absolute;
    top: 0;
    left: 1px;
    width: 58px;
    height: 58px;
    text-align: center;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0;
    background: rgba(0, 0, 0, 0);
    border: 0 solid rgba(0, 0, 0, 0);
}

.popup_submit_search input {
    height: 58px;
    border-radius: 8px;
    color: #000000;
    transition: all .3s linear;
    border: 1px solid #3171ee;
    margin-bottom: 0;
    width: 100%;
    padding: 0 50px;
    font: 17px var(--r);
}

body.search_window .popup_bg {
    opacity: 1;
    visibility: visible;
}

.search_query {
    color: #4E76F4;
    font-weight: bold;
}

.search-wrapper p {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #4E4E4E;
}

.popup_submit_search_hints {
    position: absolute;
    top: 63px;
    left: 0;
    border-radius: var(--br-5xs);
    background-color: var(--ash-gray-0);
    border: 1px solid var(--semantic-colors-basic-primary);
    box-sizing: border-box;
    width: 599px;
    padding: 0 var(--padding-12xs);
    font-size: var(--mobile-paragraphs-paragraph-m-mobile-size);
    color: var(--ash-gray-7);

    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;

    display: none;

    max-height: 60vh;
    overflow-x: hidden;
    overflow-y: scroll;
}

.popup_submit_search_hints .group {
    align-self: stretch;
    border-bottom: 1px solid var(--ash-gray-2);
    padding: var(--padding-base);
    gap: var(--gap-5xs);
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
}

.popup_submit_search_hints .group .title {
    position: relative;
    line-height: 24px;
    font-size: 14px;
    color: var(--ash-gray-7);
}

.popup_submit_search_hints .group .search-result {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: var(--gap-xs);
    width: 100%;
    line-height: 1.3rem;
}

.popup_submit_search_hints .group .search-result:hover {
    /*border: 1px black solid;*/
    /*background: #b1c3fa;*/
}

.popup_submit_search_hints .group .search-result .logo {
    width: 40px;
    border-radius: var(--br-9xs);
    background-color: var(--ash-gray-0);
    border: 1px solid var(--ash-gray-2);
    box-sizing: border-box;
    height: 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: var(--padding-9xs);
}

.popup_submit_search_hints .group .search-result .item:hover {
    font-weight: bold;
}

.popup_submit_search_hints .group.all-results {
    flex-direction: row;
    align-items: center;
}

.popup_submit_search_hints .group.all-results a,
.popup_submit_search_hints .group.all-results a:active {
    font-family: var(--font-rubik);
    font-size: var(--font-size-smi);
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    color: var(--new-color-second-blue);
}

/* START ARROW UP */

.cd-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: inline-block;
    height: 40px;
    width: 40px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    background-color: #6689F7;;
    z-index: 9;
    color: #fff;
    visibility: hidden;
    opacity: 0;
    transition: opacity 3s ease, visibility 3s ease;
    border-radius: var(--logo-border-radius);
}

.cd-top.active {
    visibility: visible;
    opacity: 0.5;
}

.cd-top:hover {
    opacity: 1;
}

.cd-top .dashicons {
    font-size: 20px;
    padding: 10px;
    font-weight: bold;
}

.dashicons, .dashicons-before::before {
    font-family: dashicons;
    display: inline-block;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: never;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 20px;
    height: 20px;
    font-size: 20px;
    vertical-align: top;
    text-align: center;
    transition: color .1s ease-in;
}

a.cd-top:visited, a.cd-top {
    color: #fff;
}

/* END ARROW UP */

/* START TEMPORARY ARCHIVE PROGRAMS BANNER */
.site-wrap.box__arhive .banner {
    margin-bottom: 20px;
}

/* END TEMPORARY ARCHIVE PROGRAMS BANNER */

/* START CATEGORIES PAGE */

.container.category-page .sections * {
    font-family: var(--r);
}

.container.category-page {
    margin-top: 24px;
}

@media only screen and (max-width: 600px) {
    .container.category-page {
        width: 95%;
    }
}

.container.category-page h1 {
    font-style: normal;
    font-size: 32px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 24px;
}

.category-page .sections {
    display: flex;
    gap: 50px;
    flex-direction: column;
    margin-bottom: 60px;
}

.category-page h2 {
    font-size: 24px;
    font-weight: 500;
}

.category-page .cards {
    display: flex;
    flex-direction: row;
    gap: var(--gap-xl);
    font-size: var(--font-size-lg);
    color: var(--text-1);
}

@media only screen and (max-width: 768px) {
    .category-page .cards {
        flex-direction: column;
    }
}

.category-page .category-card {
    flex: 1;
    border-radius: var(--br-9xs);
    background-color: var(--ash-gray-0);
    border: 1px solid #d2daf5;
    padding: var(--padding-xl);
    gap: var(--gap-base);

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.category-page .category-card h3 {
    font-size: 18px;
    font-weight: 500;
    width: 100%;
    align-self: stretch;
    /*border-bottom: 1px solid var(--ash-gray-3);*/
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    /*padding: 0 0 var(--padding-base);*/
}

.category-page .category-card .items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    border-top: 1px solid var(--ash-gray-3);
    padding-top: 10px;
}

@media only screen and (max-width: 360px) {
    .category-page .category-card .items {
        flex-direction: column;
    }
}

.category-page .category-card .item a,
.category-page .cards.other a.item {
    font-size: 15px;
    font-weight: 500;
    color: var(--new-color-second-blue);
}

.category-page .cards.other {
    flex-direction: column;
}

.category-page .cards.other .item {
    min-width: 50%;
    margin: 10px 0;
}

@media only screen and (max-width: 600px) {
    .category-page .cards.other .item {
        width: 100%;
    }
}

/* END CATEGORIES PAGE */

/* START REVIEWS PAGE */

.page-reviews .inner {
    padding: 32px 40px;
    background: #fff;
    border: 1px solid #d6dcdf;
    border-radius: var(--logo-border-radius);
}

.page-reviews .comments-list * {
    font-family: var(--m);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
}

.page-reviews .comments-list li {
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-bottom: 1px solid #D6DCDF;
    padding-bottom: 32px;
    margin-bottom: 32px;
}

.page-reviews .comments .reviews_list .header {
    justify-content: space-between;
    margin: 0;
    text-wrap: nowrap;
}

.page-reviews .comments .header .title {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    gap: 20px;
}

.page-reviews .comments .header .title img {
    align-self: center;
    width: 24px;
    height: 24px;
}

.page-reviews .comments .header .author,
.page-reviews .comments .header .object {
    display: flex;
    gap: 10px;
}

.page-reviews .comments .header .userpic {
    display: inline-block;
    border-radius: 50%;
    background: #e5f0ff;
    color: #0f52d4;
    text-transform: uppercase;
    text-align: center;
    width: 24px;
    line-height: 24px;
    margin: 0;
    font-size: 12px;
    font-family: var(--r);
}

.page-reviews .comments .header .username {
    line-height: normal;
    align-self: center;
}

.page-reviews .comments .header .desc {
    color: #9EA7AB;
    font-size: 15px;
}

.page-reviews .comments .header .object {
    font-family: var(--r);
}

.page-reviews .comments .header .object .logo {
    border-radius: var(--logo-border-radius);
    border: 1px solid #e4e7e9;
    height: 24px;
    width: 24px;
    display: flex;
    justify-content: center;
}

.page-reviews .comments .rating-avg {
    font-size: 18px;
    display: flex;
}

.page-reviews .comments .rating-avg span {
    font-size: 20px;
    margin-right: 5px;
}

.page-reviews .comments .ratingValue {
    margin-left: 10px;
}

.page-reviews .comments .count_reviews {
    display: none;
}

.page-reviews .comments .time-mobile,
.page-reviews .comments .desc-mobile {
    display: none;
}

@media only screen and (max-width: 768px) {
    .page-reviews .comments .time {
        display: none;
    }

    .page-reviews .comments .time-mobile {
        display: block;
        font-size: 15px;
    }
}

@media only screen and (max-width: 360px) {
    .page-reviews .comments .header .title {
        flex-direction: column;
        align-items: flex-start;
    }

    .page-reviews .comments .desc {
        display: none;
    }

    .page-reviews .comments .desc-mobile {
        display: block;
        color: #9EA7AB;
        font-size: 15px;
    }

    .page-reviews .comments .rating-avg span.ratingValue {
        font-size: 16px;
    }
}

/* END REVIEWS PAGE */

/* START INTREGRATOR CASE */

body.single .case-integrator .content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

body.single .case-integrator .article-content {
    max-width: inherit;
}

body.single .case-integrator .head {
    display: flex;
    align-self: stretch;
    flex-direction: column;
    gap: 28px;
    margin: 0;
}

body.single .case-integrator .head .integrator {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
}

body.single .case-integrator .head .integrator_logo img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding: 0;
    margin: 0;
}

body.single .case-integrator .head .integrator_name {
    margin: 0;
}

body.single .case-integrator .content a {
    color: inherit;
    font: inherit;
    text-decoration: inherit;
}

body.single .case-integrator .head .article_date_view-wrapper {
    margin: 0;
    padding: 0;
}

body.single .case-integrator .post_thumbnail img {
    width: 100%;
}

body.single .case-integrator .group {
    flex: 1;
    border-radius: var(--br-9xs);
    background-color: var(--ash-gray-0);
    border: 1px solid var(--color-lavender);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: var(--padding-base) var(--padding-xl);
    gap: var(--gap-xs);
    margin-bottom: 24px;
    min-height: 94px;
}

body.single .case-integrator .group .case-details-title,
body.single .case-integrator .group .case-details-data {
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    body.single .head {
        align-items: flex-start;
    }
}

/* END INTREGRATOR CASE */

/* START CATEGORY PAGE TOP TEXT */
.top-text, .top-text p {
    font-family: var(--m);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3rem;
    text-align: left;
    color: #81898D;
    padding: 8px 0 4px;
}

a.show-all-top-text, a.hide-all-top-text {
    display: none;
    font-size: 12px;
    font-weight: 500;
    color: #6689f7;
    line-height: 2rem;
}

a.show-all-top-text > span, a.hide-all-top-text > span {
    vertical-align: super;
}

a.hide-all-top-text > img {
    transform: rotate(180deg);
}

@media screen and (max-width: 991px) {
    .top-text, .top-text p {
        font-size: 14px;
    }

    .top-text {
        padding-bottom: 24px;
    }

    .top-text:empty {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 600px) {
    .top-text, .top-text p {
        padding: 4px 0 0;
        margin: 0;
        font-size: 12px;
        max-height: initial;
    }

    .top-text.short {
        max-height: 3rem;
        overflow: hidden;
    }

    .top-text.full {
        max-height: 100%;
    }
}

/* END CATEGORY PAGE TOP TEXT */

.seminar-baner {
    margin-top: 24px;
}

.seminar-baner.mobile {
    display: none;
}

@media screen and (max-width: 600px) {
    .seminar-baner {
        display: none;
    }

    .seminar-baner.mobile {
        display: block;
    }
}

/* START COMPANIES PAGE */

.container.companies-page {
    margin-top: 24px;
    margin-bottom: 80px;
}

.container.companies-page > .row > .col {
    width: 100%;
}

.container.companies-page > .row > .col > .content {
    display: flex;
    padding: 0 0 80px 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}

.container.companies-page h1 {
    color: var(--font-grey-1);
    font-family: var(--r);
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 41.6px */
    letter-spacing: -0.32px;
}

.container.companies-page .row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;

    color: #1D2022;
    font-family: var(--r);
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px; /* 123.077% */

    margin:0; /*перекриваю глобальний стиль*/
}

.container.companies-page .row:after {
    content: inherit;
}

.container.companies-page .company-cards {
    display: flex;
    max-width: 1276px;
    align-items: center;
    align-content: center;
    gap: 20px;
    align-self: stretch;
    flex-wrap: wrap;
}

@media (max-width: 1200px) {
    .container.companies-page h1 {
        font-size: 26px;
        line-height: 32px; /* 123.077% */
    }
}

@media (max-width: 600px) {
    .container.companies-page > .row > .col > .content {
        gap: 32px;
    }
    .container.companies-page h1 {
        font-size: 24px;
    }
}

/* END COMPANIES PAGE */

/* START BLACKLIST PAGE */

body.single-blacklist .site-wrap.box__arhive .crm_list #crms_ajax {
    justify-content: center;
}
body.single-blacklist .integrator .head .main {
    width: 100%;
}

marquee.achtung {
    display: none;
}

.achtung {
    display: flex;
    padding: 8px 12px;
    align-items: center;
    gap: 96px;
    align-self: stretch;

    border-radius: 4px;
    background: #F64747;

    color: var(--border-grey-0, #FFF);
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
}

.marquee {
    height:36px;
    font-size: 15px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
}

.track {
    position: absolute;
    white-space: nowrap;
    will-change: transform;
    animation: marquee 15s linear infinite;
}

@keyframes marquee {
    from { transform: translateX(100vw); }
    to { transform: translateX(-100%); }
}

.track2 {
    animation-delay: -5s;
}

.track3 {
    animation-delay: -10s;
}

body.single-blacklist .content_block .title {
    margin: 0;
}

body.single-blacklist .content_block .card {
    display: flex;
    width: 952px;
    height: auto;
    padding: 20px 40px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 80px;

    border-radius: 4px;
    border: 1px solid var(--border-grey-3, #D6DCDF);
    background: var(--border-grey-0, #FFF);
}

body.single-blacklist .content_block .card .content {
    display: flex;
    align-items: center;
    align-self: stretch;

    flex-direction: row;
    margin: 0;
    gap: 0;
}

body.single-blacklist .content_block .card .content span {
    font: 400 18px / 0.8em var(--m);
}

body.single-blacklist .content_block .card .content .main-details {
    display: flex;
    width: 392px;
    padding: 32px 0px;
    align-items: center;
    gap: 28px;

    border-right: 1px solid var(--border-grey-3, #D6DCDF);
}

body.single-blacklist .content_block .card .content .short_description {
    display: flex;
    padding: 32px 0px 32px 64px;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    align-self: stretch;
}

@media screen and (max-width: 1200px) {
    body.single-blacklist .content_block .card {
        width: 100%;
    }
    body.single-blacklist .content_block .card .content {
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
    }

    body.single-blacklist .content_block .card .content .main-details{
        width: 100%;
        border:0;
        padding:0;
    }

    body.single-blacklist .content_block .card .content .short_description {
        padding: 0;
    }
}
@media screen and (max-width: 600px) {
    marquee.achtung {
        display: block;
    }

    .marquee.achtung {
        display: none;
    }
}


/* END BLACKLIST PAGE */

/* START NEW MAIN MENU -----------------------------------------------------------------------------------------------*/

header {
    border: 1px solid #D5DCED;
}

#mega-menu-wrap-header_menu #mega-menu-header_menu a.mega-menu-link .mega-description-group .mega-menu-description {
    display: none; /* приховування опису категорій в меню 2 рівня */
}

header div, header span {
    font-family: var(--r); /* дефолтний рубік для хедера */
}

#mega-menu-wrap-header_menu #mega-menu-header_menu > li.mega-menu-item > a.mega-menu-link {
    margin-right: 38px;
}
#mega-menu-wrap-header_menu #mega-menu-header_menu > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-header_menu #mega-menu-header_menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    transition: none !important;
    border-bottom: 2px solid #4E76F4; /* підкреслення активного пункту*/
}

#mega-menu-wrap-header_menu #mega-menu-header_menu > li.mega-menu-tabbed > ul.mega-sub-menu {
    margin-top: 1px; /* відступ від головного меню */
    padding: 15px; /* щоб працювали відступи в спадному меню 2 рівня */
    box-shadow: 0px 8px 20px 0px rgba(171, 190, 203, 0.29);
    box-shadow: 0px 1px 6px 0px rgba(143, 164, 178, 0.15);

    min-height: 0 !important;
    height: calc(100vh - 150px);
    overflow:scroll;

    min-width: 780px;
}

#mega-menu-wrap-header_menu #mega-menu-header_menu > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item {
    padding-right: 30px; /* правий відступ в спадному меню 2 рівня */
    clear: both;
}

#mega-menu-wrap-header_menu #mega-menu-header_menu > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#mega-menu-wrap-header_menu #mega-menu-header_menu > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-header_menu #mega-menu-header_menu > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
    font-weight: 500;
}

@media (min-width: 992px) and (max-width: 1199px) {
    #mega-menu-wrap-header_menu #mega-menu-header_menu > li.mega-menu-item > a.mega-menu-link {
        line-height: 52px;
        height: 52px;
    }
}

/* MOBILE */
#mega-menu-wrap-header_menu:last-child {
    display: none;
}

@media (min-width: 992px) and (max-width: 1199px) {
    header .box__mob {
        display: none;
    }
}
@media (max-width: 991px) {
    header .box__mob {
        display: none;
    }

    #mega-menu-wrap-header_menu {
        display: none;
    }

    #mega-menu-wrap-header_menu:last-child {
        display: block;
    }

    #mega-menu-wrap-header_menu .mega-menu-toggle.mega-menu-open + #mega-menu-header_menu {
        position: fixed;
        top: 48px;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 9;
        overflow: scroll;
        padding: 10px;
    }

    #wpadminbar ~ header #mega-menu-wrap-header_menu .mega-menu-toggle.mega-menu-open + #mega-menu-header_menu {
        top: 95px;
    }

    #mega-menu-wrap-header_menu #mega-menu-header_menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
        border-bottom: none;
    }
    #mega-menu-wrap-header_menu #mega-menu-header_menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link
    #mega-menu-wrap-header_menu #mega-menu-header_menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
        background-color: #fff;
    }
    #mega-menu-wrap-header_menu #mega-menu-header_menu > li.mega-menu-item > a.mega-menu-link {
        margin-right: 0;
    }
}
/* END NEW MAIN MENU */

/* START APPLICATION PAGE --------------------------------------------------------------------------------------------*/
.container.application-page {
    margin-top: 24px;
    padding-bottom: 80px;
}

.container.application-page h1 {
    font-style: normal;
    font-size: 32px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 24px;
}

/* END APPLICATION PAGE */

/* START ALL CASES ====================================================================================================== */
body.post-type-archive-case_integrator .site-wrap {
    padding-top: 24px;
}

body.post-type-archive-case_integrator #content-cases .cases {
    display: flex;
    width: 1100px;
    padding-bottom: 80px;
    flex-direction: column;
    align-items: start;
    gap: 40px;
}

body.post-type-archive-case_integrator #content-cases .grid {
    display: flex;
    width: 950px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}

body.post-type-archive-case_integrator #content-cases .article {
    display: flex;
    width: 950px;
    height: 228.667px;
    align-items: flex-start;
    gap: 24px;
}

body.post-type-archive-case_integrator #content-cases .img {
    width: 400px;
    height: 225px;
    flex-shrink: 0;
    border-radius: 4px;
    background: #EEF1F7;
}

body.post-type-archive-case_integrator #content-cases .content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    align-self: stretch;
}

body.post-type-archive-case_integrator #content-cases .meta {
    display: flex;
    align-items: center;
    gap: 32px;
    align-self: stretch;

    flex-direction: row; /* перекриваю стилі з index.css */
    justify-content: flex-start; /* перекриваю стилі з index.css */

    color: var(--Ash-gray-7, #81898D);
    font-family: var(--m);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 19.6px */
}

body.post-type-archive-case_integrator #content-cases .views { /* Frame 222*/
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}

body.post-type-archive-case_integrator #content-cases .title {
    display: flex;
    padding-bottom: 24px;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;

    border-bottom: 1px solid #D2DAF5;

    color: var(--New-Colors, #111);
    font-family: var(--r);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 31.2px */
}

body.post-type-archive-case_integrator #content-cases a .article:hover .title {
    color: var(--New-Color-Second-Blue, #4E76F4);
}

body.post-type-archive-case_integrator #content-cases .details {
    display: flex;
    align-self: stretch;
    flex-direction: row;
    align-items: flex-start;
    gap: 8px;
}

body.post-type-archive-case_integrator #content-cases .program-label {
    color: var(--Text-2, #4E4E4E);
    font-family: var(--m);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

body.post-type-archive-case_integrator #content-cases .program-name {
    color: var(--Text-1, #1D2022);
    font-family: var(--m);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

body.post-type-archive-case_integrator #content-cases .nothing {
    text-align: center;
    width: 100%;
}

@media screen and (max-width: 1200px) {
    body.post-type-archive-case_integrator #content-cases .cases {
        width: 704px;
        padding-bottom: 72px;
    }

    body.post-type-archive-case_integrator #content-cases .grid {
        width: 704px;
        align-self: stretch;
    }

    body.post-type-archive-case_integrator #content-cases .article {
        width: 100%;
        height: auto;
        align-self: stretch;
    }

    body.post-type-archive-case_integrator #content-cases .img {
        width: 300px;
        height: 168px;
        flex-shrink: 0;
        border-radius: 3px;
    }

    body.post-type-archive-case_integrator #content-cases .content {
        gap: 16px;
    }

    body.post-type-archive-case_integrator #content-cases .title {
        padding-bottom: 16px;
        border-bottom: 1px solid #D2DAF5;

        color: var(--Text-1, #1D2022);
        font-size: 18px;
        line-height: 28px;
    }
}

@media screen and (max-width: 600px) {
    body.post-type-archive-case_integrator #content-cases .cases {
        width: 100%;
        padding-bottom: 72px;
    }

    body.post-type-archive-case_integrator #content-cases .grid {
        width: 100%;
    }

    body.post-type-archive-case_integrator #content-cases .article {
        flex-direction: column;
        gap: 16px;
    }

    body.post-type-archive-case_integrator #content-cases .img {
        width: 100%;
        height: auto;
        border-radius: 3px;
    }
}

/* END ALL CASES */