/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/** 
*root
*|Typography
*| Heading
*| Body
*| Button
* Typography
* Colors
* Borders
* Buttons
* Link
* List
* Custom icons
* Swiper
* Vacancies and Blog
* Pagination
* Header
* Footer
* CMS Content
* General
* modalLightBox
* Main
* Main Block # - where # is the block number from 1 to 12
* FAQ
* Error 404 and Sitemap
* Contacts
* Banner
* Responsive
*/

@font-face {
    font-family: 'Futura PT Extra Bold';
    src: url('../fonts/Futura-PT-Extra-Bold.woff2') format('woff2'),
        url('../fonts/Futura-PT-Extra-Bold.woff') format('woff'),
        url('../fonts/Futura-PT-Extra-Bold.ttf') format('truetype');
    font-display: fallback;
}

@font-face {
    font-family: 'Inter Tight';
    src: url('../fonts/Inter-Tight.woff2') format('woff2'),
        url('../fonts/Inter-Tight.woff') format('woff'),
        url('../fonts/Inter-Tight.ttf') format('truetype');
    font-display: fallback;
}

:root {
    --white: rgba(255, 255, 255, 1);
    --white-04: rgba(255, 255, 255, 0.4);
    --light-gray-06: rgba(235, 235, 235, 0.6);
    --gray: rgba(124, 129, 132, 1);
    --gray-bg: rgba(248, 248, 248, 1);
    --gray-bg-0: rgba(248, 248, 248, 0);
    --dark-gray-03: rgba(124, 137, 151, 0.3);
    --stone-gray-04: rgba(88, 86, 86, 0.4);
    --black-05: rgba(0, 0, 0, 0.5);
    --red: rgba(230, 32, 32, 1);

    --tg-color: rgba(51, 144, 236, 1);
    --yt-color: rgba(255, 56, 56, 1);
    --inst-color: linear-gradient(273.36deg, rgba(255, 183, 48, 1) 3.6%, rgba(255, 22, 61, 1) 49.13%, rgba(238, 39, 188, 1) 96.42%);

    --color-primary: rgba(174, 152, 131, 1);
    --color-secondary: rgba(21, 21, 21, 1);
    --color-secondary-06: rgba(21, 21, 21, 0.6);

    --bs-accordion-btn-icon-plus: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3e%3cline x1='2' y1='8' x2='14' y2='8'/%3e%3cline x1='8' y1='2' x2='8' y2='14'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon-minus: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23AE9883' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3e%3cline x1='2' y1='8' x2='14' y2='8'/%3e%3c/svg%3e");

    /*Typography*/
    /*Heading*/
    --h1: 79px/1 'Futura PT Extra Bold';
    --h2: 62px/1.2 'Futura PT Extra Bold';
    --h3: 39px/1.2 'Futura PT Extra Bold';
    --h4: 31px/1.1 'Futura PT Extra Bold';
    --h5: 25px/1.2 'Futura PT Extra Bold';

    --h1-mobile: 40px/1 'Futura PT Extra Bold';
    --h2-mobile: 34px/1.2 'Futura PT Extra Bold';
    --h3-mobile: 31px/1.2 'Futura PT Extra Bold';
    --h4-mobile: 25px/1.1 'Futura PT Extra Bold';
    --h5-mobile: 20px/1.2 'Futura PT Extra Bold';
    --h6-mobile: 18px/1.1 'Futura PT Extra Bold';

    /*Body*/
    --b0: 20px/1.2 'Inter Tight';
    --b1: 18px/1.2 'Inter Tight';
    --b2: 16px/1.4 'Inter Tight';
    --b3: 14px/1.4 'Inter Tight';
    --b4: 12px/1.2 'Inter Tight';

    /*Button*/
    --cta1: 18px/1.4 'Inter Tight';
    --cta2: 16px/1.4 'Inter Tight';
    --cta3: 14px/1.2 'Inter Tight';

    --h1-post: 28px/1.2 'Futura PT Extra Bold';
    --alt-h1: 18px/1.2 'Futura PT Extra Bold';
    --alt-h2: 16px/1.2 'Futura PT Extra Bold';
    --alt-h-text: 20px/1.1 'Futura PT Extra Bold';

    --extra-b0: 24px/1.2 'Inter Tight';
    /*End Typography*/
}

body {
    font: var(--b2);
    color: var(--color-secondary);
    background-color: var(--white);
    margin-bottom: 0 !important;
}

/*Typography*/
.h1 {
    font: var(--h1);
}

.h2 {
    font: var(--h2);
}

.h3 {
    font: var(--h3);
}

.h4 {
    font: var(--h4);
}

.h5 {
    font: var(--h5);
}

.h1,
.h2,
.h3,
.h4,
.h5 {
    margin-bottom: 0;
}

.b0 {
    font: var(--b0);
    font-weight: 500;
}

.b1 {
    font: var(--b1);
}

.b2 {
    font: var(--b2);
}

.b3 {
    font: var(--b3);
    font-weight: 400;
}

.b4 {
    font: var(--b4);
}

.cta1 {
    font: var(--cta1);
    font-weight: 600;
}

.cta2 {
    font: var(--cta2);
}

.cta3 {
    font: var(--cta3);
    font-weight: 500;
}

.alt-h1 {
    font: var(--alt-h1);
    font-weight: 800;
}

.alt-h2 {
    font: var(--alt-h2);
    font-weight: 800;
}

.alt-h-text {
    font: var(--alt-h-text);
    font-weight: 800;
}

.extra-b0 {
    font: var(--extra-b0);
    font-weight: 400;
}

/*End Typography*/

/*Colors*/
.white {
    color: var(--white);
}

.gray {
    color: var(--gray);
}

.gray-bg {
    background-color: var(--gray-bg);
}

.white-bg {
    background-color: var(--white);
}

.tg-color {
    background-color: var(--tg-color);
}

.yt-color {
    background-color: var(--yt-color);
}

.inst-color {
    background: var(--inst-color) !important;
}

.color-primary {
    color: var(--color-primary);
}

.color-secondary {
    color: var(--color-secondary);
}

.accent {
    color: var(--white);
    background-color: var(--color-primary);
    border-radius: 10px;
    padding-right: .5rem !important;
    padding-left: .5rem !important;
}

/*End Colors*/

