@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');


body {
    margin: 0;
    padding: 0;
    font-family: "Manrope", sans-serif;
    font-size: 18px;
    font-weight: 400;
    background-color: #F8F9FE;
}

.container {
    max-width: 1720px;
    margin: 0 auto;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}

.mob_menu {
    display: none;
}

.header {
    background-color: #33415752;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.header_inner {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo {
    min-width: 15%;
}

.header_menu {
    height: 100%;
}

.header_menu nav {
    height: 100%;
}

.head_menu {
    display: flex;
    align-items: center;
    gap: 40px;
    margin: 0;
    height: 100%;
}

.head_menu li {
    list-style: none;
    height: 100%;
    align-items: center;
    display: flex;
}

.head_menu li a {
    color: #17639A;
    text-decoration: none;
    font-size: 16px;
    height: calc(100% - 2px);
    align-items: center;
    display: flex;
    border-bottom: 2px solid transparent;
    font-weight: 300;
}

.head_menu li a:hover {
    border-bottom: 2px solid #17639A;
}

.head_icons {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-left: auto;
    margin-right: 30px;
}

.head_icons a:hover {
    opacity: 0.9;
}

.head_buttons {
    display: flex;
    align-items: center;
    gap: 10px;
}

.hb_contact {
    background-color: #17639A;
    color: #fff;
    font-size: 16px;
    padding: 10px 25px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 400;
    text-align: center;
}

.hb_lang {
    padding: 12px 25px;
    background-color: #ffffff38;
    border-radius: 50px;
    color: #fff;
    border: none;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
}

.hb_contact:hover,
.hb_lang:hover {
    opacity: 0.8;
}

.home_hero {
    background-image: url(/wp-content/themes/officepace/assets/images/home_hero.png);
    padding-top: 203px;
    border-radius: 0 0 25px 25px;
    background-size: cover;
    background-position: bottom;
}

.home_hero h1 {
    font-size: 96px;
    font-weight: 400;
    line-height: 85%;
    letter-spacing: -3%;
    margin: 0;
}

.home_hero p {
    font-size: 24px;
    max-width: 18%;
    line-height: 110%;
    margin-top: 37px;
}

.home_hero .discover_more {
    display: flex;
    justify-content: end;
    padding-top: 267px;
    padding-bottom: 70px;
}

.discover_more a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    width: fit-content;
}

.discover_more a:hover {
    opacity: 0.8;
}

.discover_more a .dm_text {
    background-color: #17639A;
    border-radius: 100px;
    height: 69px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 32px;
    font-weight: 400;
    color: #fff;
}

.discover_more a .dm_ico {
    width: 69px;
    height: 69px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #17639A;
    border-radius: 100px;
}

.discover_more a .dm_ico img {}

section.about {
    padding-top: 120px;
}

.about_inner {
    display: flex;
    text-align: center;
    gap: 20px;
}

.about_inner>div {
    width: calc((100% - 20px) / 2);
}

.about_inner h6 {
    font-size: 32px;
    padding-top: 16px;
    width: 70%;
    margin: 0 auto;
    line-height: 127%;
    font-weight: 400;
}

.about_inner h6 b {
    font-size: 36px;
    font-weight: 600;
}

.about_inner p {
    font-weight: 300;
    margin: 0 auto;
    padding-top: 38px;
    width: 76%;
    line-height: 141%;
}

.about_inner .discover_more {
    display: flex;
    justify-content: center;
    padding-top: 30px;
}

.section_title {
    font-size: 64px;
    font-weight: 400;
    margin: 0;
}

.about_inner_img img {
    width: 100%;
}

