.xs_about__block_1
{
    min-height: 761px;
    padding-top: 130px;
    margin-top: -80px;
    position: relative;
    overflow: hidden;
}

.page-template-template-about-company-template3 .xs_reklama_product_2___header_block_1___wrap 
{
    background: none !important;
}


.page-template-template-about-company-template3 header.header_home {
    padding: 30px 0 30px 0;
}

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

.xs_about__block_1___item
{
    width: 49%;
}

.xs_about__block_1___item h1
{
    margin-bottom: 30px;
    font-size: 64px;
    line-height: 100%;
    color: #2E2B2B;
}

.xs_about__block_1___item___doptext
{
    margin-bottom: 90px;
}

.xs_about__block_1___item___doptext p
{
    font-size: 24px;
    line-height: 120%;
    color: #2C3137;
    font-weight: 700;
}


.xs_about__block_1___item___doptext p strong
{
    font-weight: 900;
    font-family: "MuseoBold";
}



.xs_about__block_1___item___tags li > span
{
    display: inline-block;
    border-radius: 43.54px;
    background-color: #fff;
    padding: 17px 41px;
    margin-bottom: 28px;
    font-weight: 900;
    font-size: 21px;
    line-height: 100%;
}


.xs_about__block_1___item___tags li > span > strong
{
    font-weight: 900;
    font-family: "MuseoBold";
}


.xs_about__block_1___item___tags li > a
{
    border-radius: 50%;
    background-color: #fff;
    display: inline-flex;
    width: 60px;
    height: 60px;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
}


.xs_about__block_1___item___tags > ul
{
    padding-left: 0;
    list-style-type: none;
}

.xs_about__block_1___item__img
{
    position: absolute;
    right: 0;
    bottom: -10px;
}

.xs_about__block_1___item__img_mob
{
    display: none;
}


.xs_about__block_1___item___tags__mob
{
    display: none;
}

.xs_about__block_1___item___tags__mob___soc
{
   display: flex;
   align-items: center; 
   justify-content: center;
}

.xs_about__block_1___item___tags__mob___soc > a
{
    border-radius: 50%;
    background-color: #fff;
    display: inline-flex;
    width: 60px;
    height: 60px;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
}

.xs_about__block_2 {
    margin: 70px 0;
}

.xs_about__block_2_video > a {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9; /* Адаптивная высота */
    border-radius: 16px;
    background-size: cover;
    background-position: center;
}

.xs_about__block_2_video > a > svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.page-template-template-about-company-template3 h2 {
    text-align: center;
    color: #2C3137;
    font-family: "MuseoRegular" !important;
    font-size: 44px !important;
    line-height: 50px !important;
    margin-bottom: 50px;
}


/*  */

.xs_about__block_3 {
    overflow: hidden;
}


.xs_about__block_3__content
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    left: 160px;
}
.xs_about__block_3__item
{
    display: flex;
    justify-content: space-between;
    width: 360px;
    position: relative;
    align-items: center;
    margin-bottom: 100px;
    position: relative;
}

.xs_about__block_3__item___rev
{
    position: relative;
    flex-direction: row-reverse;
    margin-left: -53%;
}

.xs_about__block_3__item:last-child
{
    margin-bottom: 0;
}

.xs_about__block_3__content___line
{
    position: absolute;
    left: 22px;
    top: 54px;
}



.xs_about__block_3__item .xs_about__block_3__item___info
{
    margin-left: 37px;
}


.xs_about__block_3__item___rev .xs_about__block_3__item___info
{
    margin-left: 0 !important;
}


.xs_about__block_3__item___info > span
{
    color: #2C3137;
    font-size: 24px;
    line-height: 120%;
    font-family: "MuseoBold";
    margin-bottom: 13px;
    display: inline-block;
}

.xs_about__block_3__item___info > p
{
    font-size: 14px;
    line-height: 120%;
    margin: 0;
}


.xs_about__block_3__item___info  a
{
    color: #026FF2;
    border-bottom: 1px solid #026FF2;
}