/*Borders*/
.br-70 {
    border-radius: 70px;
}

.br-30 {
    border-radius: 30px;
}

.br-20 {
    border-radius: 20px;
}

.br-10 {
    border-radius: 10px;
}

.br-top-gray-1 {
    border-top: 1px solid var(--gray);
}

.br-primary {
    border: 1px solid var(--color-primary) !important;
}

/*End Borders*/

/*Link*/
a {
    text-decoration: none;
    color: var(--black);
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

a:active, a:focus {
  color: var(--color-primary);
}

a:hover {
    color: var(--color-primary);
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

a.color-primary:hover {
    color: var(--color-secondary);
}
.post-body a{
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--color-primary);
}
/*End Link*/

/*Buttons*/
.primary {
    background-color: var(--color-primary);
    color: var(--white);
    font: var(--cta3);
    border: none;
    border-radius: 70px;
    padding: 17px 0;
}

.primary:hover,
.primary:active,
.primary:focus {
    background-color: var(--color-secondary);
    color: var(--white);
}

.secondary {
    background-color: var(--color-secondary);
    color: var(--white);
    font: var(--cta1);
    border: none;
    border-radius: 70px;
}

.secondary:hover,
.secondary:active,
.secondary:focus {
    background-color: var(--color-primary);
    color: var(--white);
}

.tertiary {
    background-color: transparent;
    color: var(--color-primary);
    border: 1px solid var(--gray);
    font: var(--cta3);
    border-radius: 70px;
}

.tertiary:hover,
.tertiary:active,
.tertiary:focus {
    background-color: var(--color-secondary);
    color: var(--white);
    border: 1px solid transparent !important;
}

.btn-details:hover {
    cursor: pointer;
    color: var(--color-primary);
}

.btn-link-main {
    font: var(--b1);
}

/*End Buttons*/

/*List*/
.accent-order {
    font: var(--h5);
    color: var(--white);
    background-color: var(--color-primary);
    border-radius: 10px;
    width: 60px;
    height: 39px;
}

/*End List*/

/*Custom icons*/
.tg, .telegram {
    background-image: url("../img/telegram.svg");
    width: 15px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.wa {
    background-image: url("../img/whatsapp.svg");
    width: 15.75px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.viber {
    background-image: url("../img/viber.svg");
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.gm {
    background-image: url("../img/gmaps.svg");
    width: 17px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.yt {
    background-image: url("../img/youtube.svg");
    width: 17px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.inst {
    background-image: url("../img/instagram.svg");
    width: 17px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.bi-geo-alt-fill {
    background-image: url("../img/solid_location-dot.svg");
    width: 11px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.bi-telephone-fill {
    background-image: url("../img/solid_phone.svg");
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

[class*="-circle"]:hover {
    background-color: var(--color-secondary) !important;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.socials-with-wrapper .telegram,
.socials-with-wrapper .yt,
.socials-with-wrapper .inst {
    width: 17px;
    height: 22px;
}

.socials-with-wrapper .circle-fill-wrapper {
    background-color: var(--white);
    width: 40px;
    height: 40px;
    border-radius: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-shrink: 0;
}
    .accent.fansly {
    display: inline-flex;
    align-items: center;
    background-color: var(--color-secondary);
    text-transform: lowercase;
}
.accent.fansly .fansly-logo {
    background:url("../img/fansly.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 57px;
    height: 47px;
}
/*End Custom icons*/

/*Swiper*/
.swiper-button-prev::after,
.swiper-button-next::after {
    display: none;
}

.swiper-button-next,
.swiper-button-prev {
    background-color: var(--white);
    width: 48px !important;
    height: 48px !important;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.swiper-button-prev span,
.swiper-button-next span {
    width: 7px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}

.swiper-button-prev span {
    background-image: url("../img/chevron-left-gray.svg");
}

.swiper-button-next span {
    background-image: url("../img/chevron-right-gray.svg");
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    background-color: var(--color-primary);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.swiper-button-prev:hover span {
    background-image: url("../img/chevron-left-white.svg");
}

.swiper-button-next:hover span {
    background-image: url("../img/chevron-right-white.svg");
}

/*End Swiper*/

/*Vacancies and Blog*/
.blog-post-item-desc p {
    margin: 0;
}

.blog-post-item .card-container:hover,
.similar-post:hover {
    cursor: pointer;
}

.blog-post-item .item-thumb img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

.category-filter ul>li:before,
#menu-404 li .sub-menu li:before,
#menu-sitemap li .sub-menu li:before,
.post-content ul>li:before {
    content: "\2022";
    padding-right: 7px;
    color: var(--color-primary);
    font-size: 25px;
    line-height: 1.1em;
}

.category-filter ul li {
    display: flex;
    align-items: center;
}

.hastag-filter li {
    margin-right: 1rem;
}

.similar-post .item-thumb img {
    width: 68px;
    height: 58px;
    border-radius: 10px;
    object-fit: cover;
}

.blog-post h2 {
    font: var(--h4);
    text-transform: uppercase;
}

.blog-post h3 {
    font: var(--h5);
    text-transform: uppercase;
}

.blog-post h4 {
    font: var(--h5-mobile);
    text-transform: uppercase;
}

.blog-post .item-thumb-main img,
.blog-page .item-thumb img,
.tag-page .item-thumb img,
.category-page .item-thumb img {
    height: 470px;
    width: 100%;
    object-fit: cover;
    border-radius: 30px;
}

.blog-post .prev-next-links .item-thumb img {
    width: 100%;
    height: 184px;
    -o-object-fit: cover;
    object-fit: cover;
}

.post-header .author-avatar,
.post-meta-author .author-avatar {
    border-radius: 50%;
    object-fit: cover;
}

.post-similar-posts .btn-prev::before,
.post-similar-posts .btn-next::after {
    content: "";
    width: 5px;
    height: 8px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}

.post-similar-posts .btn-prev::before {
    background-image: url('../img/chevron-left-white.svg');
    margin-right: 10px;
}

.post-similar-posts .btn-next::after {
    background-image: url('../img/chevron-right-white.svg');
    margin-left: 10px;
}

.post-content ul,
.post-content ol {
    margin: 0;
    padding: 0;
    list-style: none;
    font: var(--b3);
}

.post-content ol {
    counter-reset: my-counter;
}

.post-content ol>li {
    margin-bottom: 10px;
    counter-increment: my-counter;
    display: flex;
}

.post-content ol>li::before {
    content: counter(my-counter);
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background-color: var(--color-primary);
    border-radius: 6px;
    color: white;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    font: var(--b3);
}

.post-content .wrapper-table-contents {
    margin-top: 50px;
    margin-bottom: 50px;
}

.post-content .table-contents ul {
    list-style: none;
    gap: 8px;
    display: flex;
    flex-direction: column;
    padding-left: 24px;
    color: var(--gray);
    text-decoration: underline;
    font: var(--cta2);
    font-weight: 600;
}

.post-content .table-contents>ul {
    padding-left: 0;
    color: var(--color-primary);
}

.post-content .table-contents ul>li:before {
    content: none;
}

.post-content .table-contents-title::after {
    content: "";
    background-image: url("../img/chevron-down-black.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 12px;
    height: 7px;
    display: inline-block;
    transition: transform 0.3s ease, background-image 0.3s ease;
}

.post-content .table-contents-title.collapsed::after {
    background-image: url("../img/chevron-down-black.svg");
}

.post-content .table-contents-title:not(.collapsed)::after {
    background-image: url("../img/chevron-up-primary.svg");
}

.post-meta-info .tag-list>li>a {
    color: var(--color-primary);
}

.post-meta-info .tag-list>li>a:hover {
    color: var(--color-secondary);
}

.post-meta-info {
    margin-bottom: 50px;
}

.vacancies-page .sidebar-partner img {
    width: auto;
    height: 39px;
}

.vacancies-page .company-icon-wrapper,
.similar-vacancy .company-icon-wrapper,
.vacancy-page .company-icon-wrapper {
    width: 38px;
    height: 38px;
    border-radius: 6px;
    background-color: var(--color-primary);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.vacancies-page .company-icon-wrapper span,
.similar-vacancy .company-icon-wrapper span,
.vacancy-page .company-icon-wrapper span {
    width: 14px;
    height: 19px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../img/logo-icon-white.svg");
}

.vacancy-tags li {
    border: 1px solid var(--gray);
    font: var(--b4);
    color: var(--gray);
    border-radius: 50px;
}

.vacancy-buttons .socials-with-wrapper .circle-fill-wrapper,
.cta-banner .socials-with-wrapper .circle-fill-wrapper,
.footer .socials-with-wrapper .tg-bot, .socials-with-wrapper .tg-bot {
    width: 40px;
    height: 40px;
}

.socials-with-wrapper .tg-bot .tg {
    width: 10px;
    height: 12px;
    background-size: cover;
}

.vacancy-buttons .btn-more {
    font: var(--cta3);
    padding: 14px 44px;
}

.similar-vacancy:hover,
.vacancy-card-expanded:not(.main-card):hover,
.vacancy-card:hover {
    cursor: pointer;
}

.similar-vacancy .vacancy-title {
    font-weight: 600;
}

.vacancy-salary,
.vacancy-tags .tag-item,
.vacancy-content .company-location {
    font-weight: 500 !important;
}

.vacancy-page .map-wrapper iframe {
    border-radius: 30px;
}

.vacancy-card-expanded .vacancy-title {
    font: var(--h3);
}

.vacancy-page .metro-station:before {
    content: "\2022";
    padding-right: 5px;
    color: var(--red);
    font-size: 24px;
    line-height: 0.7em;
}

/*End Vacancies and Blog*/

/*Pagination*/
.pagination {
    margin-top: 24px;
    justify-content: center;
}

.pagination .nav-links {
    display: flex;
    gap: 10px;

}

.pagination .page-numbers {
    padding: 6px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    font: var(--cta1);
    width: 36px;
    height: 36px;
    line-height: normal;
    transition: all .3s ease;
    background-color: var(--gray-bg);
    color: var(--gray);
}

.pagination .page-numbers:not(.dots):not(.current):hover {
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
    transition: all .3s ease;
}

.pagination .page-numbers:not(.dots):not(.current):active {
    border: 1px solid var(--color-primary);
    transition: all .3s ease;
}

.pagination .page-numbers.current {
    background-color: var(--color-primary);
    color: var(--white);
}

.prev.page-numbers.bi-chevron-left::before,
.next.page-numbers.bi-chevron-right::before {
    font-weight: 600 !important;
}

.pagination .chevron-right,
.pagination .chevron-left {
    width: 7px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    transition: all .3s ease;
}

.pagination .chevron-left {
    background-image: url("../img/chevron-left.svg");
}

.pagination .chevron-right {
    background-image: url("../img/chevron-right.svg");
}

.pagination .prev.page-numbers:hover .chevron-left {
    background-image: url("../img/chevron-left-primary.svg");
    transition: all .3s ease;
}

.pagination .next.page-numbers:hover .chevron-right {
    background-image: url("../img/chevron-right-primary.svg");
    transition: all .3s ease;
}

/*End pagination*/

/*Header*/
.header {
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    height: 83px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: start;
}

.header.active {
    height: 236px;
}

.header .nav-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.header .nav-bar {
    border-radius: 40px;
}

.header .secondary,
.header .tertiary {
    padding-top: 15px;
    padding-bottom: 15px;
}

.header .burger-menu-circle {
    width: 46px;
    height: 46px;
    border-radius: 100%;
    border: none;
    padding: 0;
    background-color: var(--color-primary);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header .burger-menu-circle span {
    display: inline-block;
    background-image: url("../img/grip-lines.svg");
    width: 15.75px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.header .burger-menu-circle.active span {
    background-image: url("../img/xmark.svg");
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#primaryMenu {
    -webkit-transition: max-height 0.3s ease, opacity 0.3s ease;
    -o-transition: max-height 0.3s ease, opacity 0.3s ease;
    transition: max-height 0.3s ease, opacity 0.3s ease;
}

#primaryMenu.open {
    max-height: 500px;
    opacity: 1;
}

#offcanvasBackdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--black-05);
    display: none;
}

#offcanvasBackdrop.active {
    display: block;
}

body.locked {
    overflow: hidden;
    padding-right: 0;
}

.header-body {
    z-index: 1041;
}

.header .nav-link {
    color: var(--color-secondary);
}

.header .nav-link:hover,
.header .nav-link:active,
.header .nav-link:focus {
    color: var(--color-primary);
}

.header .nav-link {
    text-align: center;
}

/*End Header*/

/*Footer*/
#footer_menu li {
    font-size: var(--cta3);
}

#footer_menu li a {
    padding: 0;
}

.footer .footer-socials [class*="-circle"],
.header .header-socials [class*="-circle"],
.sidebar-socials [class*="-circle"],
.vacancy-socials [class*="-circle"],
.author-socials [class*="-circle"] {
    width: 46px;
    height: 46px;
    border-radius: 100%;
    border: 1px solid var(--gray);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/*End Footer*/

/*CMS Content*/
.cms-content {
    font: var(--b2);
}

.cms-content h1 {
    font: var(--h3);
    text-transform: uppercase;
}

.cms-content h2.wp-block-heading {
    font: var(--h4);
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 30px;
}

.cms-content h3.wp-block-heading {
    font: var(--h5);
    text-transform: uppercase;
    margin-bottom: 20px;
}

.cms-content h4.wp-block-heading {
    font: var(--h5-mobile);
    text-transform: uppercase;
    margin-bottom: 20px;
}

.cms-content ul.wp-block-list,
ol.wp-block-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font: var(--b3);
    margin-bottom: 20px;
}

.cms-content ul.wp-block-list>li::before {
    content: "•";
    padding-right: 7px;
    color: var(--color-primary);
    font-size: 25px;
    line-height: 1.1em;
}

.cms-content ol.wp-block-list>li {
    margin-bottom: 10px;
    counter-increment: my-counter;
    display: flex;
}

.cms-content .wp-block-video,
.cms-content .wp-block-table {
    margin-bottom: 20px;
}

.cms-content .wp-block-video video {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 30px;
}

.cms-content .wp-element-caption {
    color: var(--gray);
    font: var(--b3);
    margin-top: 1rem;
}

.cms-content p {
    margin-bottom: 20px;
}

.cms-content p strong {
    font-weight: 600;
}

.cms-content p a[data-type="page"],
.cms-content p a[data-type="vacancy"],
.cms-content p a[data-type="blog"] {
    color: var(--color-primary);
    font-weight: 600;
}

.cms-content p a[data-type="link"] {
    color: var(--gray);
    font-weight: 600;
}

.cms-content .wp-block-table table {
    width: 100%;
    border-collapse: separate;
    background-color: var(--gray-bg);
    border-radius: 20px;
    padding: 1.5rem;
    border-spacing: 0;
}

.cms-content .wp-block-table th,
.cms-content .wp-block-table td {
    text-align: center;
    padding: 12px 40px;
    border-right: 1px solid var(--color-secondary);
    border-bottom: 1px solid var(--color-secondary);
}

.cms-content .wp-block-table thead th {
    color: var(--color-primary);
    font: var(--cta2);
    font-weight: 600;
    border-top: none;
}

.cms-content .wp-block-table td {
    font: var(--cta3);
    font-weight: 400;
}

.cms-content .wp-block-table td:last-child,
.cms-content .wp-block-table th:last-child {
    border-right: none;
}

.cms-content .wp-block-table tbody tr:last-child td {
    border-bottom: none;
}

.cms-content blockquote {
    background-color: var(--gray-bg);
    padding: 2rem 3rem;
    border-radius: 20px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 30px;
    margin-top: 30px;
}

.cms-content blockquote::before {
    content: "“";
    font: var(--h5);
    color: var(--color-primary);
    line-height: 1;
}

.cms-content blockquote cite {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    margin-top: 1rem;
}

.cms-content blockquote .author-name,
.blog-post .author-name {
    text-transform: uppercase;
    font: var(--h6-mobile);
}

.cms-content blockquote .author-position,
.blog-post .author-position {
    font: var(--b3);
    color: var(--color-primary);
}

.cms-content .block-faq {
    margin-bottom: 30px;
    margin-top: 50px;
}

.cms-content .cta-banner {
    margin-top: 50px;
    margin-bottom: 50px;
}

.cms-content .wp-block-image img, .cms-content p img{
    border-radius: 30px;
}

.cms-content .wp-block-image .lightbox, .cms-content p .lightbox{
    display: inline-block;
    width: fit-content;
}
/*End CMS Content*/

/*General*/
[class*="page-template-"]>[class*="-page"]:not(.main-page),
.landing-404,
[class*="tax-"]>[class*="-page"],
.single .post-page {
    margin-top: 165px;
}

.nav-bar {
    background-color: var(--gray-bg);
}

/*End General*/

/*modalLightBox*/
.lightbox {
    position: relative;
    transition: all .3s ease;
    height: fit-content;
}

.lightbox:hover {
    cursor: pointer;
}

.lightbox::before {
    position: absolute;
    content: "";
    background: url("../img/lightbox-show.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px;
    bottom: 30px;
    right: 16px;
    transition: all .3s ease;
    z-index: 101;
}

.lightbox:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    background-color: var(--dark-gray-03);
    border-radius: 30px;
    transition: all .3s ease;
    z-index: 100;
}

.lightbox:hover::after {
    opacity: 1;
    transition: all .3s ease;
}

.lightbox:hover::before {
    transform: scale(1.2);
    transition: all .3s ease;
}

#modalLightBox .modal-dialog {
    width: 100%;
    max-width: 50%;
    height: auto;
}

#modalLightBox .modal-content {
    background-color: transparent;
    border: none;
}

#modalLightBox .modal-body {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    padding-bottom: .5rem !important;
    font: var(--b2);
    color: var(--white);
}

#modalLightBox .modal-dialog img {
    width: 100%;
    object-fit: contain;
    max-height: 700px;
    border-radius: 0;
}

#modalLightBox .custom-close {
    width: 24px;
    height: 24px;
    background-image: url('../img/xmark.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    border: none;
    background-color: transparent;
    cursor: pointer;
    opacity: 1;
    z-index: 1030;
}

#modalLightBox .btn-close:focus {
    outline: none;
    box-shadow: 0 0 0 0.25rem var(--color-primary);
}

/*End modalLightBox*/

/*Main*/
.home .nav-bar {
    background-color: var(--white);
}

.wrapper-with-bg {
    max-width: 1860px;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--gray-bg);
    border-radius: 50px;
}

.main-page [class*="wrapper-block-"]:not(.wrapper-block-3):not(.wrapper-block-4):not(.wrapper-block-5):not(.wrapper-block-11):not(.wrapper-block-12) [class*="_img"] {
    -o-object-fit: cover;
    object-fit: cover;
    width: 585px;
    height: 415px;
}

.icon-card-wrapper {
    background-color: var(--color-primary);
    border-radius: 10px;
    width: 60px;
    height: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.main-page [class*="_icon_card_"] {
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 31px;
    height: 25px;
}

/*End Main*/

/*Main Block 1*/
.main-page .wrapper-block-1 {
    height: 100vh;
    position: relative;
    border-radius: 50px;
    overflow: hidden;
}

.block1_overlay {
    background: var(--color-secondary-06);
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.block1 video {
    z-index: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.block1_content {
    position: relative;
    z-index: 1;
}

.block1 .calculator {
    width: 324px;
    border-radius: 40px;
    background: -o-linear-gradient(359.44deg, var(--white-04) 0.05%, var(--stone-gray-04) 100%);
    background: linear-gradient(90.56deg, var(--white-04) 0.05%, var(--stone-gray-04) 100%);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

.block1 .calc-numbers-wrapper {
    border-radius: 46px;
    background: var(--light-gray-06);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.block1 .calc-number {
    width: 30px;
    height: 30px;
    border-radius: 33px;
    background-color: var(--white);
    cursor: pointer;
}

.block1 .calc-number:hover,
.block1 .calc-number.selected {
    outline: 1px solid var(--white);
    outline-offset: 2px;
}

/*End Main Block 1*/

/*Main Block 2*/
.main-page .block2_icon_card_1 {
    background-image: url("../img/money-check-dollar.svg");
}

.main-page .block2_icon_card_2 {
    background-image: url("../img/coins.svg");
}

.main-page .block2_icon_card_3 {
    background-image: url("../img/calendar-days.svg");
}

.main-page .block2_icon_card_4 {
    background-image: url("../img/dollar-to-slot.svg");
}

.main-page .block2_icon_card_5 {
    background-image: url("../img/woman-dress.svg");
}

.main-page .block2_icon_card_6 {
    background-image: url("../img/percent.svg");
}

/*End Main Block 2*/

/*Main Block 3*/
.main-page .block3_icon_card_1 {
    background-image: url("../img/woman-dress.svg");
}

.main-page .block3_icon_card_2 {
    background-image: url("../img/broom.svg");
}

.block3 .swiper {
    width: 100%;
    position: relative;
}

.block3 .swiper-wrapper {
    width: 100%;
}

.block3 .swiper-slide img {
    width: 100%;
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 30px;
}

.block3 .map-wrapper iframe {
    border-radius: 30px;
    height: 360px;
}

/*End Main Block 3*/

/*Main Block 4*/
.main-page .block4_img_wrapper * {
    height: 100%;
    object-fit: cover;
}

/*End Main Block 4*/

/*Main Block 5*/
.main-page [class*="block5_card-"] h3::before {
    content: url('../img/logo-icon.svg');
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 11px;
    height: 17px;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.block5 .swiper {
    width: 585px;
}

.block5 .swiper-slide,
.block12 .swiper-slide {
    background-position: center;
    background-size: cover;
}

.block5 .swiper-slide img {
    display: block;
    height: 535px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 30px;
}

/*End Main Block 5*/

/*Main Block 6*/
.main-page .block6_icon_card_1 {
    background-image: url("../img/champagne-glasses.svg");
}

.main-page .block6_icon_card_2 {
    background-image: url("../img/comments.svg");
}

.main-page .block6_icon_card_3 {
    background-image: url("../img/book.svg");
}

.main-page .block6_icon_card_4 {
    background-image: url("../img/book.svg");
}

/*End Main Block 6*/

/*Main Block 7*/
.main-page .block7_icon_card_1 {
    background-image: url("../img/calendar-check.svg");
}

.main-page .block7_icon_card_2 {
    background-image: url("../img/umbrella-beach.svg");
}

.main-page .block7_icon_card_3 {
    background-image: url("../img/graduation-cap.svg");
}

.main-page .block7_icon_card_4 {
    background-image: url("../img/house-laptop.svg");
}

/*End Main Block 7*/

/*Main Block 8*/
.main-page .block8_icon_card_1 {
    background-image: url("../img/address-card.svg");
}

.main-page .block8_icon_card_2 {
    background-image: url("../img/display.svg");
}

.main-page .block8_icon_card_3 {
    background-image: url("../img/shield-heart.svg");
}

.main-page .block8_icon_card_4 {
    background-image: url("../img/shield-heart.svg");
}

/*End Main Block 8*/

/*Main Block 9*/
.main-page .block9_icon_card_1 {
    background-image: url("../img/chart-line.svg");
}

.main-page .block9_icon_card_2 {
    background-image: url("../img/tower-broadcast.svg");
}

.main-page .block9_icon_card_3 {
    background-image: url("../img/chalkboard-user.svg");
}

.main-page .block9_icon_card_4 {
    background-image: url("../img/money-bill-trend-up.svg");
}

/*End Main Block 9*/

/*Main Block 10*/
.main-page .block10_icon_card_1 {
    background-image: url("../img/image-portrait.svg");
}

.main-page .block10_icon_card_2 {
    background-image: url("../img/address-book.svg");
}

.main-page .block10_icon_card_3 {
    background-image: url("../img/chalkboard-user.svg");
}

.main-page .block10_icon_card_4 {
    background-image: url("../img/elevator.svg");
}

/*End Main Block 10*/

/*Main Block11*/

.block11 .lightbox {
    width: 100%;
}

/*End Main Block11*/

/*Main Block 12*/
#block12_video_background {
    height: 500px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 30px;
}

.block12 .swiper-button-next,
.block12 .swiper-button-prev {
    background-color: var(--gray-bg);
}

.block12 .swiper-button-prev:hover,
.block12 .swiper-button-next:hover {
    background-color: var(--color-primary);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.block12 .swiper {
    width: 100%;
    height: 550px;
}

.block12 .swiper-slide img {
    display: block;
    height: 550px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 30px;
    -o-object-position: center;
    object-position: center;
}

/*End Main Block 12*/

/*Main Block 13 and Block 14*/
.main-page .item-thumb img {
    width: 100%;
    height: 184px;
    -o-object-fit: cover;
    object-fit: cover;
}

.main-page .card-container {
    cursor: pointer;
}

.main-page .card-content {
    margin: 16px 20px 20px 20px;
}

.main-page .card-content [class*="_desc_card"] p {
    margin: 0;
}

.main-page .card-buttons {
    margin: 0 20px 20px 20px;
}

/*End Main Block 13 and Block 14*/

/*FAQ*/
.accordion-item,
.accordion-header {
    background-color: var(--gray-bg) !important;
    border-radius: 22px !important;
    border: none;
}

.accordion-button:not(.collapsed) {
    background-color: var(--gray-bg);
    color: var(--color-primary);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-bottom: 1rem !important;
}

.accordion-button:focus,
.accordion-button:active {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

.accordion-button {
    background-color: var(--gray-bg);
    border-radius: 22px !important;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.accordion-button::after {
    background-image: var(--bs-accordion-btn-icon-plus);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-active-icon-minus);
    -webkit-transform: scaleY(0.8);
    -ms-transform: scaleY(0.8);
    transform: scaleY(0.8);
}

/*End FAQ*/

/*Error 404 and Sitemap*/
.img-404 {
    width: 100%;
    height: 526px;
}

.img-404 span {
    display: block;
    background: url("../img/404img.webp");
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-size: contain;
    position: relative;
    width: 100%;
    height: 100%;
}

#menu-404,
#menu-sitemap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    margin: 0;
}

#menu-404 .sub-menu,
#menu-sitemap .sub-menu {
    text-transform: none;
    list-style: none;
    padding: 0;
}

#menu-404>li,
#menu-sitemap>li {
    width: 40%;
    list-style: none;
    margin-bottom: 1.3rem;
}

#menu-404>li>a,
#menu-sitemap>li>a {
    display: block;
    margin-bottom: 1rem;
    font: var(--h5);
}

#menu-404 li .sub-menu li,
#menu-sitemap li .sub-menu li {
    color: var(--accent-1);
    font: var(--b2);
    text-transform: none;
    padding-bottom: 8px;
}

/*End Error 404 and Sitemap*/

/*Contacts*/
.contacts-page [class*="_icon_card_"] {
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 25px;
    height: 25px;
}

.contacts-page .block1_icon_card_1 {
    background-image: url("../img/phone-white.svg");
}

.contacts-page .block1_icon_card_2 {
    background-image: url("../img/location-dot-white.svg");
}

.contacts-page .block1_icon_card_3 {
    background-image: url("../img/envelope.svg");
}

.contacts-page .block1_icon_card_4 {
    background-image: url("../img/bullhorn.svg");
}

.contacts-page .contacts-socials [class*="-circle"] {
    width: 46px;
    height: 46px;
    background-color: var(--white);
    border-radius: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contacts-page .contacts-socials [class*="-circle"] span {
    width: 18px;
    height: 18px;
    background-size: contain;
}

.contacts-page .map-wrapper iframe {
    border-radius: 30px;
    height: 500px
}

.contacts-page .block3_socials a {
    flex-basis: 48%;
}

.contacts-page .block3_socials .button-text {
    font-weight: 600;
}

.contacts-page .block3_socials .circle-fill-wrapper {
    width: 50px;
    height: 50px;
}

.contacts-page .block3_socials .circle-fill-wrapper span {
    width: 17px;
    height: 20px;
}

/*End Contacts*/

/*Banner*/
.banner_img {
    object-fit: cover;
    object-position: center 8%;
}

.vacancy-body>.cta-banner:last-child {
    margin-bottom: 0 !important;
}

/*End banner*/

/*Responsive*/
@media (min-width:1200px) {
    [class*="wrapper-block-"] {
        margin-bottom: 120px;
    }

    .block3 .swiper::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 80%;
        right: 0;
        background: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--gray-bg-0)), to(var(--gray-bg)));
        background: -o-linear-gradient(left, var(--gray-bg-0) 50%, var(--gray-bg) 100%);
        background: linear-gradient(90deg, var(--gray-bg-0) 50%, var(--gray-bg) 100%);
        z-index: 1;
    }

    .block3 .swiper::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 80%;
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, var(--gray-bg)), color-stop(50%, var(--gray-bg-0)));
        background: -o-linear-gradient(left, var(--gray-bg) 0%, var(--gray-bg-0) 50%);
        background: linear-gradient(90deg, var(--gray-bg) 0%, var(--gray-bg-0) 50%);
        z-index: 2;
    }

    .block5_card-1,
    .block5_card-2 {
        margin-top: 0 !important;
    }

    .block12_socials a {
        width: 277px;
    }

    .wrapper-cards .row > .col-xl-6:nth-child(-n+2) {
      margin-top: 0 !important;
    }
    /*buttons*/
    .btn-extra-padding {
        padding: 1.5rem 9rem;
    }

    /*end buttons*/

    /*contacts*/
    .contacts-page .block1_img {
        margin-top: -43px;
    }

    .contacts-page .block3_img {
        margin-top: -25px;
    }

    .contacts-page .wrapper-block-1 {
        margin-bottom: 60px;
    }

    /*end contacts*/
}

@media (max-width: 1199px) {

    /*General*/
    [class*="page-template-"]>[class*="-page"]:not(.main-page),
    .landing-404,
    [class*="tax-"]>[class*="-page"],
    .single .post-page {
        margin-top: 67px;
    }

    /*End General*/

    .h1-mobile {
        font: var(--h1-mobile);
    }

    .h2-mobile {
        font: var(--h2-mobile);
    }

    .h3-mobile {
        font: var(--h3-mobile);
    }

    .h4-mobile {
        font: var(--h4-mobile);
    }

    .h5-mobile {
        font: var(--h5-mobile);
    }

    .h6-mobile {
        font: var(--h6-mobile);
    }

    .h1-mobile,
    .h2-mobile,
    .h3-mobile,
    .h4-mobile,
    .h5-mobile,
    .h6-mobile {
        margin-bottom: 0;
    }

    .cta3-mobile {
        font: var(--cta3);
    }

    .extra-b0 {
        font: var(--cta1);
    }

    [class*="wrapper-block-"] {
        margin-bottom: 40px !important;
    }

    .main-page [class*="wrapper-block-"] {
        margin-bottom: 80px !important;
    }

    [class*="-page"] [class*="_description"]:not(.block1_description) {
        font: var(--b3);
    }

    [class*="-page"] [class*="_title_card_"] {
        font: var(--cta2);
        font-weight: 600;
    }

    [class*="-page"] [class*="_description_card_"] {
        font: var(--b3);
    }

    [class*="-page"] [class*="wrapper-block-"]:not(.wrapper-block-2):not(.wrapper-block-1.contacts) .icon-card-wrapper {
        background-color: var(--color-primary);
        border-radius: 10px;
        width: 48px;
        height: 48px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .main-page [class*="wrapper-block-"]:not(.wrapper-block-2) [class*="_icon_card_"] {
        background-repeat: no-repeat;
        background-position: center;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        background-size: contain;
        width: 24.8px;
        height: 20px;
    }

    [class*="-page"] [class*="_desc_card"] {
        font: var(--b3);
    }

    .tg-bot-text {
        font: var(--b4) !important;
    }
    /*image*/
    .main-page [class*="wrapper-block-"]:not(.wrapper-block-3):not(.wrapper-block-4):not(.wrapper-block-5):not(.wrapper-block-11):not(.wrapper-block-12) [class*="_img"] {
        -o-object-fit: cover;
        object-fit: cover;
        height: 300px;
    }

    /*end image*/

    /*buttons*/
    .secondary {
        font: var(--cta2);
        font-weight: 600;
    }

    .btn-link-main {
        font: var(--b2);
    }

    /*end buttons*/

    /*accordeon*/
    .accordion-button {
        font: var(--h5-mobile);
    }

    .accordion-body {
        font: var(--b3);
    }

    /*end accordion*/

    /*slider*/
    .block5-slider {
        width: 100%;
        height: auto;
    }

    .block5 .swiper {
        width: 100%;
        height: 100%;
        min-height: 300px;
    }

    .block5 .swiper-slide,
    .block12 .swiper-slide {
        width: 100% !important;
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .block5 .swiper-slide img {
        width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
        min-height: 300px;
    }

    .block12 .swiper-slide img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        min-height: 463px;
    }


    .swiper-button-next,
    .swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }

    .swiper-button-prev span,
    .swiper-button-next span {
        width: 5.6px;
        height: 10.5px;
    }

    /*end slider*/

    /*link*/
    

    /*end link*/

    .main-page .wrapper-with-bg {
        border-radius: 40px;
    }

    /*main block1*/
    .main-page .wrapper-block-1 {
        border-radius: 0;
        height: 773px;
    }

    .block1 .calculator {
        width: auto;
    }

    .block1 .calc-count-title {
        font: var(--b3);
    }

    /*main block3*/
    .ya-map {
        height: 360px;
    }

    /*end main block3*/

    /*main block 4*/
    .main-page .wrapper-block-4 [class*="_img"] {
        -o-object-fit: cover;
        object-fit: cover;
        height: 300px;
        -o-object-position: center 30%;
        object-position: center 30%;
        width: 100%;
        margin-top: 0;
    }

    /*end main block 4*/

    /*main block 5*/
    [class*="block5_card-"] {
        padding-right: 0;
        padding-left: 0;
    }

    /*end main block 5*/

    /*main block 11*/
    .main-page .wrapper-block-11 .wrapper-with-bg {
        padding: 16px 0 49px 0;
    }

    .block11 .block11_img {
        height: 360px;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
    }

    /*end main block 11*/

    /*main block 12*/
    #block12_video_background {
        height: 360px;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 30px;
    }

    .block12_socials span {
        font: var(--cta2);
        font-weight: 600;
    }

    /*end main block 12*/

    /*header*/
    .header {
        top: 20px;
        z-index: 103;
        position: fixed;
        -webkit-transition: top 0.3s ease;
        -o-transition: top 0.3s ease;
        transition: top 0.3s ease;
        height: 50px;
    }

    .header .nav-bar {
        border-radius: 24px;
    }

    .header .menu-item {
        font: var(--b3);
        padding: 0;
    }

    .header .nav-link {
        text-align: start;
    }
    
    .header > .container-fluid > .container{
        padding-right: .5rem !important;
        padding-left: .5rem !important;
    }
    /*end header*/
    /*footer*/
    .footer .wrapper-with-bg {
        border-radius: 40px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .footer .footer-socials [class*="-circle"],
    .header .header-socials [class*="-circle"],
    .header .burger-menu-circle,
    .author-socials [class*="-circle"] {
        width: 30px;
        height: 30px;
    }

    .footer .footer-socials [class*="-circle"] span,
    .header .header-socials [class*="-circle"] span,
    .author-socials [class*="-circle"] span {
        width: 11px;
        height: 13px;
        background-size: contain;
    }

    .header .burger-menu-circle span {
        width: 13px;
        height: 18px;
        background-size: contain;
    }

    .header .navbar-brand img {
        height: 18px;
        width: auto;
    }

    /*end footer*/

    /*blog and vacancies*/
    [class*="-post-item-title"] {
        font: var(--b2);
        font-weight: 600;
    }

    .blog_title {
        font: var(--h4);
    }

    .blog-post-item-title {
        font: var(--h5-mobile);
    }

    .blog-post-item-desc {
        font: var(--b3);
    }

    .blog-post-item-date {
        font: var(--b4);
    }

    .blog-post .post-category {
        font: var(--b3);
    }

    .blog-post .post-dates {
        font: var(--b4);
    }

    .blog-post .item-thumb-main img,
    .blog-page .item-thumb img,
    .tag-page .item-thumb img,
    .category-page .item-thumb img {
        height: 200px;
    }

    .post-header .author-avatar,
    .post-meta-author .author-avatar {
        width: 54px;
        height: 54px;
    }

    .post-content .wrapper-table-contents {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .post-content .table-contents-title {
        font: var(--h6-mobile);
    }

    .post-content .table-contents-title::after {
        width: 9px;
        height: 6px;
    }

    .post-content .table-contents ul {
        gap: 8px;
        padding-left: 14px;
        font: var(--b3);
    }

    .post-content .table-contents>ul {
        padding-left: 0;
    }

    .post-meta-info,
    .post-similar-posts {
        margin-bottom: 40px;
    }

    .category-filter .h4,
    .hastag-filter .h4,
    .similar-posts .h4 {
        font: var(--h5-mobile);
    }

    .vacancy-title {
        font: var(--h5-mobile);
    }

    .vacancy-card-expanded .vacancy-title {
        font: var(--h4-mobile);
    }

    .vacancy-salary span {
        font: var(--b2);
    }

    .vacancy-buttons>* {
        width: 100%;
    }

    .vacancies-sidebar .company-name {
        font: var(--h6-mobile);
    }

    .vacancies-sidebar .company-location {
        font: var(--b3);
    }

    .vacancy-buttons .socials-with-wrapper .circle-fill-wrapper {
        width: 34px;
        height: 34px;
    }

    .vacancy-buttons .btn-more {
        padding: 16px 44px;
    }

    .vacancy-page .job-location-content {
        font: var(--b2);
    }

    .vacancy-page .map-wrapper iframe {
        height: 380px;
    }

    /*end blog and vacancies*/

    /*modal lightbox*/
    #modalLightBox .modal-dialog {
        width: 100%;
        max-width: 375px;
        height: auto;
        margin: auto;
    }

    #modalLightBox .modal-dialog img {
        width: auto;
        max-height: 80vh;
    }

    /*end modal lightbox*/

    /*error 404 and sitemap*/
    .error-404 .b2 {
        font: var(--b3);
    }

    .error-404 .primary,
    .default-page .primary {
        width: 100%;
    }

    .img-404 {
        width: 100%;
        height: 248px;
    }

    .img-404 span {
        display: block;
        background: url("../img/404img-mobile.webp");
        background-repeat: no-repeat;
        background-position: center;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        background-size: contain;
        position: relative;
        width: 100%;
        height: 100%;
    }

    .landing-404 h2,
    .sitemap-block1 h1 {
        font: var(--h3-mobile);
    }

    #menu-404>li,
    #menu-sitemap>li {
        width: 100%;
        margin-bottom: 10px;
    }

    #menu-404>li>a,
    #menu-sitemap>li>a {
        margin-bottom: 8px;
        font: var(--h6-mobile);
    }

    #menu-404 li .sub-menu li,
    #menu-sitemap li .sub-menu li {
        font: var(--b3);
        padding-bottom: 4px;
    }

    /*end error 404 and sitemap*/

    /*pagination*/
    .pagination {
        margin-top: 10px;
    }

    .pagination .page-numbers {
        width: 30px;
        height: 30px;
        font: var(--cta3);
    }

    .pagination .chevron-right,
    .pagination .chevron-left {
        width: 5px;
        height: 8px;
    }

    /*end pagination*/

    /*contacts*/
    .contacts-page [class*="wrapper-block-"]:not(.wrapper-block-1) {
        margin-bottom: 80px !important;
    }

    .contacts_title {
        font: var(--h4);
    }

    .contacts-page .block1_img {
        width: 100%;
    }

    .contacts-page .block2_title {
        font: var(--h1-post);
    }

    .contacts-page .block3_title {
        font: var(--h2-mobile);
    }

    .contacts-page .map-wrapper iframe {
        border-radius: 30px;
        height: 380px
    }

    .contacts-page .block3_socials .button-text {
        font: var(--cta3);
    }

    .contacts-page .block3_socials .circle-fill-wrapper {
        width: 40px;
        height: 40px;
    }

    .contacts-page .block3_socials .circle-fill-wrapper span {
        width: 14px;
        height: 15px;
        background-size: contain;
    }

    /*end contacts*/

    /*CMS content*/
    .cms-content {
        font: var(--b3);
    }

    .cms-content h1 {
        font: var(--h1-post);
    }

    .cms-content h2.wp-block-heading {
        font: var(--h4-mobile);
        margin-bottom: 30px;
    }

    .cms-content h3.wp-block-heading {
        font: var(--h5-mobile);
        margin-bottom: 16px;
    }

    .cms-content h4.wp-block-heading {
        font: var(--h6-mobile);
        margin-bottom: 16px;
    }

    .cms-content p,
    .cms-content ul.wp-block-list,
    ol.wp-block-list {
        margin-bottom: 14px;
    }

    .cms-content .wp-block-table .table-wrapper {
        overflow-x: auto;
    }

    .cms-content .wp-block-table .table-wrapper table {
        width: max-content;
    }

    .cms-content .wp-block-video {
        margin-bottom: 14px;
    }

    .cms-content .wp-block-video video {
        height: 360px;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .cms-content .table-wrapper {
        overflow-x: auto;
        width: 100%;
        padding-bottom: 10px;
        scrollbar-width: thin;
        /* для Firefox */
        scrollbar-color: var(--color-primary) var(--color-secondary);
        /* цвет ползунка и трека в Firefox */
    }

    /* Для Chrome, Edge, Safari */
    .cms-content .table-wrapper::-webkit-scrollbar {
        height: 2px;
    }

    .cms-content .table-wrapper::-webkit-scrollbar-thumb {
        background-color: var(--color-primary);
        /* цвет самого ползунка */
    }

    .cms-content .table-wrapper::-webkit-scrollbar-track {
        background: var(--color-secondary);
    }

    .cms-content blockquote {
        padding: 1.2rem 1.5rem;
    }

    .cms-content blockquote cite {
        display: flex;
        flex-direction: column;
        gap: .25rem;
        margin-top: 1rem;
    }

    .cms-content blockquote .author-name,
    .blog-post .author-name {
        font: var(--alt-h2);
    }

    .cms-content blockquote .author-position,
    .blog-post .author-position {
        font: var(--b4);
    }

    .cms-content .block-faq {
        margin-bottom: 20px;
        margin-top: 40px;
    }

    .cms-content .cta-banner {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    /*end CMS content*/

    /*breadcrumbs*/
    .breadcrumbs {
        font: var(--b4);
    }

    /*end breadcrumbs*/
}


.utp li{list-style: none;}
.utp li:before{
  content: url('../img/logo-icon.svg');
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  margin-right: 10px;
  position: relative;
  top: 0px;
}
@media (max-width: 1199px) {
  .utp li:before{
  margin-right: 8px;
  top: 2px;
}
}
/*End Responsive*/