.about_inner_text {
    background-color: #fff;
    border-radius: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

section.our_clients {
    padding-top: 100px;
}

.our_clients_inner {
    padding-top: 35px;
    overflow: hidden;
}

.client_item {
    background: #E1E4EB;
    height: 245px;
    border-radius: 15px;
    padding: 0 25px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.client_item img {
    width: 100%;
}

section.our_projects {
    padding-top: 100px;
}

.our_projects_inner {
    padding-top: 30px;
}

.project_itm {
    border-radius: 40px;
    overflow: hidden;
}

.project_itm_img {
    width: 100%;
    height: 707px;
    object-fit: cover;
}

.pi_title {
    position: absolute;
    bottom: 35px;
    padding: 21px 30px;
    background: #E1E4EB;
    left: 30px;
    right: 30px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pi_title_text {
    font-size: 32px;
    line-height: 110%;
    width: 65%;
}

.pi_link {}

.pi_link .discover_more {}

.swiper-prev {
    position: absolute;
    left: 30px;
    top: 50%;
    z-index: 9;
    width: 69px;
    height: 69px;
    backdrop-filter: blur(9px);
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(0px, -50%);
    cursor: pointer;
    background: #00000042;
}

.swiper-prev img {
    transform: rotate(135deg);
}

.swiper-next {
    position: absolute;
    right: 30px;
    top: 50%;
    z-index: 9;
    width: 69px;
    height: 69px;
    backdrop-filter: blur(9px);
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(0px, -50%);
    cursor: pointer;
    background: #00000042;
}

.swiper-next img {
    transform: rotate(-45deg);
}

.inspiration {
    padding-top: 93px;
}

.inspiration_inner {
    padding-top: 30px;
}

.home_catalog {
    padding-top: 108px;
}

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

.home_catalog_inner {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    padding-top: 40px;
}

.hci_item {
    width: calc((100% - 40px) / 3);
    background: #E1E4EB;
    border-radius: 40px;
    padding: 20px;
    box-sizing: border-box;
    padding: 30px;
    cursor: pointer;
    text-decoration: none;
}

.hci_item:hover {
    background-color: #fff;
}

.hci_item_tags {
    display: flex;
    align-items: center;
}

.hci_item_tags span {
    background-color: #687085;
    padding: 10px 15px;
    border-radius: 50px;
    font-size: 20px;
    color: #fff;
}

.hci_item_tags span.hci_item_tags_sale {
    background-color: #17639A;
}

.hci_item_image {
    text-align: center;
    height: 386px;
}

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

.hci_item_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 32px;
    font-weight: 500;
    color: #000;
}

.discover_icon {
    width: 69px;
    height: 69px;
    background: #17639a;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    transition: 0.3s all;
}

.hci_item:hover .discover_icon {
    transform: rotate(90deg);
}

section.lib_3d {
    padding-top: 191px;
}

.lib_3d_inner {
    background-image: url(/wp-content/themes/officepace/assets/images/home_lib_3d.png);
    background-position: right bottom;
    padding: 70px 70px;
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 40px;
}

.lib_3d_title {
    font-size: 48px;
    font-weight: 500;
    max-width: 55%;
    margin: 0;
    padding-top: 51px;
    line-height: 110%;
    letter-spacing: 1%;
    padding-bottom: 20px;
}

.lib_3d_inner p {
    font-weight: 300;
    margin-bottom: 29px;
    margin-top: 0;
    max-width: 35%;
}

.lib_3d_inner .discover_more {
    padding-top: 50px;
}

section.knowledge {
    padding-top: 99px;
}

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

.know_head_text {}

.know_head_text h6 {
    font-size: 36px;
    line-height: 110%;
    margin-top: 31px;
    font-weight: 600;
    margin-bottom: 0;
}

.know_head_text p {
    font-size: 32px;
    margin-top: 16px;
}

.know_inner {
    padding-top: 20px;
}

.know_item {
    display: flex;
    margin-bottom: 19px;
    background: #E1E4EB;
    gap: 50px;
    text-decoration: none;
    color: #000;
    border-radius: 40px;
    padding: 21px;
    position: relative;
}

.know_item:hover {
    background-color: #fff;
}

.know_item_img {
    width: 39%;
    height: 430px;
    border-radius: 40px;
    overflow: hidden;
}

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

.know_item_body {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.know_item_body_title {
    font-size: 32px;
}

.know_item_body_read {
    color: #17639A;
    border-bottom: 2px solid;
    margin-right: 31px;
}

.know_item_arrow {
    position: absolute;
    right: 48px;
    bottom: 45px;
}

.request_free {
    padding-top: 98px;
}

.request_free_inner {
    background: #17639A;
    padding: 60px;
    border-radius: 40px;
    padding-bottom: 31px;

}

.rfi_badge {
    font-size: 20px;
    color: #fff;
    padding: 8px 16px;
    border-radius: 50px;
    background: #F0F1F5;
    display: inline-block;
}

.request_free_inner h6 {
    color: #fff;
    font-size: 64px;
    font-weight: 400;
    margin-top: 23px;
    margin-bottom: 0;
}

.rfi_text {
    line-height: 120%;
    font-size: 32px;
    color: #fff;
    margin-top: 10px;
}

.rfi_body {
    display: flex;
    gap: 50px;
}

.rfi_body_form {
    width: 53%;
    padding-top: 36px;
}


.contact_input {
    background: #ffffff20;
    border: none;
    width: 100%;
    border-radius: 100px;
    font-size: 20px;
    color: #fff;
    height: 64px;
    box-sizing: border-box;
    padding: 0 35px;
    font-family: "Manrope", sans-serif;
}

.contact_input::placeholder {
    color: #fff;
    opacity: 1;
    font-family: "Manrope", sans-serif;
}

.contact_row {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 9px;
}

.contact_row p {
    margin: 0;
    width: 100%;
}

textarea.contact_input {
    height: 191px;
    border-radius: 25px;
    padding-top: 22px;
    font-family: "Manrope", sans-serif;
}

.contact_submit {
    padding-top: 25px;
    display: flex;
    position: relative;
    width: fit-content;
}

.contact_submit_button {
    color: #17639A;
    background-color: #FFFFFF;
    height: 69px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    border: none;
    font-size: 18px;
    padding: 0 34px;
    cursor: pointer;
    font-weight: 400;
    font-family: "Manrope", sans-serif;
}

.contact_submit_button:hover {
    opacity: 0.8;
}

.contact_submit::after {
    content: '';
    background: url(/wp-content/themes/officepace/assets/images/icons/blue_arrow.svg);
    width: 69px;
    height: 69px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -69px;
    position: absolute;
    background-color: #fff;
    border-radius: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 23%;
}

.contact_submit p {
    margin: 0;
}



.rfi_body_contacts {
    display: flex;
    flex: 1;
    justify-content: space-between;
    padding-left: 100px;
    padding-top: 35px;
    padding-right: 50px;
}

.rfi_body_contacts_left {}

.rfi_contacts_item {
    margin-bottom: 33px;
}

.rfi_contacts_item_title {
    color: #ffffff7b;
    margin-bottom: 20px;
}

.rfi_contacts_item_text {
    color: #fff;
    margin: 0
}

.rfi_body_contacts_right {}

.rfi_body_contacts_right a {
    color: #fff;
    text-decoration: none;
}

.home_map {
    padding-top: 120px;
}

.seo_text {
    padding-top: 80px;
    padding-bottom: 168px;
}

.seo_text_inner {
    padding: 55px 55px;
    background: #fff;
    border-radius: 40px;
    padding-top: 30px;
}

.seo_text h2 {
    font-size: 32px;
    font-weight: 400;
}

.seo_block {
    max-height: 300px;
    overflow-y: scroll;
    scrollbar-color: #17639A #e1e4eb;
    scrollbar-width: thin;
    padding-right: 20px;
}

.footer {
    background-color: #17639A;
    border-radius: 50px 50px 0 0;
    padding: 30px 0;
    padding-bottom: 70px;
    color: #fff;
    font-weight: 300;
    font-size: 16px;
}

.footer_inner {
    padding-top: 40px;
    display: flex;
    gap: 20px;
}

.copy_block {
    width: 15%;
}

.copy_text {
    color: #fff;
    padding-top: 71px;
}

.policy_block {
    font-size: 16px;
    width: 25%;
}

.policy_block_text {}

.policy_block_links {
    display: flex;
    flex-direction: column;
    padding-top: 58px;
    gap: 10px;
}

.policy_block_links a {
    color: #fff;
}

.footer_menu {
    display: flex;
    gap: 60px;
    width: 30%;
}

.footer_menu_item {}

.footer_menu_title {
    color: #ffffff7a;
    padding-bottom: 10px;
}

.footer_menu_item ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    min-width: 100px;
    justify-content: space-between;
}

.footer_menu_item ul li {
    list-style: none;
    width: 50%;
    margin-bottom: 12px;
}

.footer_menu_item ul li a {
    color: #fff;
    text-decoration: none;

}

.footer_menu_item:nth-child(2) ul {
    flex-wrap: nowrap;
    flex-direction: column;
}

.footer_address {
    width: 20%;
}

.footer_follow {
    width: 10%;
}

.footer_address ul {
    flex-direction: column;
    flex-wrap: nowrap;
}

.footer_follow ul {
    flex-direction: column;
    flex-wrap: nowrap;
}

.footer_address ul li {
    width: 100%;
}

.mobi_more {
    display: none;
}

.home_catalog_slider {
    display: none;
}

.lib_3d_image {
    display: none;
}


.mobile_menu_wrap {
    position: fixed;
    top: 0;
    right: 0;
    max-width: 500px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
    background-color: #b7b7b7;
    background-image: url(/wp-content/themes/officepace/assets/images/home_hero.png);
    background-size: cover;
    background-position: center;
}

.mmw_top_line {
    background-color: #17639A;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mmw_top_line a {
    color: #fff;
    font-size: 10px;
    text-decoration: none;
}

.mmw_logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
}

.mmw_logo_img {}

.mmw_logo_buttons {
    display: flex;
    justify-content: end;
    gap: 10px;
}

.mmw_blur {
    backdrop-filter: blur(5px);
    background-color: #0000003b;
    height: 100%;
    width: 100%;
}

.mmw_menu {}

.mmw_menu ul {
    display: flex;
    flex-direction: column;
    padding: 0 15px;
    margin: 0;
    align-items: start;
    gap: 25px;
}

.mmw_menu ul li {}

.mmw_menu ul li a {
    color: #fff;
    font-size: 16px;
}

.mmw_contact {
    padding: 0 15px;
    padding-top: 30px;
    width: 100%;
    display: flex;
    box-sizing: border-box;
    gap: 15px;
}

.mmw_contact .hb_contact {
    flex: 1;
}

.mmw_contact .hb_lang {
    color: #fff;
}

.header_blue_line {

    background-color: #17639A;
}

.hbl_inner {
    display: flex;
    align-items: center;
    gap: 90px;
    justify-content: center;
    padding: 5px 0;
}

.hbl_inner a {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    text-decoration: none;
}

.main_about {}

.breads {
    padding-top: 127px;
    padding-bottom: 34px;
}

.breadcrumbs {
    background-color: #E1E4EB;
    border-radius: 50px;
    color: #17639A;
    align-items: center;
    font-size: 14px;
    display: inline-flex;
    padding: 2px;
    gap: 5px;
}

.breadcrumbs a {
    color: #17639A;
    text-decoration: none;
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 50px;
}

.breadcrumbs span {
    padding: 5px 10px;
    font-weight: 600;
}

.sub_page .header_menu ul li a {
    color: #ffff;
}

.sub_page_title {
    padding-top: 25px;
}

.sub_page_title_inner {
    display: flex;
    gap: 55px;
    align-items: center;
}

.sub_page_title_text {
    display: flex;
    gap: 60px;
    align-items: center;
    flex: 0 0 auto;
}

.sub_page_title_inner h1 {
    font-size: 96px;
    font-weight: 400;
    margin: 0;
    line-height: 85%;
    letter-spacing: -3%;
}

.sub_page_title_inner .title_circle {}

.sub_page_title_desc {
    font-size: 24px;
    line-height: 110%;
    flex: 1;
}

.sub_page_title_desc b {
    font-weight: 700;
}

.about_img {
    padding-top: 69px;
}

.about_img_inner {
    position: relative;
}

.about_img_inner img {
    border-radius: 40px;
    width: 100%;
}

.about_img_inner_text {
    background-color: #ffffffab;
    position: absolute;
    top: 38px;
    left: 39px;
    border-radius: 20px;
    width: 31%;
    padding: 17px;
    backdrop-filter: blur(5px);
}

.header_menu .current-menu-item a {
    border-color: #17639A;
}

.sub_page .header_menu .current-menu-item a {
    border-color: #fff;
}

.header .logo img {
    max-width: 122px;
}

.about_stat {
    padding-top: 93px;
}

.about_stat_inner {
    max-width: 75%;
}

.about_stat_inner p {}

.about_stat_inner .discover_more {}

.about_stat_inner .section_title {
    line-height: 120%;
}

.about_stat_data {
    display: flex;
    justify-content: end;
    margin-top: -210px;
    gap: 20px;
    align-items: end;
}

.asd_item {
    text-align: center;
    color: #17639A;
    background: linear-gradient(180deg, #c0c6d4b3 0%, rgba(202, 40, 40, 0) 100%);
    height: 500px;
    width: 263px;
    border-radius: 20px;
    padding: 20px;
    box-sizing: border-box;
}

.asd_item:nth-child(3) {
    height: 360px;
}

.asd_item:nth-child(2) {
    height: 248px;
}

.asd_item:nth-child(1) {
    height: 188px;
}

.asd_item_title {
    font-size: 40px;
}

.asd_item_text {}

.officepace {
    padding-top: 97px;
}

.officepace_inner {
    display: flex;
    gap: 20px;
}

.officepace_inner_img {
    max-height: 930px;
    border-radius: 40px;
    overflow: hidden;
    max-width: 50%;
}

.officepace_inner_img img {
    border-radius: 40px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.officepace_inner_text {
    border-radius: 40px;
    background: #17639A;
    padding: 30px;
    flex: 1;
    text-align: center;
}

.oit_badge {
    font-size: 20px;
    padding: 10px 15px;
    border-radius: 50px;
    background-color: #fff;
    font-weight: 500;
    display: inline-block;
    margin-top: 30px;
}

.oit_title {
    color: #fff;
    font-size: 64px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
}

.oit_subtitle {
    color: #fff;
    font-size: 32px;
    line-height: 120%;
    max-width: 72%;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 98px;
}

.oit_desc {
    font-size: 18px;
    font-weight: 200;
    color: #fff;
    margin: 0 auto;
    margin-top: 97px;
    max-width: 85%;

}

.values {
    padding-top: 109px;
}

.values_inner {
    display: flex;
    gap: 20px;
    padding-top: 79px;
}

.value_itm {
    background-color: #fff;
    border-radius: 20px;
    padding: 20px;
    width: calc((100% - 60px) / 4);
    box-sizing: border-box;
}

.value_itm_ico {
    text-align: center;
    margin-top: -58px;
}

.value_itm_title {
    font-size: 32px;
    font-weight: 400;
}

.value_itm_text {
    font-weight: 200;
    padding-top: 17px;
}

.request_free.white {
    padding-top: 139px;
}

.request_free.white .request_free_inner {
    background: none;
    padding: 0;
}

.request_free.white .rfi_badge {
    color: #000;
}

.request_free.white .request_free_inner h6 {
    color: #000;
}

.request_free.white .request_free_inner .rfi_text {
    color: #000;
}

.request_free.white .request_free_inner .rfi_contacts_item_title {
    color: #687085;
}

.request_free.white .request_free_inner .rfi_contacts_item_text {
    color: #000000;
    text-decoration: none;
}

.request_free.white .request_free_inner a.rfi_contacts_item_text {
    color: #17639A;
}

.request_free.white .request_free_inner .contact_input {
    background: #fff;
    color: #000;

}

.request_free.white .request_free_inner .contact_input::placeholder {
    color: #000;
    opacity: 1;
}

.request_free.white .request_free_inner .rfi_body_contacts_right a {
    color: #000;
}

.request_free.white .request_free_inner .contact_submit_button {
    color: #fff;
    background-color: #17639A;
}

.request_free.white .request_free_inner .contact_submit::after {
    background-color: #17639A;
    background-image: url(/wp-content/themes/officepace/assets/images/icons/discover_more.svg);
    background-size: 35%;
}

.request_map {
    padding-top: 30px;
    padding-bottom: 130px;
}

.main_contacts .request_free.white {
    padding-top: 50px;
}

.sub_page_desc {
    padding-top: 55px;
    font-size: 24px;
}

.inp_list {
    padding-top: 70px;
}

.inp_list_inner {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.inp_list_item {
    border-radius: 40px;
    background-color: #fff;
    padding: 30px;
    width: calc((100% - 20px) / 2);
    box-sizing: border-box;
}

.inp_list_item_image {
    width: 100%;
    object-fit: cover;
    height: 520px;
    border-radius: 40px;
}

.inp_list_item_title {
    font-size: 32px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 0;
}

.inp_list_item_text {
    margin-top: 10px;
}

.inp_list_item .link {}

.inp_list_item .link .discover_more {}

.insp_list_cat {
    padding-top: 62px;
}

.insp_list_cat_inner {}

.insp_in_item {
    display: flex;
    gap: 20px;
    margin-bottom: 76px;
}

.insp_in_item_text {
    max-width: 50%;
}

.insp_iit_badge {
    font-size: 20px;
    padding: 8px 16px;
    border-radius: 50px;
    background: #F0F1F5;
    display: inline-block;
}

.insp_iit_title {
    font-size: 64px;
}

.insp_iit_subtitle {
    font-size: 32px;
    line-height: 120%;
    padding-top: 12px;
}

.insp_iit_images {
    display: flex;
    gap: 20px;
    padding-top: 53px;
}

.insp_iit_images img {
    overflow: auto;
}

.insp_iit_text {
    font-weight: 200;
    padding-top: 53px;
}

.insp_in_item_image {}

.insp_in_item_image img {
    border-radius: 40px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.insp_in_item.odd .insp_in_item_text {
    order: 1;
}

.main_inspire_single .request_free.white {
    padding-top: 0;
}

.section_msa_categories {
    padding-top: 47px;
}

.msa_categories {
    display: flex;
    gap: 15px;
}

.msa_categories a {
    color: #687085;
    text-decoration: none;
    padding: 15px 20px;
    border: 1px solid;
    border-radius: 50px;
}

.msa_categories a:hover {
    background: #17639A;
    color: #fff;
    border-color: #17639A;
}

.msa_categories a.active {
    background: #17639A;
    color: #fff;
    border-color: #17639A;
}

.msa_hero {
    padding-top: 24px;
}

.msa_hero_inner {
    display: flex;
    gap: 130px;
    align-items: center;
    background-color: #E1E4EB;
    border-radius: 40px;
    padding: 30px;
}

.msa_hero_inner_text {
    max-width: 48%;
    padding-left: 40px;
}

.msa_hero_inner_text h1 {
    font-size: 64px;
    font-weight: 600;
    margin: 0;
}

.msa_hero_inner_text p {
    font-size: 20px;
}

.msa_hero_inner_image {}

.msa_hero_inner_image img {
    max-width: 662px;
    width: 100%;
    max-height: 450px;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.shop_archive_wrap {
    padding-top: 81px;
}

.shop_archive_inner {
    display: flex;
    gap: 30px;
}

.sai_sidebar {
    width: 24%;
}

.filter_title {
    background-color: #17639A;
    background-image: url(/wp-content/themes/officepace/assets/images/icons/filter.svg);
    background-repeat: no-repeat;
    background-position: 95%;
    color: #fff;
    border-radius: 20px;
    padding: 20px 20px;
    font-size: 20px;
}

.sai_content {
    flex: 1;
}

.main_shop_archive {
    padding-bottom: 80px;
}

.main_shop_archive .wc-block-product-filter-price-slider__range .range-bar {
    background: #17639a;
}

.wc-block-product-filters__overlay-content>div {
    padding: 0 20px;
}

.wc-block-product-filters__overlay-content h3 {
    font-size: 20px;
    font-weight: 400;
}

.main_shop_archive .wc-block-product-filter-price-slider .text input[type=text] {
    border: 1px solid #17639A;
}

.main_shop_archive .wc-block-product-filter-price-slider .text input[type=text] {
    border: 1px solid #17639A;
}

.products.columns-3 {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    padding-top: 30px;
}

.products.columns-3 .product {
    width: calc((100% - 40px) / 3);
    list-style: none;
    background: #fff;
    border-radius: 20px;
    padding: 20px;
    box-sizing: border-box;
}

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

.pc__top_sale {
    background: #687085;
    color: #fff;
    font-size: 20px;
    padding: 5px 15px;
    border-radius: 50px;
}

.pc__top_favorite {}

.pc__top_favorite .favorite_add {
    width: 36px;
    height: 36px;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.pc__top_favorite .favorite_add img {
    width: 36px;
    height: 36px;
}

.pc__image {}

.pc__image img {
    width: 100%;
    height: 280px;
    object-fit: contain;
}

.pc__data {}

.pc_data_name {
    font-size: 20px;
    font-weight: 500;
    margin-top: 10px;
    color: #000;
    text-decoration: none;
    display: block;

}

.pc_data_sku {
    font-size: 16px;
    padding-top: 5px;
}

.pc_data_price {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: row-reverse;
    justify-content: start;
}

.pc_data_price ins {
    font-size: 24px;
    font-weight: 600;
    text-decoration: none;
}

.pc_data_price bdi {
    font-size: 24px !important;
    font-weight: 600;
    text-decoration: none;
}

.pc_data_price del {
    text-decoration: none;
}

.pc_data_price del bdi {
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    color: #9D9D9D;
}

.cp__buttons {
    display: flex;
    gap: 10px;
    align-items: center;
    padding-top: 20px;
}

.quick_wiew_button {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #17639A;
    border: 1px solid #17639A;
    background: transparent;
    border-radius: 50px;
    width: 100%;
    font-size: 16px;
    cursor: pointer;
}

.quick_wiew_button:hover {
    opacity: 0.8;
}

.cp__buttons a {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: 1px solid #17639A;
    background: #17639A;
    border-radius: 50px;
    width: 100%;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
}

.cp__buttons a:hover {
    opacity: 0.8;
}

.shop_archive_sort {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.shop_archive_sort .woocommerce-result-count {
    display: none;
}

.shop_archive_sort .woocommerce-ordering {
    margin-top: 20px;
}

.shop_archive_sort .orderby {
    background: none;
    border: none;
    font-size: 20px;
}

.add-to-wishlist .icon_none_wish {
    display: flex;
}

.add-to-wishlist .icon_add_wish {
    display: none;
}

.add-to-wishlist:hover>.icon_none_wish {
    display: none;
}

.add-to-wishlist:hover>.icon_add_wish {
    display: flex;
}

.remove-from-wishlist .icon_none_wish {
    display: none;
}

.remove-from-wishlist .icon_add_wish {
    display: flex;
}

.remove-from-wishlist:hover>.icon_none_wish {
    display: flex;
}

.remove-from-wishlist:hover>.icon_add_wish {
    display: none;
}

.prod_sing_inner {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    gap: 20px;
}

.woocommerce-product-gallery {
    width: calc((100% - 20px) / 2);
    display: flex;
    flex-direction: row-reverse;
    position: relative;
}

.summary.entry-summary {
    width: calc((100% - 20px) / 2);
    padding-left: 40px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 40px;
}

.woocommerce-tabs.wc-tabs-wrapper {
    width: 100%;
}

.prod_sing_inner .onsale {
    position: absolute;
    background: #687085;
    color: #fff;
    font-size: 20px;
    padding: 5px 15px;
    border-radius: 50px;
    z-index: 9;
    left: 150px;
    top: 30px;
}

.woocommerce-product-gallery__trigger {
    position: absolute;
    z-index: 9;
    top: 25px;
    right: 30px;
    border: 1px solid #17639a;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
}

.related.products {}

.related.products .products.columns-4 {
    display: flex;
    gap: 20px;
    padding: 0;
    margin: 0;

}

.related.products .products.columns-4 li.product {
    width: calc((100% - 40px) / 3);
    list-style: none;
    background: #fff;
    border-radius: 20px;
    padding: 20px;
    box-sizing: border-box;
}

.sing_pauments_block {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 5px;
}

.sing_pauments_block_inner {
    display: flex;
    align-items: center;
    gap: 10px;
}

.custom-stars {
    display: flex;
    align-items: center;
    gap: 2px;
    margin: 5px 0;
    color: #FFD257;
    font-size: 22px;
}

.custom-stars .dashicons {
    width: auto;
    height: auto;
    line-height: 1;
}

.custom-stars .dashicons-star-empty {
    color: #ccc;
}

.woocommerce-product-gallery__image.flex-active-slide {
    /* background-color: #fff; */
    /* border-radius: 40px; */
    /* padding: 30px;
    height: 100%;
    box-sizing: border-box; */
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-right: 10px;
    padding-top: 40px;
    box-sizing: border-box;
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
    list-style: none;
    background: #fff;
    border-radius: 20px;
    cursor: pointer;
}

.summary.entry-summary .product_title.entry-title {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 5px;
}

.summary.entry-summary .woocommerce-product-details__short-description p {
    font-size: 18px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 10px;
}

.stock-status {
    background: #333;
    color: #fff;
    padding: 8px 20px;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border-radius: 100px;
    margin-top: 10px;
    display: inline-flex;
    font-size: 16px;
}

.stock-status.in-stock {
    background-color: #429C53;
}

.stock-status.out-of-stock {
    background-color: #cd0c0c;
}

.producs_single ins {
    text-decoration: none;
}

.producs_single bdi {
    font-size: 32px;
    font-weight: 600;
    text-decoration: none;
}

.producs_single del {
    text-decoration: none;
}

.producs_single del bdi {
    font-size: 20px;
    font-weight: 400;
    text-decoration: line-through;
    color: #9D9D9D;
}

.producs_single .price {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: start;
}

.product_summ_title {
    color: #A4A4A4;
    font-size: 20px;
    font-weight: 300;
}

.product_meta {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.product_meta .sku_wrapper {
    color: #A4A4A4;
    font-size: 20px;
    font-weight: 300;
}

.product_meta .sku_wrapper span {
    color: #000;
}

.product_meta .posted_in {
    color: #A4A4A4;
    font-size: 20px;
    font-weight: 300;
    display: none;
}

.product_meta .posted_in a {
    color: #000;
    text-decoration: none;
}

.producs_single .variable-item-span.variable-item-span-color {
    width: 48px;
    height: 48px;
    display: flex;
    border-radius: 100px;
}

.producs_single .variable-items-wrapper {
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px;
}

.producs_single .variable-items-wrapper li {
    list-style: none;
    border: 2px solid #ffffff00;
    border-radius: 100px;
}

.producs_single .variable-items-wrapper li.selected {
    border: 2px solid #fff;
    box-shadow: 0px 0px 5px #000;
}

.producs_single .flex-viewport {
    height: 100% !important;
    border-radius: 40px;
    background-color: #fff;
    padding: 30px;
    box-sizing: border-box;
}

.producs_single .flex-viewport .woocommerce-product-gallery__wrapper {
    height: 100%;
}

.producs_single .variations {
    padding-top: 20px;
}

.producs_single .variations label {
    color: #A4A4A4;
    font-size: 20px;
    font-weight: 300;
    margin-right: 15px;
}

.producs_single .value.woo-variation-items-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.producs_single .reset_variations {
    color: #333;
    text-decoration: none;
}

.quantity-controls {
    display: flex;
    align-items: center;
    width: fit-content;
    overflow: hidden;
    padding-top: 10px;
}

.quantity-controls button {
    background: #F0F1F5;
    border: none;
    width: 48px;
    height: 48px;
    cursor: pointer;
    font-size: 32px;
    transition: background 0.2s;
    color: #17639a;
    font-weight: 200;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Manrope", sans-serif;
}

.quantity-controls button:hover {
    background: #e0e0e0;
}

/* Скрываем стандартные стрелки инпута */
.quantity-controls input::-webkit-outer-spin-button,
.quantity-controls input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.quantity-controls input[type=number] {
    -moz-appearance: textfield;
    border: none;
    width: 55px;
    height: 35px;
    text-align: center;
    font-size: 16px;
    outline: none;
    color: #17639a;
    font-size: 32px;
}

.producs_single .single_variation_wrap {
    margin-top: 5px;
}

.producs_single .quantity-controls .product_summ_title {
    margin-right: 15px;
}


.producs_single .single_variation_wrap ins {
    text-decoration: none;
}

.producs_single .single_variation_wrap bdi {
    font-size: 24px;
    font-weight: 600;
    text-decoration: none;
}

.producs_single .single_variation_wrap del {
    text-decoration: none;
}

.producs_single .single_variation_wrap del bdi {
    font-size: 18px;
    font-weight: 400;
    text-decoration: line-through;
    color: #9D9D9D;
}

.not_revert_price .price {
    flex-direction: row;
}

.woocommerce-variation-add-to-cart {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding-bottom: 30px;
}

.prod_sing_inner .quantity.quantity-controls {
    width: 100%;

}

.single_add_to_cart_button {
    height: 54px;
    border: 1px solid #17639A;
    border-radius: 100px;
    color: #17639A;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    background-color: transparent;
    width: 233px;
    cursor: pointer;
}

.prod_sing_inner .buy-now-button {
    height: 54px;
    border: 1px solid #17639A;
    border-radius: 100px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    background-color: #17639A;
    width: 233px;
    cursor: pointer;
}

.single_add_to_cart_button:hover,
.prod_sing_inner .buy-now-button:hover {
    opacity: 0.8;
}

.tabs.wc-tabs {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
}

.tabs.wc-tabs li {
    list-style: none;

}

.tabs.wc-tabs li a {
    height: 54px;
    border: 1px solid #17639A;
    border-radius: 100px;
    color: #17639A;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    background-color: transparent;
    padding: 0 30px;
    cursor: pointer;
    text-decoration: none;
}

.tabs.wc-tabs li.active a {
    color: #fff;
    background-color: #17639A;
}

.tabs.wc-tabs li a:hover {
    color: #fff;
    background-color: #17639A;
}

.woocommerce-Tabs-panel--description p {
    font-weight: 200;
}

.woocommerce-Tabs-panel--description li {
    font-weight: 200;
}

.woocommerce-tabs h2 {
    font-size: 46px;
    font-weight: 400;
}

.woocommerce-Tabs-panel--description li {
    list-style: none;
    position: relative;
    margin-bottom: 10px;
}

.woocommerce-Tabs-panel--description li::before {
    content: url(/wp-content/themes/officepace/assets/images/icons/li_check.svg);
    width: 27px;
    height: 27px;
    display: block;
    position: absolute;
    margin-left: -38px;
}

.related.products {
    padding-bottom: 80px;
    width: 100%;
}

.related.products h2 {
    font-size: 38px;
    font-weight: 400;
}

.woocommerce-product-attributes-item__label {
    font-size: 18px;
    font-weight: 400;
    color: #9D9D9D;
    text-align: left;
}

.woocommerce-product-attributes-item__value {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    text-align: right;
}

.comment-form-rating {}

/* Контейнер для звезд */
.comment-form-rating .stars span {
    display: flex;
    flex-direction: row;
    font-size: 0;
    /* Прячем текстовое содержимое ссылок */
}

/* Общие стили для каждой звезды (ссылки) */
.comment-form-rating .stars span a {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 2px;
    text-decoration: none;
}

/* Рисуем пустую звезду по умолчанию для всех элементов */
.comment-form-rating .stars span a::before {
    content: "\f154";
    /* Код пустой звезды в Dashicons */
    font-family: 'dashicons';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    color: #ccc;
    /* Цвет пустых звезд */
    position: absolute;
    top: 0;
    left: 0;
    text-indent: 0;
}

/* При наведении или когда звезда выбрана — делаем её закрашенной */
.comment-form-rating .stars span a:hover::before,
.comment-form-rating .stars span a.active::before,
.comment-form-rating .stars span a:focus::before {
    content: "\f155";
    /* Код закрашенной звезды */
    color: #FFD257;
    /* Золотой цвет */
}

/* Логика "закрашивания" всех звезд слева от той, на которую навели */
/* Это работает, если тема поддерживает hover-эффект через CSS */
.comment-form-rating .stars span:hover a::before {
    content: "\f155";
    color: #FFD257;
}

.comment-form-rating .stars span a:hover~a::before {
    content: "\f154";
    color: #ccc;
}

/* Стили для уже выбранного рейтинга (когда добавлен класс .active через JS WooCommerce) */
.comment-form-rating .stars span a.active~a::before {
    content: "\f154";
    color: #ccc;
}

.comment-form label {
    width: 100%;
    display: block;
}

.comment-form {
    background-color: #fff;
    border-radius: 40px;
    padding: 30px;
    max-width: 600px;
    margin-top: 30px;
}

.comment-form input[type="text"],
.comment-form input[type="email"] {
    width: 100%;
    border: 1px solid #17639A;
    border-radius: 50px;
    padding: 15px 20px;
    color: #000;
    display: block;
    box-sizing: border-box;
}

.comment-form textarea {
    width: 100%;
    border: 1px solid #17639A;
    border-radius: 20px;
    padding: 15px 20px;
    color: #000;
    display: block;
    box-sizing: border-box;
}

.comment-form .submit {
    height: 54px;
    border: 1px solid #17639A;
    border-radius: 100px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    background-color: #17639A;
    width: 233px;
    cursor: pointer;
}

.comment-form .submit:hover {
    opacity: 0.8;
}

.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
    font-size: 24px;
    font-weight: 500;
    color: #000;
    text-decoration: none;
}

.wc-block-cart__main .wc-block-cart-items td {
    border: none !important;
}

.wc-block-cart__main .wc-block-cart-items {
    border: none !important;
}

.wp-block-woocommerce-cart-order-summary-totals-block {
    border: none;
}

.wc-block-components-button.wp-element-button.wc-block-cart__submit-button {
    height: 54px;
    background-color: #17639A;
    border-radius: 100px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
}

.wc-block-components-form .wc-block-components-text-input input[type=email],
.wc-block-components-form .wc-block-components-text-input input[type=number],
.wc-block-components-form .wc-block-components-text-input input[type=password],
.wc-block-components-form .wc-block-components-text-input input[type=tel],
.wc-block-components-form .wc-block-components-text-input input[type=text],
.wc-block-components-form .wc-block-components-text-input input[type=url],
.wc-block-components-text-input input[type=email],
.wc-block-components-text-input input[type=number],
.wc-block-components-text-input input[type=password],
.wc-block-components-text-input input[type=tel],
.wc-block-components-text-input input[type=text],
.wc-block-components-text-input input[type=url] {
    background-color: #fff;
    border-radius: 50px;
    border: none;
}

.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main {
    width: 50%;
    padding-right: 30px;
}

.wp-block-woocommerce-checkout .wc-block-components-sidebar {
    width: 50%;
    top: 125px;
    padding: 0;
}

.wp-block-woocommerce-checkout-order-summary-block {
    border: none;
    background-color: #fff;
    border-radius: 40px;
    padding: 30px;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
    background-color: #17639A;
}

.wc-block-components-address-form__country {
    margin-top: 15px !important;
}

.wc-blocks-components-select .wc-blocks-components-select__select {
    border: none;
    background-color: #fff;
    border-radius: 40px;
    padding-left: 20px;
}

.wc-blocks-components-select .wc-blocks-components-select__container {
    background: none;
}

.wc-block-components-form .wc-block-components-text-input label,
.wc-block-components-text-input label {
    left: 20px;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__image {
    width: 179px;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__image>img {
    max-width: 179px;
    width: 179px;
    background: #E1E4EB;
    height: 179px;
    border-radius: 15px;
}

.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-product-name {
    font-size: 24px;
    flex-grow: inherit;
}

.wc-block-components-totals-wrapper,
.wp-block-woocommerce-checkout-order-summary-totals-block {
    border: none;
}

.wp-block-woocommerce-checkout-order-summary-coupon-form-block {
    display: none;
}

.wp-block-woocommerce-checkout-order-summary-block {
    font-size: 18px;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font-size: 24px;
    font-weight: 500;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__individual-prices del {

    color: #9D9D9D;
}

.page_any_title {
    font-size: 46px;
    font-weight: 400;
}

.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block {
    background-color: #fff;
    border-radius: 40px;
    padding: 20px;
}

.wc-block-components-checkout-place-order-button {
    font-size: 20px;
    background-color: #17639A;
    border: none;
    border-radius: 50px;
    height: 60px;
    padding: 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.wc-block-components-checkout-place-order-button:hover {
    opacity: 0.8;
}

.wc-block-components-address-card {
    background-color: #fff;
    border: none;
    border-radius: 30px;
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
    box-shadow: none;
    border: none;
    background-color: #fff;
    border-radius: 30px;
}

.wc-block-components-radio-control--highlight-checked:after {
    display: none;
}

.wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before {
    background: #17639a;
}

.wc-block-components-radio-control .wc-block-components-radio-control__input:checked {
    border: 1px solid #17639a;
}

.wc-block-components-textarea {
    border-radius: 30px;
    border: none;
    background-color: #fff;
}

.thank_you_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    padding-bottom: 80px;
}

.tyi_text {}

.tyi_text h1 {
    font-size: 64px;
    font-weight: 500;
    margin-bottom: 0;
}

.tyi_text p {
    font-size: 32px;
    margin-top: 0;
}

.tyi_text_buttons {
    display: flex;
    align-items: center;
    gap: 40px;
    padding-top: 30px;
}

.tyi_image {}

.tyi_image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.discover_more.gray a .dm_text {
    background-color: #687085;
}

.discover_more.gray a .dm_ico {
    background-color: #687085;
}

.my_account_wrap {
    display: flex;
    padding-bottom: 80px;
    gap: 20px;
}

.woocommerce-MyAccount-navigation ul {
    padding: 0;
    margin: 0;
}

.woocommerce-MyAccount-navigation ul li {
    list-style: none;
    margin-bottom: 15px;
}

.woocommerce-MyAccount-navigation ul li a {
    background-color: transparent;
    width: 100%;
    font-size: 24px;
    color: #000;
    text-decoration: none;
    border-radius: 50px;
    padding: 10px 20px;
    display: block;
    font-weight: 300;
    box-sizing: border-box;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #17639A;
    color: #fff;
}

.woocommerce-MyAccount-navigation ul li a:hover {
    background-color: #17639A;
    color: #fff;
}

.woocommerce-MyAccount-navigation {
    width: 345px;
    background: #fff;
    border-radius: 40px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    min-height: 500px;
}

.woocommerce-MyAccount-content {
    background: #fff;
    border-radius: 40px;
    padding: 30px;
    flex: 1;
}

.woocommerce-MyAccount-navigation-link--customer-logout {
    display: none;
}

.logout_link {
    margin-top: auto;
    padding-left: 20px;
}

.logout_link a {
    display: flex;
    gap: 15px;
    color: #17639A;
    font-size: 24px;
    font-weight: 600;
    text-decoration: none;
}

.logout_link span {}

.logout_link img {}

.woocommerce-MyAccount-content a {
    color: #687085;
    text-decoration: none;
}

.woocommerce-MyAccount-navigation-link--downloads {
    display: none;
}

.woocommerce-MyAccount-orders.shop_table td,
.woocommerce-MyAccount-orders.shop_table th {
    border: none !important;
}

.woocommerce table.shop_table {
    border: none !important;

}

.woocommerce-orders-table__row {
    background-color: #F7F7F7;
    margin-bottom: 10px;
    padding: 15px;
    border-radius: 30px;
}

.woocommerce .my_account_wrap table td,
.woocommerce .my_account_wrap table th {
    padding: 20px 8px;
}

.woocommerce .my_account_wrap table {
    border-collapse: separate;
    border-spacing: 0 10px;
}

/* Закругляем левый верхний и нижний углы у первой ячейки */
.woocommerce .my_account_wrap table th {
    border-radius: 10px 0 0 10px;
}

/* Закругляем правый верхний и нижний углы у последней ячейки */
.woocommerce .my_account_wrap table td:last-child {
    border-radius: 0 10px 10px 0;
}

.woocommerce-orders-table__cell-order-actions .woocommerce-button.button.view {
    background: none;
    text-decoration: underline;
}

.woocommerce table.shop_table th {
    font-weight: 400;
    font-size: 16px;
    color: #767676;
}

mark {
    background: none;
}

.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    background-color: #F7F7F7;
    border-radius: 20px;
}

.woocommerce-order-details__title {
    font-size: 24px;
    font-weight: 500;
}

.woocommerce-table.woocommerce-table--order-details.shop_table.order_details td {
    padding: 9px 8px;
}

.woocommerce table.shop_table td {
    border: none !important;
}

.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
    border: none !important;
}

.woocommerce-customer-details {
    background-color: #F7F7F7;
    border-radius: 20px;
    padding: 20px;
}

.woocommerce-column__title {
    font-size: 24px;
    font-weight: 500;
}

.woocommerce .woocommerce-customer-details address {
    border: none !important;
}

.woocommerce .my_account_wrap .woocommerce-order-details table td,
.woocommerce .my_account_wrap .woocommerce-order-details table th {
    padding: 9px 8px;
}

.woocommerce-Address address {
    background-color: #F7F7F7;
    border-radius: 20px;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 15px;
}

.woocommerce-Address-title.title h2 {
    font-size: 24px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 10px;
}

.woocommerce-Address-title.title a {
    text-decoration: underline;
    color: #17639A;
    font-size: 20px;
    font-weight: 300;
}

.woocommerce-MyAccount-content h2 {
    font-size: 24px;
    font-weight: 500;
}

.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
    background-color: #F7F7F7;
    border: none;
    border-radius: 50px;
    padding: 15px 20px;
}

:where(.woocommerce) .select2-container .select2-dropdown,
:where(.woocommerce) .select2-container .select2-selection {
    background-color: #F7F7F7;
    border: none;
    border-radius: 20px;
    padding: 5px 10px;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
    background-color: #17639A;
    border-radius: 50px;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    border: none;
    padding: 15px 30px;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover {
    background-color: #17639A;
    color: #fff;
    opacity: 0.8;
}

#account_display_name_description {
    font-size: 12px;
}

.woocommerce form .form-row label {
    font-size: 16px;
    font-weight: 500;
}

.woocommerce-EditAccountForm.edit-account fieldset {
    border: none;
    margin-top: 25px;
}

.woocommerce-EditAccountForm.edit-account fieldset legend {
    font-size: 24px;
    font-weight: 500;
}

.favorites-endpoint {
    display: flex;
    padding-bottom: 80px;
}

.favorites-endpoint .columns-4 {
    display: flex;
    gap: 20px;
    padding: 0;
    margin: 0;

}

.favorites-endpoint .columns-4 li.product {
    width: calc((100% - 60px) / 4);
    list-style: none;
    background: #fff;
    border-radius: 20px;
    padding: 20px;
    box-sizing: border-box;
}

.col_wrap {
    width: 100%;
}

.to_shop_link {
    color: #17639A;
}

.main_login_page .u-column2.col-2 {
    display: none;
}

.main_login_page .u-column1.col-1 {
    background-color: #fff;
    margin: 0 auto;
    border-radius: 40px;
    padding: 30px;
    width: 33%;
    float: none;

    box-sizing: border-box;
}

.main_login_page .woocommerce form.login {
    border: none;
    border-radius: 0px;
    padding: 0;
}

#customer_login h2 {
    font-size: 32px;
    font-weight: 400;
    text-align: center;
}

.main_login_page .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    display: block;
    width: 100%;
    padding-bottom: 15px;
}

.woocommerce-form-login__rememberme {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    user-select: none;
    gap: 10px;
}

.woocommerce-form-login__rememberme input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.woocommerce-form-login__rememberme span::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border: 1px solid #17639a;
    border-radius: 50px;
    margin-right: 10px;
    transition: all 0.2s ease-in-out;
}

.woocommerce-form-login__rememberme span::after {
    content: '';
    position: absolute;
    left: 10px;
    top: 38%;
    width: 5px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transition: all 0.2s ease-in-out;
}

.woocommerce-form-login__rememberme:hover input~span::before {
    border-color: #999;
}

.woocommerce-form-login__rememberme input:checked~span::before {
    background-color: #17639A;
    border-color: #17639A;
}

.woocommerce-form-login__rememberme input:checked~span::after {
    transform: translateY(-65%) rotate(45deg) scale(1);
}

.woocommerce-form-login__rememberme input:focus~span::before {
    box-shadow: 0 0 0 2px rgba(0, 124, 186, 0.3);
}

.woocommerce-LostPassword.lost_password {
    margin-top: 0;
}

.woocommerce-LostPassword.lost_password a {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
}

.login_reg_link {
    font-size: 16px;
}

.login_reg_link a {
    color: #687085;
}

.main_reg_page .u-column1.col-1 {
    display: none;
}

.main_reg_page .u-column2.col-2 {
    background-color: #fff;
    margin: 0 auto;
    border-radius: 40px;
    padding: 30px;
    width: 33%;
    float: none;

    box-sizing: border-box;
}


.main_reg_page .woocommerce form.register {
    border: none;
    border-radius: 0px;
    padding: 0;
}

.woocommerce-privacy-policy-text p {
    font-size: 14px;
}

.woocommerce-privacy-policy-text p a {
    color: #687085;
}

.main_reg_page,
.main_login_page {
    padding-bottom: 80px;
}

.know_cats {
    padding-top: 60px;
}

.know_cats_inner {
    display: flex;
    gap: 20px;
    align-items: center;
}

.know_cats_inner a {
    border: 1px solid #17639A;
    color: #17639A;
    text-decoration: none;
    border-radius: 50px;
    padding: 15px 20px;
}

.know_cats_inner a.active {
    color: #fff;
    background-color: #17639A;
}

.know_cats_inner a:hover {
    color: #fff;
    background-color: #17639A;
}

.know_list {
    padding-top: 40px;
}

.know_list_inner {
    display: flex;
    gap: 20px;
}

.know_list_item {
    display: flex;
    text-decoration: none;
    color: #000;
    width: calc((100% - 40px) / 3);
    flex-direction: column;
    position: relative;
}

.kli_image {
    width: 100%;
}

.kli_image img {
    width: 100%;
    height: 421px;
    object-fit: cover;
    border-radius: 20px;
}

.kli_title {}

.kli_title h5 {
    margin: 0;
    font-size: 20px;
    font-weight: 400;
    margin-top: 15px;
}

.kli_excerpt {
    font-size: 16px;
    font-weight: 200;
}

.main_knowledge_cat {
    padding-bottom: 80px;
}

.navigation.pagination .nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.page-numbers {
    color: #000;
    text-decoration: none;
}

.page-numbers.current {
    font-weight: 700;
}

.kli_meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    width: calc(100% - 40px);
    top: 20px;
    left: 20px;
    right: 20px;
}

.kli_meta_category {
    padding: 10px 15px;
    border-radius: 80px;
    background-color: #17639A;
    color: #fff;
    font-size: 16px;
}

.kli_meta_date {
    padding: 10px 15px;
    border-radius: 80px;
    background-color: #fff;
    color: #000;
    font-size: 16px;
}

.know_head_single {
    padding-top: 35px;
}

.kwc_badge {
    background-color: #F0F1F5;
    border-radius: 50px;
    padding: 10px 15px;
    display: inline;
    font-size: 20px;
}

.kwc_title h1 {
    font-size: 64px;
    font-weight: 400;
    margin-top: 19px;
    margin-bottom: 20px;
}

.know_wrap_image {}

.know_wrap_image img {
    width: 100%;
    border-radius: 40px;
    object-fit: cover;
}

.know_wrap {
    display: flex;
    gap: 20px;
}

.know_wrap_content {
    width: 66%;
}

.bold {
    font-weight: 600;
}

.kwc_reading {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 19px 41px;
    border: 1px solid #17639A;
    border-radius: 50px;
    color: #17639A;
    font-size: 24px;
    margin-top: 25px;
}

.kwc_body {
    padding-top: 30px;
}

.kwc_content {
    font-size: 32px;
    font-weight: 600;
    margin-top: 0;
    background: #fff;
    border-radius: 40px;
    padding: 30px;
    position: relative;
}

.kwc_content h3 {
    font-size: 32px;
    font-weight: 600;
    margin-top: 0;
}

.kwc_content ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.kwc_content ul li {
    font-size: 20px;
    font-weight: 500;
}

.main_know_single {
    padding-bottom: 80px;
}

.kwc_text {}

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

.kwc_text p {
    font-weight: 300;
    margin-bottom: 53px;
}

.know_wrap_sidebar {
    flex: 1;
    padding-top: 92px;
}


.know_wrap_sidebar h3 {
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 20px;
}

.ksw_inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ksw_inner .know_list_item {
    width: 100%;
}

.kws_related_product {}

.kws_related_product h4 {
    font-size: 32px;
    font-weight: 400;
}

.know_last_art {
    padding-top: 30px;
}


.know_last_art_inner {
    display: flex;
    gap: 20px;
}

.know_last_art h5 {
    font-size: 32px;
    font-weight: 400;
}

.know_last_art_all {
    display: flex;
    justify-content: center;
    padding-top: 30px;
}

.projects_list {
    padding-top: 54px;
}

.projects_list_inner {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.main_projects {
    padding-bottom: 80px;
}

.main_project_single {
    padding-bottom: 80px;
}

.sp_hero {
    margin-top: 15px;
}

.sp_hero_inner {
    border-radius: 40px;
    background-color: #E1E4EB;
    padding: 50px;
    display: flex;
    gap: 20px;
}

.shi_text {
    width: 51%;
}

.shi_text h1 {
    font-size: 64px;
    font-weight: 400;
    margin: 0;
    line-height: 110%;
    margin-top: 24px;
}

.shi_text_goal {
    padding-top: 49px;
}

.shi_text_goal h5 {
    font-size: 32px;
    font-weight: 400;
    margin: 0;
}

.shi_text_goal p {
    font-size: 24px;
    margin: 0;
    padding-top: 30px;
    font-weight: 200;
}

.shi_image {
    flex: 1;
}

.shi_image img {
    width: 100%;
    border-radius: 20px;
}

.project_lists {
    padding-top: 117px;
}

.project_lists_inner {
    display: flex;
    gap: 20px;
}

.pli_block {
    border-radius: 20px;
    padding: 30px;
    width: calc((100% - 20px) / 2);
    background-color: #cecece;
}

.pli_block.pli_white {
    background-color: #fff;
}

.pli_block.pli_silver {
    background-color: #F0F1F5;
}

.pli_block h5 {
    font-size: 32px;
    font-weight: 400;
    margin: 0;
}

.pli_content {}

.pli_content ul {
    padding: 0;
    margin: 0;
    margin-top: 51px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.pli_content ul li {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 200;
}

.project_galery {
    padding-top: 120px;
}

.project_galery_inner {
    position: relative;
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 20px;
}

.swiper_project .swiper-slide a {
    display: flex;
}

.swiper_project .swiper-slide a img {
    border-radius: 20px;
    width: 100%;
    object-fit: cover;
}

.swiper_project .swiper-scrollbar-horizontal {
    bottom: 0;
}

.swiper_project .swiper-scrollbar-horizontal .swiper-scrollbar-drag {
    background-color: #17639A;
}

.main_home .request_free .rfi_badge {
    background: #ffffff1a;
}

.comp_hero {
    padding-top: 24px;
}

.comp_hero_inner {
    display: flex;
    gap: 20px;
    background-color: #E1E4EB;
    padding: 50px;
    border-radius: 40px;
}

.chi_text {
    width: 100%;
    max-width: 51%;
}

.chi_text h1 {
    font-size: 64px;
    font-weight: 400;
    margin-top: 93px;
}

.chi_text p {
    font-size: 20px;
    font-weight: 300;
}

.chi_more {
    padding-top: 55px;
}

.chi_image {
    flex: 1;
}

.chi_image img {
    width: 100%;
    object-fit: cover;
}

.main_companies {
    padding-bottom: 80px;
}

.companies_list {
    padding-top: 109px;
}

.companies_list_inner {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.companies_list_inner .inp_list_item {
    width: calc((100% - 40px) / 3);
}

.companies_list_inner .inp_list_item .inp_list_item_image {
    height: 486px;
}

.mcs_hero {
    padding-top: 24px;
}

.mcs_hero_inner {
    display: flex;
    gap: 20px;
    background-color: #E1E4EB;
    border-radius: 40px;
    padding: 50px;
}

.mcs_hero_inner_text {
    width: 65%;
}

.msc_hit_badge {
    background-color: #F0F1F5;
    padding: 10px 15px;
    font-size: 20px;
    border-radius: 50px;
    display: inline-flex;
    margin-top: 90px;
}

.mcs_hero_inner_text h1 {
    margin: 0;
    font-size: 64px;
    font-weight: 400;
    margin-top: 31px;
    line-height: 110%;
}

.mcs_hero_inner_text p {
    margin: 0;
    font-weight: 400;
    margin-top: 30px;
}

.msc_hit_more {
    margin-top: 50px;
}

.mcs_hero_inner_img {
    flex: 1;
}

.mcs_hero_inner_img img {
    width: 100%;
    object-fit: cover;
}

.blue_cards {
    padding-top: 165px;
}

.blue_cards_inner {
    display: flex;
    gap: 20px;
}

.blue_card_item {
    width: calc((100% - 60px) / 4);
    background-color: #17639A;
    color: #fff;
    border-radius: 20px;
    padding: 20px;
    position: relative;
    box-sizing: border-box;
}

.blue_card_item_image {
    position: absolute;
    top: -56px;
    left: 50%;
    transform: translateX(-50%);
}

.blue_card_item_title {
    font-size: 32px;
    font-weight: 400;
    margin: 0;
    margin-top: 30px;
}

.blue_card_item_text {
    font-weight: 200;
}

.company_list {
    padding-top: 110px;
}

.company_list_inner {
    display: flex;
    gap: 64px;
    flex-direction: column;
}

.company_item {
    display: flex;
    gap: 20px;
}

.company_item_text {
    background-color: #fff;
    padding: 30px;
    border-radius: 40px;
    flex: 1;
}

.company_item_text_badge {
    font-size: 20px;
    font-weight: 500;
    background-color: #F0F1F5;
    padding: 10px 15px;
    margin-top: 117px;
    display: inline-flex;
    border-radius: 50px;
}

.company_item_text_title {
    margin: 0;
    font-size: 64px;
    font-weight: 400;
}

.company_item_text_desc {
    margin: 0;
    font-weight: 200;
    margin-top: 46px;
}

.company_item_text_more {
    margin-top: 57px;
}

.company_item_image {
    width: 41%;
}

.company_item_image img {
    width: 100%;
    border-radius: 40px;
    object-fit: cover;
}

.company_item.is-odd {
    flex-direction: row-reverse;
}

.d3_hero {
    padding-top: 14px;
}

.d3_hero_inner {
    background-color: #E1E4EB;
    display: flex;
    gap: 20px;
    padding: 50px;
    border-radius: 40px;
}

.d3_hero_inner_text {
    width: 48%;
}

.d3_hero_inner_text h1 {
    font-size: 64px;
    font-weight: 400;
    margin: 0;
}

.d3_hero_inner_text ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.d3_hero_inner_text ul li {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 24px;
    font-weight: 400;
}

.d3_hero_inner_text p {
    font-weight: 200;
    margin: 0;
    margin-bottom: 14px;
}

.d3_hero_inner_more {
    padding-top: 17px;
}

.d3_hero_inner_video {
    flex: 1;
}

.d3_hero_inner_video_but {
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.d3_hero_inner_video_but img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 40px
}

.d3_catalog {
    padding-top: 114px;
}

.d3_catalog_inner {
    display: flex;
    gap: 20px;
}

.d3_ci_filter {
    width: 24%;
    background: #fff;
    border-radius: 20px;
}

.d3_ci_filter_body {
    padding: 20px;
    padding-top: 0;
}

.d3_ci_filter_title {
    background-color: #17639A;
    border-radius: 20px;
    padding: 22px;
    color: #fff;
    background-image: url(/wp-content/themes/officepace/assets/images/icons/filter.svg);
    background-repeat: no-repeat;
    background-position: 94%;
}

.d3_ci_list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    flex: 1;
}

.d3_ci_item {
    width: calc((100% - 40px) / 3);
    background-color: #fff;
    border-radius: 20px;
    padding: 20px;
    box-sizing: border-box;
}

.d3_ci_item_img {
    width: 100%;
    padding-top: 18px;
}

.d3_ci_item_img img {
    width: 100%;
    height: 231px;
    object-fit: cover;
}

.d3_ci_item h6 {
    font-size: 20px;
    margin: 0;
    margin-top: 27px;
}

.d3_ci_item_sku {
    font-size: 16px;
    margin-top: 8px;
}

.d3_ci_item a {
    background-color: #17639A;
    color: #fff;
    padding: 13px 54px;
    text-decoration: none;
    border-radius: 50px;
    margin-top: 29px;
    display: inline-flex;
}

.d3_ci_item a:hover {
    opacity: 0.8;
}

.list_pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
}


.model-filter {}

.filter-group {}

.filter-group h4 {}

/* Контейнер группы */
.filter-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 10px;
}

.filter-group h4 {
    margin-bottom: 8px;
    font-size: 18px;
    color: #333;
}

/* Общий стиль для label */
.filter-radio {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    padding-left: 30px;
    transition: color 0.2s ease;
    user-select: none;
}

/* Скрываем стандартный инпут */
.filter-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Создаем кастомный кружок через псевдоэлемент у span */
.filter-radio span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #17639a;
    border-radius: 50%;
    transition: all 0.2s ease;
}

/* Внутренняя точка (центр) */
.filter-radio span::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 6px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #17639a;
    transform: scale(0);
    /* Скрыта по умолчанию */
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Эффект при наведении на label */
.filter-radio:hover span::before {
    border-color: #bbb;
}

/* Стиль при выборе (Checked) */
.filter-radio input:checked+span {
    color: #000;
    font-weight: 500;
}

.filter-radio input:checked+span::before {
    border-color: #17639a;
}

/* Показываем точку при выборе */
.filter-radio input:checked+span::after {
    transform: scale(1);
}

/* Фокус для доступности с клавиатуры */
.filter-radio input:focus+span::before {
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.2);
}

.filter-group h4 {
    font-size: 20px;
    font-weight: 400;
}

.filter-radio>span {
    font-weight: 200;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.filter-radio span span:nth-child(2) {
    text-align: right;
    flex: 1;
}

.filter_buttons {
    display: flex;
    gap: 15px;
    margin-top: 15px;
}

.filter_buttons button {
    background-color: #17639A;
    color: #fff;
    border-radius: 50px;
    display: inline-flex;
    border: none;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    justify-content: center;
    height: 44px;
    width: 100%;
    align-items: center;
    border: 1px solid #17639A;
}

.filter_buttons a {
    background-color: transparent;
    color: #17639A;
    text-decoration: none;
    border-radius: 50px;
    display: inline-flex;
    font-size: 16px;
    font-weight: 400;
    justify-content: center;
    height: 44px;
    box-sizing: border-box;
    width: 100%;
    align-items: center;
    border: 1px solid #17639A;
}

.filter_buttons button:hover,
.filter_buttons a:hover {
    opacity: 0.8;
}

.d3_single_main {}

.d3sm_inner {
    display: flex;
    gap: 20px;

}


.d3sm_text {
    flex: 1;
    background-color: #fff;
    border-radius: 40px;
    padding: 20px;
    box-sizing: border-box;
}

.d3sm_text h1 {
    margin: 0;
    font-size: 32px;
    font-weight: 500;
    margin-top: 24px;
}

.d3sm_text_sku {
    color: #687085;
    padding-top: 5px;
}

.d3sm_text_content {
    line-height: 142%;
}

.d3sm_text_formats {
    display: flex;
    gap: 10px;
    align-items: center;
    padding-top: 70px;
}

.d3sm_text_formats span {
    font-size: 20px;
}

.d3sm_text_formats button {
    color: #687085;
    background-color: #fff;
    border-radius: 50px;
    padding: 15px 25px;
    cursor: pointer;
    border: 1px solid #687085;
}

.d3sm_text_formats button.active {
    color: #fff;
    background-color: #17639A;
    border: 1px solid #17639A;
}

.d3sm_text_formats button:hover {
    opacity: 0.8;
}

.d3sm_text_download {
    padding-top: 54px;
    display: none;
}

.d3sm_text_download button {
    color: #fff;
    background-color: #17639A;
    border-radius: 50px;
    padding: 20px 42px;
    cursor: pointer;
    border: none
}

.d3sm_text_download button:hover {
    opacity: 0.8;
}

.d3_related {
    padding-top: 50px;
}

.d3_related .d3_ci_item {
    width: 100%;
}

.d3_related_inner {
    overflow: hidden;
    position: relative;
}

.section_title_rel {
    font-size: 46px;
    font-weight: 400;
    margin: 0;
    margin-bottom: 30px;
}

.d3_single {
    padding-bottom: 80px;
}

.swiper-prev_blue {
    cursor: pointer;
}

.swiper-next_blue {
    cursor: pointer;
}

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

.d3_rel_title_buts {
    display: flex;
    align-items: center;
    gap: 20px;
}

.wp-block-woocommerce-empty-cart-block h2:nth-of-type(2) {
    display: none;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid {
    display: none;
}

.wp-block-woocommerce-empty-cart-block {
    padding-bottom: 80px;
}

.top_cart_but {
    position: relative;
}

.head_cart_count {
    position: absolute;
    background-color: #17639A;
    font-size: 10px;
    border-radius: 50px;
    color: #fff;
    min-width: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 0;
}

.cart_modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background-color: #00000056;
    display: none;
}

.cart_modal_inner {
    max-width: 530px;
    width: 100%;
    margin-left: auto;
    background-color: #fff;
    border-radius: 20px 0 0 20px;
    height: 100%;
    box-sizing: border-box;
    position: relative;
}

.cart_modal_inner_title {
    display: flex;
    font-size: 32px;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px;
    padding-top: 30px;
}

.cart_modal_inner_title button {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

.cart_modal_inner_body {
    padding-top: 30px;
}

.woocommerce-mini-cart {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0 30px;
}

.woocommerce-mini-cart-item.mini_cart_item {
    list-style: none;
    display: flex;
    gap: 10px;
    flex-direction: row-reverse;
}

.woocommerce-mini-cart-item.mini_cart_item a:nth-child(2) {
    display: flex;
    gap: 20px;
}

.woocommerce-mini-cart-item .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    width: 175px;
    height: 175px;
    object-fit: cover;
    background-color: #E1E4EB;
    border-radius: 10px;
}

.woocommerce-mini-cart-item .remove.remove_from_cart_button {
    text-decoration: none;
    color: transparent;
    background-color: transparent;
    width: 35px;
    height: 30px;
    background-image: url(/wp-content/themes/officepace/assets/images/icons/iconoir_trash.svg);
    background-size: cover;
    display: block;
    position: relative;
}

.mini_cart_flex {
    display: flex;
    gap: 15px;
}

.mini_cart_flex_column {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 20px;
}

.woocommerce-mini-cart-item.mini_cart_item .quantity {
    font-weight: 500;
}

.mini_cart_flex_column a {
    text-decoration: none;
    color: #000;
    font-size: 24px;
    font-weight: 400;
}

.woocommerce-mini-cart__buttons.buttons {
    display: flex;
    gap: 20px;

}

.woocommerce-mini-cart__buttons.buttons a:first-child {
    background-color: #8B95B1;
}

.woocommerce-mini-cart__buttons.buttons a {
    background-color: #17639a;
    color: #fff;
    border-radius: 50px;
    padding: 15px 20px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
}

.woocommerce-mini-cart__buttons.buttons a:hover {
    opacity: 0.8;
}

.top_cart_but_mobi {
    position: relative;
}

.product_quick_modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 997;
    background-color: #00000056;
    display: none;
}

.pqm_body {
    margin: 0 auto;
    background-color: #fff;
    border-radius: 40px;
    max-width: 1400px;
    margin-top: 150px;
    padding: 30px;
    position: relative;
}

.product_quick_modal .woocommerce-product-gallery__wrapper div {
    display: none;
}

.product_quick_modal .woocommerce-product-gallery__wrapper div:first-child {
    display: block;
}

.product_quick_modal .sing_pauments_block_inner {
    flex-wrap: wrap;
}

.close_product_quick_modal {
    position: absolute;
    right: 30px;
    z-index: 9;
}

.close_product_quick_modal button {
    border: none;
    padding: 0;
    cursor: pointer;
    background: none;
}

.shop_attributes {
    background-color: #fff;
    border-radius: 40px;
    padding: 30px;
}

.mini_cart_bottom {
    background-color: #F0F1F5;
    padding: 10px 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 30px 30px 0 30px;
}

.hide_content {
    position: absolute;
    right: 30px;
    background: transparent;
    border: none;
    width: 44px;
    height: 44px;
    padding: 0;
    cursor: pointer;
}

.hide_content.hided {
    transform: rotate(180deg);
}


.woocommerce-product-gallery__image.flex-active-slide {}

.woocommerce-product-gallery__image.flex-active-slide a {
    height: auto;
    display: block
}

.woocommerce-product-gallery__image.flex-active-slide a img {
    width: 100%;
    object-fit: contain;
}

.swiper_project .swiper-slide img {
    border-radius: 20px;
    width: 100%;
}

.d3sm_prev {
    width: 50%;
    background-color: #fff;
    border-radius: 40px;
    padding: 20px;
    box-sizing: border-box;
    position: relative;
}

.d3sm_prev img {
    width: 100%;
    object-fit: cover;
}

.model_viewer {
    display: none;
}

.d3sm_prev {}

.d3sm_prev_img {}

.d3sm_prev_img .d3sm_prev_prev {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    cursor: pointer;
}

.video_3d {
    padding-top: 100px;
}

.video_3d video {
    width: 100%;
    height: 100%;
}

.rel_product_know {
    margin: 0;
    padding: 0;
}

.rel_product_know li {
    list-style: none;
}