.xs_about__block_3__img___main {
    width: 100%;
    aspect-ratio: 16 / 10; /* Примерно как 1600x1000 или 670px при 1000px */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;

    box-shadow: 0px 4px 123.4px 0px #00000017;
    border-radius: 20px;
    border: 4px solid #fff;
}


.xs_about__block_4
{
    padding: 70px 0;
}



.xs_about__block_4__soc
{
    display: flex;
    position: absolute;
    bottom: 33px;
    right: 41px;
}


.xs_about__block_4__soc a
{
    border-radius: 50%;
    background-color: #fff;
    display: inline-flex;
    width: 60px;
    height: 60px;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
}


.xs_about__block_4__raiting___row___text
{
    font-size: 24px;
}

.xs_about__block_4__raiting___row___text b
{
    font-weight: 800;
}


.xs_about__block_4__raiting___row___text a
{
    font-weight: 800;
    color: #DA0C0C !important;
    border-bottom: 2px solid #DA0C0C;
}




.xs_about__block_4__raiting___row
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 44px;
    margin-bottom: 56px;
}

.xs_about__block_4__raiting___row > img
{
    margin-right: 55px;
}


.xs_about__block_4__block___text
{
    font-size: 24px;
}


.xs_about__block_4__block___text strong
{
    font-weight: 800;
}


.xs_about__block_5
{
    min-height: 717px;
    padding: 65px 0;
    position: relative;
    margin-bottom: 70px;
    border-radius: 10px;
}


.xs_about__block_5___content
{
    display: flex;
}

.xs_about__block_5___item
{
    width: 49%;
    position: relative;
}

.xs_about__block_5___item h2
{
    text-align: left;
    font-size: 64px !important;
    line-height: 100% !important;
    color: #2C3137;
    margin-bottom: 36px;
}


.xs_about__block_5___item h3
{
    text-align: left;
    font-size: 24px;
    line-height: 100%;
    color: #2C3137;
    font-weight: 500;
    margin-bottom: 20px;
}

.xs_about__block_5___item___box ul
{
    padding-left: 0;

}

.xs_about__block_5___item___box ul li
{
    list-style-type: none;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
}

.xs_about__block_5___item___box ul li span
{
    font-size: 20px;
    line-height: 100%;
}


.xs_about__block_5___item___box ul li svg
{
    margin-right: 27px;
}



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

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

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

.xs_about__block_5___item___box___images img
{
    margin-bottom: 19px;
}

.xs_about__block_5___item___box___images img:last-child
{
    margin-bottom: 0px;
}

.xs_about__block_5__dop___img_1
{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
}

.xs_about__block_5__dop___img_1___mob
{
    display: none;
}

.xs_about__block_5___item___box___images___mob
{
    display: none;
}






/* Блок с филлиалами */
.xs_filials_block {
    width: 100%;
    height: 600px;
    position: relative;
    margin-top: 50px;
    margin-bottom: 150px;
}

.xs_filials_block .container {
    display: flex;
    height: 100%;
    margin: 0 auto;
    padding: 20px;
}

.filials-sidebar {
    width: 350px;
    height: 100%;
    overflow-y: auto;
    padding-right: 20px;
    border-left: 1px solid #ECEDEF;
    background-color: #fff;
    z-index: 9999;
}

.filial-item {
    padding: 15px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

.filial-item:hover {
    background: #f5f5f5;
}

.filial-name {
    font-weight: 700;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}

.filial-name  svg
{
    margin-left: 15px;
}

.filial-address {
    font-size: 14px;
    color: #666;
    line-height: 17px;
}

.filial-rating {
    color: #ffd700;
    margin-top: 5px;
}

.map-container {
    flex-grow: 1;
    height: 100%;
}

#map {
    width: 100%;
    height: 100%;
}

.filial-info-window {
    padding: 10px;
}




/* Стилизация скроллбара для браузеров на основе WebKit (Chrome, Safari) */
.filials-sidebar::-webkit-scrollbar {
    width: 8px; /* Ширина скроллбара */
}

.filials-sidebar::-webkit-scrollbar-track {
    background: #f1f1f1; /* Цвет фона трека */
    border-radius: 4px; /* Закругление углов трека */
}

.filials-sidebar::-webkit-scrollbar-thumb {
    background: #F41818; /* Цвет ползунка */
    border-radius: 4px; /* Закругление углов ползунка */
}

.filials-sidebar::-webkit-scrollbar-thumb:hover {
    background: #d11515; /* Цвет ползунка при наведении */
}



.all-filials
{
    text-transform: uppercase;
  
}

.all-filials .filial-name
{
    background: #ECEDEF;
    padding: 15px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.filial-item.all-filials
{
    padding: 0;
}

.filial-item.all-filials:hover
{
    background-color: #fff;
}


#filialsSearch
{
    width: 100%;
    font-weight: 700;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    outline: none;
    border: none;
    padding: 15px;
    font-family: 'MuseoLight', sans-serif;
    text-transform: uppercase;
}

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


.filial-info-window > p
{
    font-size: 16px;
}


.filial-info-window > a
{
    font-size: 14px;
    display: inline-block;
    padding: 5px 10px;
    background-color: #1A6DFF;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    transition: all 0.3s;
}


.filial-info-window > a:hover
{
    transition: all 0.3s;
    opacity: 0.8;
}

.filial-info-window > h3
{
    font-size: 27px;
}

.xs_filials_block__tilte  h2
{
    text-align: center;
    font-size: 47px !important;
    line-height: 110% !important;
    font-family: 'MuseoBold', sans-serif !important;
    margin-bottom: 0 !important;
}

.xs_filials_block__tilte > .container
{
    width: 100%;
    display: flex;
    justify-content: center;
}

.page-template-template-viveski-for-franchiza .block_14
{
    margin-top: 150px;
}


.container-map
{
    position: relative;     
    overflow: hidden;
}

.sidebar-toggle {
    display: inline-flex;
    position: absolute;
    left: 0px; /* Ширина сайдбара */
    top: 50%;
    transform: translateY(-50%);
    background: white;
    border: none;
    border-radius: 0 4px 4px 0;
    padding: 8px;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    z-index: 101;
    display: none;
}


.sidebar_toggle_on
{
    display: block !important;
    right: 0 !important;
    z-index: 999999999999999999 !important;
    height: 560px !important;
}


.sidebar_toggle_rotate svg
{
    transform: rotate(180deg);
}


.container-map
{
    position: relative;     
    overflow: hidden;
}

.sidebar-toggle {
    display: inline-flex;
    position: absolute;
    left: 0px; /* Ширина сайдбара */
    top: 50%;
    transform: translateY(-50%);
    background: white;
    border: none;
    border-radius: 0 4px 4px 0;
    padding: 8px;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    z-index: 101;
    display: none;
}


.sidebar_toggle_on
{
    display: block !important;
    right: 0 !important;
    z-index: 999999999999999999 !important;
    height: 560px !important;
}


.sidebar_toggle_rotate svg
{
    transform: rotate(180deg);
}


/* Конец Блок с филлиалами */






.xs_about__block_7
{
    margin-bottom: 70px;
}
.xs_about__block_7__item
{
    padding: 34px 36px;
    border-radius: 30px;
    background: #F6F7F8;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 293px;
    height: 97px;
}

.xs_about__block_7__item
{
    color: #2C3137;
    font-size: 20px;
    font-weight: 700;
    margin-right: 10px;
}


.xs_about__block_7__item:last-child
{
    margin-right: 0;
}

.xs_about__block_7__item svg
{
    margin-right: 10px;
}

.xs_about__block_7___content
{
    justify-content: center;
    display: flex;
}

.xs_about__block_7___content___bottom
{
    justify-content: center;
    display: flex;
    margin-top: 40px;
}

.xs_about__block_7___content___bottom___item
{
    margin-right: 10px;
    display: flex;
    align-items: flex-start;
}


.xs_about__block_7___content___bottom___item svg
{
    margin-right: 10px;
}

.xs_about__block_7___content___bottom___item:last-child
{
    margin-right: 0px;
}

.xs_hr
{
    margin-top: 35px;
    background-color: #F6F7F8 !important;
    width: 100%;
    height: 1px;
}


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