@charset "UTF-8";

@font-face {
  font-family: "Segoe UI";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Segoe UI"), url("../fonts/SegoeUI.woff2") format("woff2"),
    url("../fonts/SegoeUI.woff") format("woff");
}

button.bx-livechat-control-btn.bx-livechat-control-btn-close {
  padding-left: 34px;
}

@font-face {
  font-family: "Segoe UI";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Segoe UI Semi-Bold"),
    url("../fonts/SegoeUI-SemiBold.woff2") format("woff2"),
    url("../fonts/SegoeUI-SemiBold.woff") format("woff");
}

@font-face {
  font-family: "Segoe UI";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Segoe UI Bold"),
    url("../fonts/SegoeUI-Bold.woff2") format("woff2"),
    url("../fonts/SegoeUI-Bold.woff") format("woff");
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

main {
  display: block;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: 600;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
  display: block;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

.attention-block__text {
  color: rgba(84, 84, 84, 1);
  font-size: 21px;
  line-height: 140%;
  text-align: center;
}

section.attention-section {
  margin-bottom: 40px;
}

.attention-block {
  background: rgba(248, 248, 248, 1);
  border-radius: 20px;
  padding: 24px 32px 32px 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

@media(max-width: 767px) {
  .attention-block__text {
    font-size: 16px;
  }
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

.compensate-for-scrollbar {
  padding-right: 0 !important;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

a,
button {
  text-decoration: none;
  color: inherit;
  transition: color 0.2s ease, background-color 0.2s ease,
    border-color 0.2s ease;
  cursor: pointer;
  background: none;
  font-weight: inherit;
  font-size: inherit;
}

select {
  background-color: inherit;
}

blockquote {
  margin: 0;
}

button {
  border: none;
  font-family: inherit;
  margin: 0;
  padding: 0;
  font-size: inherit;
}

textarea {
  outline: none;
  border: none;
  resize: none;
}

textarea:focus {
  outline-width: 0;
}

input::-moz-placeholder {
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  border: none;
  outline: none;
}

input,
input::placeholder {
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  border: none;
  outline: none;
  text-align: left;
}

input::-moz-placeholder {
  color: inherit;
}

input::placeholder {
  color: inherit;
}

picture {
  display: block;
}

picture img {
  width: 100%;
  max-width: 100%;
}

ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
  margin-block-end: 0;
  margin-block-start: 0;
}

ul li {
  list-style-type: none;
}

ol {
  margin: 0;
  padding: 0;
}

ol li {
  list-style-position: inside;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

*,
*::after,
*::before {
  padding: 0;
  margin: 0;
}

    @media(max-width: 1024px){.newDescHeader .mobilehidden {display: none;}} 
    @media(min-width: 1024px){
    .newDescHeader .notdesktop { display: none !important; }
    .newDescHeader .mobilehidden {
        display: inherit !important;
    }
    .newDescHeader .spesialServiceSubBlock.mobilehidden {
        position: absolute;
        bottom: 0;
        transform: translatey(100%);
        background-color: white;
        z-index: 9;
        width: 100%;
        /*max-height: 650px;*/
        border-radius: 0 0 30px 30px;
        padding: 17px 10px 10px 10px;
        left: 0;
        box-sizing: border-box;
        display: none !important;
    }

    /*.menu__element.menu__element-lvl1.menu__element_sub.spesialService:hover .spesialServiceSubBlock.mobilehidden {
        display: flex !important;
        min-height: 765px;
        align-items: stretch;
    }*/
    .newDescHeader .content {
        position: relative;
    }
    .newDescHeader .menu__element.menu__element_sub.spesialService {
        position: unset;
    }
    .newDescHeader .header__logo picture img {
        max-width: 193px;
    }
    .newDescHeader .header__col_address div p {
        font-size: 14px;
    }
    .newDescHeader .newDescHeader__adress-wrap {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 5px;
    }
    .newDescHeader .header__col.header__col_address {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;
    }
    .newDescHeader button.button.button_red.popup-btn {
        border-radius: 10px;
        padding: 10px 16px;
        font-size: 13px;
    }
    .newDescHeader button.button.button_new.popup-btn {
        background-color: transparent;
        background: transparent;
        color: #166d6d;
        border: 2px #166d6d solid;
        border-radius: 10px;
        font-size: 13px;
    }
    .newDescHeader button.button.button_red.popup-btn:hover {
        box-shadow: none;
        background-color: #f1f7f6;
    }
    .newDescHeader button.button.button_new.popup-btn:hover {
        box-shadow: none;
        background-color: #f1f7f6;
    }
    .newDescHeader .header__row.header__row_info {
        margin-bottom: 5px;
    }
    .newDescHeader .menu__element::after, .newDescHeader .menu__element::marker, .newDescHeader .menu__element::before {display: none; }
    .newDescHeader .menu__element{
    list-style: none;
    }
    .newDescHeader .menu__element, .newDescHeader .menu__element a {
        display: flex;
        flex-direction: row;
        align-items: center;
        /* padding: 0; */
        gap: 5px;
    }
    .newDescHeader .menu__element.menu__element_sub.spesialService svg.mobilehidden {
        min-width: 20px;
    }
    .newDescHeader .menu__element.menu__element_sub.spesialService {
            position: unset;
        }
        
    .newDescHeader .menu__element.menu__element_sub.spesialService a {
        padding: 0;
    }
        .newDescHeader .menu__element.menu__element_sub.spesialService {
            padding: 8px 18px;
            gap: 15px;
                    background-color: #2B5C5C;
        }
    .newDescHeader .menu__element.menu__element_sub.spesialService:hover {
        background-color: #c2031a;
    }
    .newDescHeader .menu__element.have-sub {
        color: #263A3D;
        font-size: 16px;
        line-height: 20px;
    }
    .newDescHeader .spesialServiceSubBlock__inner {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        /*max-height: 610px;*/
        overflow: hidden;
    }
    .newDescHeader .spesialServiceSubBlock__catlist {
        border-right: 1px #166D6D33 solid;
        width: 320px;
        min-width: 320px;
        box-sizing: border-box;
        padding: 0 20px 0px 0;
        display: flex;
        flex-direction: column;
        gap: 0px;
    }
    .newDescHeader .spesialServiceSubBlock__catlist .menu__element {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 5px;
        padding: 12px;
        border-radius: 8px;
        width: 100%;
    }
    .newDescHeader .spesialServiceSubBlock__catlist .menu__element:hover {
        background-color: #B72625;
    }
    .newDescHeader .spesialServiceSubBlock__catlist .menu__element:hover a {
        color: white;
    }
    .newDescHeader .spesialServiceSubBlock__catlist .menu__element:hover path {
        stroke: #ffffff;
        fill: #B72625;
    }
    .newDescHeader .spesialServiceSubBlock__catlist .menu__element .mobilehidden {
            display: inherit !important;
            margin-left: auto;
        }
    .newDescHeader .spesialServiceSubBlock__catlist .menu__element a {
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        max-width: 193px;
        display: flex;
    }
    .newDescHeader .spesialServiceSubBlock__catlist .spesialServiceSubBlock__morebtn {
        padding: 20px 26px !important;
        width: 100%;
        border: 1px #166d6d solid;
        border-radius: 8px;
        font-size: 16px;
        line-height: 20px;
        font-weight: 600;
        color: #166d6d;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        font-weight: 600;
        margin-top: auto;
    }
    .newDescHeader .spesialServiceSubBlock__catlist .menu__element svg:first-child {
        min-width: 16px;
        margin-right: 10px;
    }
    .newDescHeader .spesialServiceSubBlock__morebtn:hover {
        background-color: #166d6d;
        color: white !important;
    }
    .newDescHeader .spesialServiceSubBlock__mainlist-top {
        position: relative;
        max-height: 260px;
        overflow: hidden;
        
    }
    .newDescHeader .spesialServiceSubBlock__mainlist {
    padding-left: 20px;
        padding-right: 20px;

    }
    }
    @media(min-width:1024px){
    .newDescHeader .spesialServiceSubBlock__sublist-item {
        display: none;
    }
    .newDescHeader .spesialServiceSubBlock__search-list.serviceSearch {
        display: none;
        flex-direction: column;
        gap: 20px;
        /*padding-left: 20px;*/
            transition: 0.3s ease;
            opacity: 0;
            pointer-events: none;
            visibility: hidden;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 10;
            background-color: white;
    }
    .active.spesialServiceSubBlock__mainlist-top .serviceSearch{
        opacity: 1;
        visibility: visible;
        pointer-events: all;
    }

    .newDescHeader .serviceSearch__title {
        font-size: 26px;
        font-weight: 600;
        line-height: 100%;
        color: #263A3D;
        /*padding-left: 20px;*/
            margin-bottom: 20px;
    }
    .newDescHeader .serviceSearch__info {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        background-color: #166D6D1A;
        border: 1px #166D6D33 solid;
        padding: 12px;
        border-radius: 8px;
    }
    .newDescHeader .serviceSearch__countblock {
        font-size: 14px;
        line-height: 18px;
        color: #000000;
        font-weight: 400;
    }
    .newDescHeader .serviceSearch__clear {
        font-size: 14px;
        line-height: 18px;
        text-decoration: underline;
        color: #166D6D;
    }

    .newDescHeader .serviceSearch__resulttitle {
        color: #263A3D;
        font-size: 16px;
        line-height: 18px;
    }
    .newDescHeader .serviceSearch__resultparent {
        font-size: 12px;
        line-height: 18px;
        color: #545454;
    }
    .serviceSearch__results {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
    .newDescHeader .serviceSearch__results .serviceSearch__resultitem {
        gap: 20px;
        padding: 10px 0 !important;
        border-bottom: 1px #166D6D33 solid;
        justify-content: space-between;
        gap: 10px;
    }
    .newDescHeader .serviceSearch__results {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        padding-right: 10px;
        overflow-y: auto;
        max-height: 200px;
    }
    .newDescHeader .spesialServiceSubBlock__mainlist {
        margin-top: 10px;
    }
    .newDescHeader .serviceSearch__resultitem:hover {
        background-color: #166D6D1A;
    }
    .spesialServiceSubBlock__sublist-item.active {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    p.spesialServiceSubBlock__sublist-item-title {
        font-size: 26px;
        font-weight: 600;
        color: #263A3D;
    }
    a.spesialServiceSubBlock__sublist-item-about {
        font-size: 14px;
        color: #346B6C;
        font-weight: 600;
            min-width: fit-content;
        max-width: fit-content;
    }
    .spesialServiceSubBlock__sublist-item-head {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
        justify-content: space-between;
    }
    .spesialServiceSubBlock__sublist-item-head > * {
        width: fit-content;
    }
    .spesialServiceSubBlock__sublist-item-body-wrap {
        max-height: 200px;
            min-height: 200px;
            padding-right: 10px;
            overflow-y: auto;
    }
    .active.spesialServiceSubBlock__search-list.serviceSearch {
        display: flex;
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        min-height: 260px;
		max-height: 260px;
        position: unset;
    }
    p.serviceSearch__results-none.active {
        font-size: 14px;
        color: #6b7e80;
                display: block;
    }
    p.serviceSearch__results-none {
        display:none;
    }
    .spesialServiceSubBlock__sublist-item-body .serviceSearch__resultitem {
        padding: 8px 0 !important;
        border-bottom: 1px #166D6D33 solid;
        justify-content: space-between;
        gap: 10px;
    }
    .spesialServiceSubBlock__sublist-item-body {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        align-items: stretch;
        row-gap: 0px;
    }
    .spesialServiceSubBlock__sublist-item-body .serviceSearch__resultitem {
            height: 100%;
            /*padding-top: 40px !important;*/
        }
            .newDescHeader .menu__element.menu__element_sub.spesialService a {
            padding: 0;
            text-decoration: underline;
        }
    .spesialServiceSubBlock__mainlist-bottom.salesServiceBlock {
        padding: 20px;
        background-color: #FDF6F7;
        border-radius: 20px;
        border-top: 2px #B82828 solid;
        display: flex;
            flex-direction: column;
            gap: 20px;
            margin-top: auto;
            min-height: 250px;
			max-height: 250px;
    }
    
    .newDescHeader .salesServiceBlock__title {
        font-size: 20px;
        line-height: 100%;
        font-weight: 600;
        color: #263A3D;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: fit-content;
        gap: 20px;
    }
    .newDescHeader .salesServiceBlock__title-link {
        color: #B82828;
        font-size: 14px;
        text-decoration: none !important;
        width: fit-content;
        text-align: right;
    }
    .salesServiceBlock__promo-controls.promo-controls {
        margin-top: auto;
    }
    .salesServiceBlock__promo-cards.promo-cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .spesialServiceSubBlock__mainlist-bottom.salesServiceBlock .promo-card {
        background-color: white;
        border: 1px #00000033 solid;
        border-radius: 10px;
        display: flex;
        flex-direction: row;
        align-items: stretch;
    }
                    
    .promo-card.active{animation:promo-enter .5s ease both}
    @keyframes promo-enter{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}

    .promo-photo picture img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        min-height: 100%;
        min-width: 100%;
        border-radius: 10px 0 0 10px;
    }
    .promo-photo, .promo-photo picture {
        width: 100px;
        min-width: 100px;
        height: 100%;
        min-height: 100%;
        position: relative;
    }

    .newDescHeader .badge {
        position: absolute;
        top: 10px;
        left: 10px;
        background-color: #9E0618;
        padding: 10px;
        border-radius: 8px;
    }
    .newDescHeader .promo-copy-title {
        color: #263A3D;
        font-weight: 600;
        font-size: 16px;
    }
    .newDescHeader .promo-copy-text {
        color: #757575;
        font-size: 14px;
    }
    .newDescHeader .text-link {
        font-size: 14px;
        font-weight: 600;
        color: #346B6C;
        margin-top: auto;
    }
    .newDescHeader .promo-copy {
        padding: 20px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .newDescHeader .spesialServiceSubBlock__mainlist {
            margin-top: 20px;
            display: flex;
            flex-direction: column;
            gap: 30px;
        }
    .newDescHeader .promo-card.hidden {
        opacity: 0;
        display: none;
    }
    .newDescHeader .promo-card.active {
        opacity: 1;
        transition: opacity 0.3s ease 0.2s;
    }
    .newDescHeader .salesServiceBlock__promo-controls.promo-controls {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
    }
    .newDescHeader #promo-pause:hover {
        background-color: #bdd1cd2e;
    }
    .newDescHeader #promo-pause {
        border: 1px #166D6D solid;
        padding: 6px 12px;
        border-radius: 8px;
        font-size: 14px;
        color: #346B6C;
        line-height: 18px;
        cursor: pointer;
    }
    .newDescHeader #promo-page {
        font-size: 14px;
        line-height: 18px;
        color: #166D6D;
    }
    .newDescHeader .promo-prev, .newDescHeader .promo-next {
        width: 32px;
        height: 32px;
        border: 1px #166d6d solid;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #166d6d;
        line-height: 180%;
        position: relative;
    }
    .newDescHeader .promo-prev span, .newDescHeader .promo-next span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -55%);
    }
    .newDescHeader .promo-controls-wrap {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;
    }
    .newDescHeader .promo-prev:hover, .newDescHeader .promo-next:hover {
        background-color: #166D6D1A;
    }
    .newDescHeader .promo-prev.disabled, .newDescHeader .promo-next.disabled {
        opacity: 0.3;
    }
    .newDescHeader .spesialServiceSubBlock__sublist-item-body li:hover {
        text-decoration: none;
        background-color: transparent;
    }
    .newDescHeader .spesialServiceSubBlock__catlist a {
        text-decoration: none !important;
    }
    .newDescHeader .spesialServiceSubBlock__catlist .menu__element.activeservice {
            background-color: #B72625;
        }
    .newDescHeader .spesialServiceSubBlock__catlist .menu__element.activeservice path {
            stroke: #ffffff;
            fill: #B72625;
        }
            .newDescHeader .menu__element.activeservice a {
            color: white;
        }
        
        .menu__element.menu__element_sub.spesialService a {
        text-decoration: none !important;
    }
    .menu__element.menu__element_sub.spesialService .spesialServiceSubBlock__sublist-item-about:hover {
        color: #b72625;
        text-decoration: underline !important;
    }
    .header__menu.menu > .menu__element > a {
        font-size: 16px;
        line-height: 18px;
        font-weight: 600;
    }
    input.servicesearchinput {
        padding: 8px 45px 8px 30px;
        border-radius: 10px;
        width: 200px;
        transition: 0.5s ease;
    }
    .newDescHeader__service-search.mobilehidden {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translatey(-50%);
    }
    .newDescHeader .header__menu.menu {
        max-width: calc(100% - 220px);
    }
    .newDescHeader .header__menu.menu .menu__element.menu__element-lvl1 > a {
            padding: 12px 20px;
        }
    .newDescHeader__service-search-inner {
        position: relative;
        width: 100%;
        height: 100%;
    }
    svg.newDescHeader__searchicon {
        position: absolute;
        top: 50%;
        left: 10px;
        transform: translatey(-50%);
    }
    svg.newDescHeader__clearicon {
        position: absolute;
        top: 50%;
        right: 25px;
        transform: translatey(-50%);
        opacity: 0;
    }
    svg.newDescHeader__justicon {
        position: absolute;
        top: 50%;
        right: 5px;
        transform: translatey(-50%);
    }
    .servicesearchinput::placeholder {
        color: #757575;
        opacity: 1; 
    }
    input.servicesearchinput:focus,input.servicesearchinput:hover,input.servicesearchinput:focus-within,input.servicesearchinput:target {
        width: 300px;
        border: 2px #166D6D66 solid;
    }

    svg.newDescHeader__clearicon.active{opacity: 1;}


    .newDescHeader ul.menu__submenu {
        background-color: white;
        padding: 10px;
        border-radius: 0 0 10px 10px;
        min-width: 250px;
        z-index: 9;
    }

    .newDescHeader .menu__submenu-link-lvl2:hover > *, .newDescHeader .menu__submenu-link-lvl2:hover {
        background-color: #166D6D1A;
        color: #166D6D;
    }

    .newDescHeader .menu__submenu-link-lvl2 > * {
        font-size: 14px;
        color: #000000;
        line-height: 18px;
        padding: 6px 12px;
    }
    .newDescHeader .menu__element.menu__element_sub.spesialService:hover > svg.mobilehidden.close {
        transform: rotate(45deg);
    }
    .newDescHeader svg.mobilehidden.close {
        transition: 0.3s ease;
    }
    .newDescHeader li.menu__element.menu__element-lvl1.menu__element_sub:not(.spesialService):hover > svg.mobilehidden {
    transform: rotate(180deg);
    }
	.newDescHeader .opensubnew {
		cursor: pointer;
	}

    .newDescHeader li.menu__element.menu__element-lvl1.menu__element_sub > svg.mobilehidden {
        transition: 0.3s ease;
    }
    .newDescHeader .spesialServiceSubBlock.mobilehidden.active {
        display: flex !important;
        min-height: 580px;
		max-height: 580px;
        align-items: stretch;
    }
	.newDescHeader ul.menu__submenu.notdesctop {
		display: none !important;
	}
	.newDescHeader .menu__element-lvl1-title{
		font-size: 16px;
        line-height: 18px;
        font-weight: 600;
	}
	.newDescHeader .menu li:hover>.menu__submenu {
        display: none;
    }
	.newDescHeader .menu li.active>.menu__submenu {
        display: block;
    }
	.newDescHeader .menu__submenu.menu__element-lvl1-hiddenblock.active {
		display: block !important;
	}
	.newDescHeader li.menu__element.menu__element-lvl1.menu__element_sub.opensubnew {
		padding: 8px 18px;
		gap: 15px;
	}
	.newDescHeader__adress-wrap p:last-child {
		font-weight: 400;
	}
	.newDescHeader .header__phone span {
		color: #203b3e;
	}
	.newDescHeader .header__phone:hover span {
		color: #166d6d;
	}
	.newDescHeader .text-link:hover {
		color: #a70518;
	}
	.newDescHeader .spesialServiceSubBlock__catlist .menu__element:nth-child(2):hover path {
		fill: white;
	}
	.newDescHeader .salesServiceBlock__titlehead {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 20px;
	}

	.newDescHeader .salesServiceBlock__headright {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 20px;
	}
	.newDescHeader .opensubnew * {
		cursor: default;
	}

	.newDescHeader .opensubnew .menu__element.have-sub, 
	.newDescHeader .opensubnew .menu__element.have-sub > *, 
	.newDescHeader .opensubnew .spesialServiceSubBlock__sublist-item-body > div{
		cursor: pointer;
	}

	a.serviceSearch__resultitem, a.serviceSearch__resultitem > * {
		cursor: pointer !important;
	}
		a.spesialServiceSubBlock__morebtn, a.spesialServiceSubBlock__morebtn > * {
		cursor: pointer !important;
	}

	button#promo-prev, a.spesialServiceSubBlock__sublist-item-about, a.salesServiceBlock__title-link, button#promo-next, button.serviceSearch__clear.servclearicon {
		cursor: pointer !important;
	}
	li.menu__submenu-link-lvl2, li.menu__submenu-link-lvl2 a {
		cursor: pointer !important;
	}
	.lock2 {
		overflow: hidden;
		width: calc(100vw - 5px);
	}
}


.header {
  background-color: #fff;
  position: relative;
  position: sticky;
  top: 0;
  z-index: 100;
  width: 100%;
  font-size: 16px;
}

@media (max-width: 1200px) {
  .header {
    box-shadow: 0px 5px 5px #f0f0f0;
  }
}

.header__contacts_mobile {
  display: none;
}

@media (max-width: 1200px) {
  .header__contacts_mobile {
    display: flex;
    flex-direction: column;
    padding: 20px 15px 50px;
    gap: 15px;
    width: 100%;
    background-color: #f0f0f0;
  }

  .header__contacts_mobile a.header__phone {
    display: none;
  }
}

.header__contacts_mobile .popup-btn {
  color: #c80018;
}

.header__social-buttons_mobile {
  display: none;
}

@media (max-width: 1200px) {
  .header__social-buttons_mobile {
    display: flex;
    align-items: center;
    gap: 10px;
  }
}

@media (max-width: 1200px) {
  .header__social-buttons_mobile {
    gap: 10px;
  }
}

.header__social-button {
  border-radius: 8px;
  padding: 8px;
  background-color: #166d6d;
  cursor: pointer;
  overflow: hidden;
}

.header__social-button:hover {
  background-color: #026060;
}

.header__social-button picture,
.header__social-button svg {
  width: 27px;
  height: 27px;
  display: block;
}

@media (max-width: 510px) {

  .header__social-button picture,
  .header__social-button svg {
    width: 20px;
    height: 20px;
  }
}

.header__social-button svg.ham {
  transform: scale(2);
}

@media (max-width: 1200px) {
  .header__mobile-row {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    margin-bottom: 15px;
  }
}

.header__attention {
  padding: 8px 15px;
  background-color: #026060;
  min-height: 50px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.header__attention p {
  color: #fff;
  font-size: 17px;
  text-align: center;
}

@media (max-width: 1200px) {
  .header__attention p {
    font-size: 14px;
  }
}

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

@media (max-width: 1200px) {
  .header__row {
    flex-direction: column;
  }
}

.header__row_info {
  padding: 4px 0;
}

.header__row_menu {
  justify-content: flex-start;
  background-color: #166d6d;
}

.header__row_menu .content {
  display: flex;
  width: 100%;
  align-items: center;
}

@media (max-width: 1200px) {
  .header__row_menu .content {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    padding: 0;
  }
}

@media (max-width: 1200px) {
  .header__row_menu {
    background-color: #fff;
  }
}

.header__col {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.header__col_phones,
.header__col_address {
  gap: 4px;
}

@media (max-width: 1200px) {

  .header__col_phones,
  .header__col_address {
    display: none;
  }
}

@media (max-width: 1200px) {
  .header__col_phones {
    display: flex;
    flex-direction: row;
    gap: 15px;
    justify-content: center;
    margin-bottom: 15px;
    align-items: center;
    text-align: center;
  }
}

@media (max-width: 370px) {
  .header__col_phones .header__phone picture {
    display: none;
  }
}

.header__col_address span {
  cursor: pointer;
  color: #c80018;
  transition: 0.3s;
  text-decoration: underline;
}

.header__col_address span:hover {
  color: #000;
}

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

.header__col_address div p {
  font-weight: 700;
}

.header__col_buttons {
  padding: 5px 0;
  gap: 8px;
}

@media (max-width: 1200px) {
  .header__col_buttons {
    display: none;
  }
}

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

.header__phone picture {
  flex-shrink: 0;
  width: 17px;
  height: 17px;
}

.header__phone span {
  font-weight: 700;
  color: #000;
  text-decoration: none;
}

@media (max-width: 1200px) {
  .header__phone span {
    font-size: 20px;
  }
}

@media (max-width: 430px) {
  .header__phone span {
    font-size: 15px;
  }
}

.header__address {
  font-weight: 700;
  color: #c80018;
}

.header__sub-row {
  display: flex;
  justify-content: right;
  gap: 20px;
}

@media (max-width: 1200px) {
  .header__sub-row {
    width: 100%;
    gap: 5px;
  }

  .header__sub-row .header__social {
    display: none;
  }

  .header__sub-row .button_red {
    display: none;
  }
}

.header__search {
  display: none;
  gap: 5px;
}

@media (max-width: 1200px) {
  .header__search {
    width: 100%;
  }

  .header__search input[type="search"] {
    width: 100%;
  }

  .header__search input[type="submit"] {
    padding: 12px 15px;
  }
}

.header__search input {
  padding: 7px 10px;
  border-radius: 27px;
  padding: 5px 10px;
  border-radius: 27px;
  border: 2px solid #166d6d;
}

.header__search input[type="submit"] {
  border: none;
  background-color: #d4fbf2;
  color: #259886;
  font-weight: 700;
  cursor: pointer;
}

.header__social-buttons {
  display: flex;
  justify-content: space-around;
}

@media (max-width: 1200px) {
  .header__social-buttons {
    display: none;
  }
}

.header__social {
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  font-size: 15px;
}
.header__social > div {
  display: flex;
  gap: 6px;
}
.header__social-link {
  padding: 0;
  width: 25px;
  height: 25px;
  border: none;
}
.header__social picture {
  width: 22px;
  height: 22px;
}

.header__social_wa {
  color: #48a91f;
}

.header__social_tg {
  color: #249eda;
}

.header__spec-buttons {
  display: flex;
  gap: 10px;
  margin-left: auto;
}

@media (max-width: 1200px) {
  .header__spec-buttons {
    margin-left: 0;
  }
}

.header__spec-btn,
.header__search-btn_desct {
  padding: 11px 7px;
  border: 2px solid rgb(255, 255, 255);
  border-radius: 5px;
  width: 42px;
  height: 42px;
  opacity: 0.6;
  transition: 0.3s;
}

.header__spec-btn.tg {
  background-color: #27A7E7;
  opacity: 1;
  background-image: url('/netcat_template/template/domains/assets/img/tg.svg');
  background-position: center center;
  background-size: 20px;
  background-repeat: no-repeat;
  width: 42px;
  height: 42px;
  position: relative;
}

.header__spec-btn.chat {
  background-color: #C80018;
  opacity: 1;
  background-image: url('/netcat_template/template/domains/assets/img/chat.svg');
  background-position: center center;
  background-size: 20px;
  background-repeat: no-repeat;
  width: 42px;
  height: 42px;
  position: relative;
}

.header__spec-btn:hover,
.header__search-btn_desct:hover {
  transition: 0.3s;
  opacity: 1;
}

.header__spec-btn:not(.header__social_wa) picture img,
.header__search-btn_desct picture img {
  filter: invert(1);
}

.header__spec-btn.tg:hover::before {
  content: 'написать в Телеграмм';
  width: max-content;
  font-size: 10px;
  color: black;
  background: white;
  position: absolute;
  bottom: -15px
}



.header__spec-btn.chat:hover::before {
  content: 'написать в чат';
  width: max-content;
  font-size: 10px;
  font-weight: 700;
  color: black;
  background: white;
  position: absolute;
  bottom: -15px
}

@media (max-width: 1200px) {

  .header__spec-btn,
  .header__search-btn_desct {
    filter: brightness(0.1);
    margin-left: 15px;
  }
}

.header__search-btn_desct {
  padding-top: 7px;
}

@media (max-width: 1200px) {
  .header__search-btn_desct {
    display: none;
  }
}

.header__search-btn_desct picture img {
  filter: none;
}

.header_fixed {
  position: fixed;
  animation: header 0.3s;
  top: 0;
  z-index: 100;
}

@keyframes header {
  from {
    top: -200px;
  }

  to {
    top: 0;
  }
}

.header.active {
  overflow: auto;
  max-height: 100vh;
}

.header.active .menu {
  display: flex;
}

.header.active .header__search {
  display: flex;
}

.header.active .header__row_menu .content {
  display: flex;
}

.header.active .header__col_buttons {
  display: flex;
}

.menu {
  display: flex;
  margin-right: 15px;
}

.menu__sub-open {
  display: none;
}

@media (max-width: 1200px) {
  .menu {
    display: none;
    background-color: #fff;
    margin: 0;
    flex-direction: column;
    width: 100%;
  }

  .menu__sub-open {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 57px;
    width: 57px;
    border-left: solid 1px #f0f0f0;
  }

  .menu__sub-open::after {
    content: "";
    display: block;
    width: 15px;
    height: 1px;
    background-color: #0a5555;
    position: absolute;
    top: 50%;
    left: calc(50% - 7px);
  }

  .menu__sub-open::before {
    content: "";
    display: block;
    width: 1px;
    height: 15px;
    background-color: #0a5555;
    position: absolute;
    left: 50%;
    top: calc(50% - 7px);
    transition: 0.3s;
  }

  .menu__sub-open.active::before {
    transform: rotate(90deg);
  }

  .menu li {
    transition: none;
    position: relative;
    padding: 18px;
    font-size: 16px;
    color: #0a5555;
    background-color: #fff;
    border-top: solid 1px #f0f0f0;
    border-bottom: solid 1px #f0f0f0;
  }

  .menu li.active {
    padding-right: 0;
    padding-bottom: 0;
  }

  .menu li.active>.menu__submenu {
    max-height: 100%;
    margin-top: 18px;
  }

  .menu li::after {
    content: none;
  }

  .menu li::before {
    content: none;
  }
}

@media (min-width: 1200px) {
  .menu li:hover {
    transition: 0.3s;
    background-color: #c80018;
  }

  .menu li:hover>.menu__submenu {
    display: block;
  }

  .menu li>.menu__submenu {
    opacity: 1;
    transition: 0.3s;
  }
}

.menu__element {
  color: #fff;
  font-size: 20px;
  position: relative;
  transition: 0.3s;
}

@media (min-width: 1200px) {
  .menu__element a {
    padding: 12px 30px;
    display: block;
  }
}

@media (min-width: 1200px) {
  .menu__element::after {
    content: "";
    display: block;
    width: 4px;
    height: 20px;
    position: absolute;
    background-image: url("../img/icons/dots.svg");
    right: -2px;
    bottom: calc(50% - 10px);
    z-index: 1;
  }
}

.menu__element_sub {
  padding-right: 40px;
}

@media (min-width: 1200px) {
  .menu__element_sub a {
    padding: 12px 30px;
    padding-right: 10px;
    display: block;
    width: 100%;
  }
}

.menu__element_sub::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  position: absolute;
  right: 15px;
  bottom: calc(50% - 2px);
  transition: 0.3s;
  transform: rotate(-45deg);
}

.menu__element_sub:hover::before {
  transform: rotate(45deg);
}

.menu__submenu {
  display: none;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 200px;
  background-color: #166d6d;
}

.menu__submenu li {
  font-size: 14px;
  transition: 0.3s;
}

.menu__submenu li.have-sub {
  padding-right: 10px;
  position: static;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 1200px) {
  .menu__submenu li.have-sub {
    display: block;
    position: relative;
  }
}

.menu__submenu li.have-sub::after {
  content: "";
  background: none;
  display: block;
  width: 4px;
  height: 4px;
  position: static;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  transform: rotate(-45deg);
  transition: 0.3s;
}

@media (max-width: 1200px) {
  .menu__submenu li.have-sub::after {
    position: absolute;
    bottom: calc(50% - 2px);
    right: 8px;
  }
}

.menu__submenu li:hover::after {
  transform: rotate(45deg);
}

.menu__submenu_second {
  left: 100%;
  top: 0;
  max-height: 100%;
  overflow: auto;
  height: 100%;
}

@media (max-width: 1200px) {
  .menu__submenu {
    display: block;
    position: static;
    opacity: 1;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    transition: none;
  }

  .menu__submenu_second {
    height: auto;
  }

  .menu__submenu li {
    padding: 17px;
    padding-inline-start: 12px;
    transition: none;
  }

  .menu__submenu li:last-child {
    border-bottom: none;
  }
}

.text-section {
  background-color: #f8f8f8;
  padding-top: 20px;
  padding-bottom: 80px;
}

.text-section .text-block h1 span,
.text-section .text-block h2 span {
  background-color: #f8f8f8;
}

.text-section.text-block h1 span,
.text-section.text-block h2 span {
  background-color: #f8f8f8;
}

.text-block {
  line-height: 1.4;
  font-size: 21px;
  color: #545454;
}

.text-block .right {
  float: right;
  margin-left: 20px;
  margin-bottom: 10px;
}

@media (max-width: 700px) {
  .text-block .right {
    margin: 0;
    float: none;
  }
}

.text-block .left {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}

@media (max-width: 700px) {
  .text-block .left {
    float: none;
    margin: 0;
  }
}

.text-block h1,
.text-block h2 {
  font-size: 36px;
  font-weight: 800;
  text-align: center;
  color: #000;
  display: flex;
  position: relative;
  margin-top: 40px;
  margin-bottom: 40px;
}

.text-block h1::after,
.text-block h2::after {
  content: "";
  position: absolute;
  top: 50%;
  height: 6px;
  width: 100%;
  border-top: 2px solid #9e0618;
  border-bottom: 2px solid #9e0618;
  z-index: 0;
}

.text-block h1 span,
.text-block h2 span {
  background-color: #fff;
  padding: 0 20px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.text-block h3,
.text-block h4,
.text-block h5,
.text-block h6 {
  margin-bottom: 20px;
}

.text-block ol {
  margin-top: 15px;
  margin-bottom: 25px;
  padding-left: 15px;
  display: flex;
  gap: 12px;
  flex-direction: column;
}

.text-block ol li::marker {
  color: #c80018;
  font-weight: 700;
}

.text-block ul {
  margin-top: 15px;
  margin-bottom: 25px;
  padding-left: 15px;
  display: flex;
  gap: 12px;
  flex-direction: column;
}

.text-block ul li::before {
  content: "";
  width: 6px;
  margin-right: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
  background-color: #9e0618;
  margin-bottom: 3px;
}

.text-block b {
  font-weight: 700;
}

.text-block p {
  margin-bottom: 36px;
}

@media (max-width: 960px) {
  .text-block {
    font-size: 18px;
  }
}

.text-block p {
  margin-bottom: 18px;
}

.text-block blockquote,
.simple-page blockquote {
  display: inline-block;
  padding: 20px;
  padding-left: 35px;
  background-color: #fff;
  margin-bottom: 30px;
  border: 4px outset #3dd9ab;
  border-radius: 10px;
  font-style: italic;
  position: relative;
  border: 4px outset #3dd9ab;
  border-radius: 30px;
}

.text-block blockquote::before {
  width: 20px;
  height: 20px;
  content: "";
  display: block;
  background-image: url("../img/icons/info.svg");
  background-size: contain;
  top: 8px;
  left: 12px;
  position: absolute;
  z-index: 1;
}

.text-block a {
  font-weight: 700;
  color: #04a3bb;
  text-decoration: underline;
  transition: 0.3s;
}

.text-block a:hover {
  color: #9e0618;
}

@media (max-width: 600px) {
  .text-block h2 {
    font-size: 28px;
  }

  .text-block h2 span {
    padding: 0 5px;
  }
}

.text-block table,
.news__text table {
  display: inline-block;
  border: none;
  border-radius: 10px;
  overflow: hidden;
  border-collapse: collapse;
  margin: 0 auto;
  margin-bottom: 20px;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.5);
  overflow-x: auto;
  max-width: 100%;
}

.text-block table th,
.news__text table th {
  border: none;
  padding: 20px 25px;
  background: linear-gradient(to top, #c80018, #df001a, #9e0618);
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  border-right: 2px solid #fff;
}

.text-block table th:last-child,
.news__text table th:last-child {
  border-right: none;
}

.text-block table tbody td,
.news__text table tbody td {
  text-align: center;
  border-right: 2px solid #fff;
  padding: 20px;
  font-weight: 400;
  font-size: 14px;
  vertical-align: top;
}

.text-block table tbody tr td:last-child,
.news__text table tbody tr td:last-child {
  border-right: none;
}

.text-block table tbody tr,
.news__text table tbody tr {
  background: #f3f3f3;
}

.text-block table tbody tr:nth-child(even),
.news__text table tr:nth-child(even) {
  background: rgba(37, 152, 134, 0.7);
  color: #fff;
}

.text-block table thead th,
.news__text table thead th,
.text-block table tbody td,
.news__text table tbody td {
  min-width: 243px;
}

.text-block table::-webkit-scrollbar,
.news__text table::-webkit-scrollbar {
  height: 2px;
}

* ::-webkit-scrollbar {
  width: 5px;
  background-color: #f9f9fd;
}

::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #c80018;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  background-color: #f9f9fd;
}

.lock {
  overflow: hidden;
  width: calc(100vw - 5px);
}

body {
  font-family: "Segoe UI", sans-serif;
}

.ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.hamRotate.active {
  transform: rotate(45deg) scale(2) !important;
}

.hamRotate180.active {
  transform: rotate(180deg);
}

.line {
  fill: none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke: #fff;
  stroke-width: 5.5;
  stroke-linecap: round;
}

.ham1 .top {
  stroke-dasharray: 40 139;
}

.ham1 .bottom {
  stroke-dasharray: 40 180;
}

.ham1.active .top {
  stroke-dashoffset: -98px;
}

.ham1.active .bottom {
  stroke-dashoffset: -138px;
}

.content {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 12px;
}

.section-offset {
  margin-bottom: 50px;
}

.section-title {
  font-size: 36px;
  font-weight: 800;
  text-align: center;
  color: #000;
  display: flex;
  position: relative;
  margin-bottom: 45px;
}

@media (max-width: 760px) {
  .section-title {
    font-size: 28px;
  }
}

.section-title span {
  padding: 0 20px;
  background-color: #fff;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.section-title::after {
  content: "";
  position: absolute;
  top: 50%;
  height: 6px;
  width: 100%;
  border-top: 2px solid #9e0618;
  border-bottom: 2px solid #9e0618;
  z-index: 0;
}

.button {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 27px;
  padding: 10px 16px;
  font-weight: 700;
  cursor: pointer;
}

.button span {
  display: block;
}

.button_red {
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  background: linear-gradient(0deg, #c80018 0%, #df001a 50%, #9e0618 100%);
  transition: 0.3s;
}

.button_red:hover {
  background: linear-gradient(0deg, #9e0618 0%, #9e0618);
  box-shadow: #9e0618 0px 1px 5px;
}

.button_green {
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  line-height: 13px;
  background-image: linear-gradient(to top, #3dd9ab, #07ac7c);
  transition: 0.3s;
}

.button_green:hover {
  background: linear-gradient(#07ac7c, #07ac7c);
  box-shadow: #07ac7c 0px 1px 5px;
}

.button_transparent {
  color: #fff;
  border: solid 1px #fff;
  opacity: 0.8;
  transition: 0.3s;
}

.button_transparent:hover {
  opacity: 1;
  box-shadow: #fff 0px 1px 5px;
}

.button_transparent picture img {
  filter: brightness(100);
}

.button_icon {
  display: flex;
  gap: 7px;
  align-items: center;
  padding: 5px 16px;
}

.button_icon picture {
  width: 25px;
  height: 25px;
}

.button_medium {
  padding: 12px 20px;
  font-size: 16px;
  text-align: center;
}

.button_large {
  padding: 20px 40px;
  font-size: 16px;
  text-align: center;
}

@media (max-width: 768px) {
  .button_large {
    padding: 20px;
  }
}

.button_fill {
  width: 100%;
}

.button_fill span {
  width: 100%;
}

.nav-btns {
  display: none;
  gap: 50px;
  justify-content: center;
}

@media (max-width: 650px) {
  .nav-btns {
    display: flex;
  }
}

.nav-btn {
  width: 37px;
  height: 37px;
  flex-shrink: 0;
  cursor: pointer;
}

.nav-btn img {
  width: 100%;
  height: 100%;
}

.nav-btn_next {
  transform: rotate(180deg);
}

.footer {
  background-color: #166d6d;
  background-image: url("../img/footer/footer-back.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

@media (max-width: 800px) {
  .footer {
    background-image: none;
  }
}

.footer .content {
  padding: 50px 15px;
}

.footer__row {
  display: flex;
  gap: 20px;
  row-gap: 30px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.footer__row_center {
  flex-direction: column;
  align-items: center;
  gap: 30px;
  margin-bottom: 25px;
}

@media (min-width: 1000px) {
  .footer__row_info>* {
    flex: 1;
  }
}

@media (max-width: 850px) {
  .footer__row_info {
    flex-wrap: wrap;
  }
}

@media (max-width: 1000px) {
  .footer__row_info .footer__col_info {
    order: 3;
    flex-basis: 100%;
    max-width: 100%;
  }

  .footer__row_info .footer__col:first-child {
    order: 1;
  }

  .footer__row_info .footer__col:last-child {
    order: 2;
  }
}

.footer__row:first-child {
  margin-bottom: 25px;
}

@media (max-width: 600px) {
  .footer__row {
    justify-content: center;
  }
}

.footer__socials p {
  color: #fff;
  margin-bottom: 15px;
}

.footer__social-buttons {
  display: flex;
  gap: 10px;
  justify-content: center;
}

.footer__social-button {
  padding: 8px;
  border: solid 1px #fff;
  border-radius: 5px;
}

.footer__social-button svg {
  width: 18px;
  height: 18px;
  display: block;
}

.footer__social-button:hover {
  background-color: #fff;
}

.footer__social-button:hover svg,
.footer__social-button:hover svg path {
  fill: #166d6d;
  stroke: #166d6d;
}

.footer__attention {
  background-color: #0a5555;
  padding: 8px 15px;
  text-align: center;
  color: #fff;
  font-size: 17px;
  line-height: 1.5;
}

@media (max-width: 1150px) {
  .footer__attention {
    font-size: 14px;
  }
}

.footer__attention span {
  display: inline-block;
  padding: 3px;
  border-radius: 3px;
  border: solid #fff 1px;
  line-height: 1;
}

.footer__col {
  display: flex;
  flex-direction: column;
  gap: 15px;
  max-width: 300px;
}

.footer__col_info {
  text-align: center;
  max-width: 100%;
}

.footer__col div.footer__item {
  display: flex;
  gap: 7px;
  align-items: center;
}

.footer__col div.footer__item picture {
  width: 20px;
  height: 24px;
}

.footer__col div.footer__item picture img {
  height: 100%;
  width: auto;
}

.footer__col div.footer__item span {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.footer__col div.footer__item.footer__pay {
  gap: 5px;
}

.footer__col div.footer__item.footer__pay span {
  padding-top: 15px;
  font-size: 13px;
}

.footer__col div.footer__item.footer__pay picture {
  height: 80px;
  width: 80px;
}

.footer__col div.footer__item.footer__pay picture img {
  filter: none;
}

.footer__col p {
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
}

.footer__col_links {
  width: 100%;
  max-width: 650px;
}

@media (max-width: 1275px) {
  .footer__col_links {
    max-width: 100%;
    order: 2;
  }
}

.footer__col_buttons {
  align-items: center;
}

@media (max-width: 1275px) {
  .footer__col_buttons {
    order: 1;
  }
}

@media (max-width: 1275px) {
  .footer__col_contacts {
    order: 0;
  }
}

.footer__tel {
  color: #fff;
  display: flex;
  gap: 7px;
  font-size: 24px;
  font-weight: 700;
  align-items: center;
}

.footer picture {
  width: 16px;
  height: 16px;
}

.footer picture img {
  filter: brightness(100);
}

.footer__sub-row {
  display: flex;
  justify-content: center;
  gap: 20px;
}

@media (max-width: 600px) {
  .footer__sub-row {
    flex-wrap: wrap;
  }

  .footer__sub-row .footer__sub-col {
    flex-basis: 100%;
    text-align: center;
  }
}

.footer__sub-row_links {
  width: 100%;
  color: #fff;
  font-size: 18px;
  margin-bottom: 20px;
}

.footer a:not(.button) {
  text-decoration: underline;
  color: #fff;
  transition: 0.3s;
}

.footer a:hover:not(.button) {
  color: #c80018;
  transition: 0.3s;
}

.footer__sub-col {
  display: flex;
  flex-direction: column;
  gap: 15px;
  flex: 1;
}

.footer__spec-btn {
  align-self: center;
  padding: 11px 7px;
  border: 2px solid rgb(255, 255, 255);
  border-radius: 5px;
  width: 40px;
  height: 40px;
  opacity: 0.6;
  transition: 0.3s;
}

.footer__spec-btn:hover {
  transition: 0.3s;
  opacity: 1;
}

.footer__spec-btn picture {
  width: 100%;
}

.footer__spec-btn picture img {
  filter: invert(1);
}

.converse__card-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  transition: 0.3s;
}

.converse__card-wrapper_hidden {
  bottom: -130px;
}

.converse__card {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  background-color: rgba(37, 152, 134, 0.6980392157);
  padding: 16px;
  border-radius: 14px 14px 0 0;
  gap: 12px;
  box-shadow: 0px 4px 64px 0px rgba(0, 0, 0, 0.0705882353);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
}

.converse__item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  flex: 1;
  background-color: #ffffff;
  padding: 20px;
  border-radius: 14px;
  transition: 0.3s;
}

.converse__item:hover {
  background-color: transparent;
  transition: 0.3s;
}

.converse__item_max:hover svg path {
  fill: #17706e;
}

@media screen and (width<=500px) {
  .converse__item_wa {
    display: none;
  }
}

.converse__icon {
  width: 54px;
  height: 54px;
  background-color: #17706e;
  display: flex;
  border-radius: 50%;
  padding: 10px;
  transition: 0.3s;
}

.converse__item:hover .converse__icon {
  background-color: #fff;
}

.converse__icon img {
  filter: brightness(100);
  margin: auto;
  width: 100%;
  height: auto;
}

.converse__item:hover .converse__icon img {
  filter: none;
}

.converse__text {
  margin: 0;
  font-family: "Segoe UI";
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  text-align: center;
  color: #000;
}

.converse__item:hover .converse__text {
  color: #fff;
}

.converse__close {
  cursor: pointer;
  position: absolute;
  display: flex;
  width: 30px;
  height: 30px;
  right: -30px;
  top: -27px;
  background-color: #63b1a2;
  border-radius: 50%;
}

.converse__close::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  margin: auto;
  z-index: 2;
  background-image: url("../img/icons/close-button-x.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.converse__close_hidden {
  background-color: #df001a;
  padding: 9px;
  transform: 0.3s;
}

.converse__close_hidden::before {
  background-image: url("../img/icons/close-button-arrow.svg");
  height: 18px;
  width: 12px;
}

@media (max-width: 1350px) {
  .converse__close {
    top: -35px;
    right: 10px;
  }
}

@media (max-width: 800px) {
  .converse__card-wrapper_hidden {
    bottom: -85px;
  }

  .converse__card {
    padding: 10px;
  }

  .converse__item {
    padding: 10px;
  }

  .converse__icon {
    width: 44px;
    height: 44px;
  }

  .converse__text {
    font-size: 14px;
    line-height: 16px;
  }
}

@media (max-width: 500px) {
  .converse__card {
    flex-wrap: wrap;
    gap: 8px;
  }

  .converse__card-wrapper_hidden {
    bottom: -90px;
  }

  .converse__item {
    gap: 8px;
  }

  .converse__icon {
    width: 36px;
    height: 36px;
    padding: 7px;
  }
}

@media (max-width: 400px) {
  .converse__item {
    padding: 8px;
  }

  .converse__text {
    font-size: 13px;
  }
}

@media (max-width: 360px) {
  .converse__item {
    padding: 6px;
  }

  .converse__text {
    font-size: 12px;
  }
}

.intro {
  position: relative;
  padding-top: 50px;
  padding-bottom: 80px;
}

.intro_service {
  padding-top: 25px;
  margin-bottom: 60px;
}

.intro__breadcrambs {
  margin-bottom: 40px;
}

.intro__breadcrambs ul {
  display: flex;
  flex-wrap: wrap;
}

.intro__breadcrambs ul li a {
  color: #166d6d;
  font-size: 14px;
  transition: 0.3s;
}

.intro__breadcrambs ul li a:hover {
  color: #c80018;
}

.intro__breadcrambs ul li a::after {
  content: "→";
  padding: 0 5px;
  color: #000;
}

.intro__breadcrambs ul li span {
  font-size: 14px;
}

@media (max-width: 750px) {
  .intro__breadcrambs ul li span {
    font-size: 16px;
  }

  .intro__breadcrambs ul li a {
    font-size: 16px;
  }
}

.intro>picture {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: -5px;
  left: 0;
  mask-image: url("/netcat_template/template/domains/assets/img/intro/banner-mask.svg");
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: 50% 100%;
  filter: blur(3px);
  box-shadow: 0px 5px 5px gray;
}

.intro>picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 100%;
  object-position: 50% 100%;
}

.intro__title {
  text-align: center;
  font-size: 36px;
  line-height: 50px;
  font-weight: 800;
  margin-bottom: 47px;
}

@media (max-width: 995px) {
  .intro__title {
    font-size: 24px;
    margin-bottom: 25px;
    line-height: 1.4;
  }
}

.intro__title span {
  display: block;
  text-transform: uppercase;
  color: #9e0618;
}

.intro__title_service span {
  display: inline;
  font-weight: 900;
}

.intro__buttons {
  display: flex;
  gap: 20px;
  margin: 0 auto;
  margin-bottom: 40px;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 950px;
}

@media (max-width: 600px) {
  .intro__buttons {
    gap: 10px;
  }
}

@media (max-width: 380px) {
  .intro__buttons {
    gap: 10px;
    margin-bottom: 15px;
    flex-direction: column;
    align-items: center;
    justify-content: stretch;
  }

  .intro__buttons li {
    flex-basis: 100%;
    width: 100%;
  }
}

.intro__buttons li {
  flex-basis: calc(33% - 13.3333333333px);
  max-width: 300px;
}

@media (max-width: 995px) {
  .intro__buttons li {
    flex-basis: calc(50% - 10px);
  }
}

.intro__button {
  transition: 0.3s;
  cursor: pointer;
  display: block;
  text-align: center;
  border-radius: 60px;
  border: 2px solid #166d6d;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.intro__button:hover {
  transition: 0.3s;
  background: #166d6d;
  color: #fff;
}

.intro .intro__pluses {
  margin: 0 auto;
  max-width: 940px;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.intro__adv {
  text-align: justify;
  font-size: 16px;
}

@media (max-width: 995px) {
  .intro .intro__pluses {
    display: none;
    display: flex;
    flex-direction: column;
    max-width: 600px;
  }
}

.intro .intro__pluses li {
  flex-basis: calc(50% - 10px);
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 18px;
  font-weight: 600;
  color: #404040;
  position: relative;
}

.intro .intro__pluses li::before {
  content: "";
  display: block;
  height: 20px;
  aspect-ratio: 1;
  background: url("../img/icons/check.png") no-repeat;
}

.intro .intro__pluses li .intro__hint {
  cursor: pointer;
  flex-shrink: 0;
  display: flex;
  width: 20px;
  height: 20px;
  border: 1px solid gray;
  border-radius: 50%;
}

@media (max-width: 450px) {
  /* .intro .intro__pluses li .intro__hint {
    margin-left: auto;
  } */
}

.intro .intro__pluses li .intro__hint span {
  text-align: center;
  margin: auto;
  width: 100%;
  display: block;
  font-size: 12px;
  color: gray;
}

.intro .intro__pluses li .intro__hint:hover {
  color: #0a58ca;
}

.intro .intro__pluses li .intro__hint:hover p {
  display: block;
  opacity: 1;
}

.intro .intro__pluses li .intro__hint p {
  padding: 10px 20px;
  background-color: #fff;
  display: none;
  position: absolute;
  opacity: 0;
  color: #404040;
  bottom: 100%;
  left: 30%;
  transition: 0.3s;
}

.intro__bottom-btns {
  display: flex;
  gap: 10px;
  justify-content: center;
}

@media (max-width: 660px) {
  .intro__bottom-btns {
    flex-direction: column;
    align-items: center;
  }
}

.intro__bottom-btns .button {
  flex: 1;
  max-width: 300px;
}

@media (max-width: 660px) {
  .intro__bottom-btns .button {
    max-width: 300px;
    width: 100%;
  }
}

.military-stock {
  margin: 50px 0;
}

.military-stock__content {
  padding: 30px 40px;
  display: flex;
  justify-content: space-between;
  background-color: #166d6d;
  border-radius: 15px;
}

@media (max-width: 960px) {
  .military-stock__content {
    justify-content: center;
  }
}

.military-stock__title {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 10px;
}

.military-stock__title::after {
  content: "";
  display: block;
  width: 117px;
  height: 2px;
  background-color: #27c798;
  margin: 0 auto;
  margin-top: 10px;
}

.military-stock__des {
  color: rgba(255, 255, 255, 0.6);
  font-size: 16px;
  text-align: center;
}

.military-stock__des span {
  color: #fff;
}

.military-stock picture {
  width: 65px;
  height: 65px;
}

.military-stock picture img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

@media (max-width: 960px) {
  .military-stock picture {
    display: none;
  }
}

.trust {
  background: url("../img/trust/trust-back.webp") 100% 0% no-repeat;
}

@media (max-width: 1320px) {
  .trust {
    background: none;
  }
}

.trust__inner {
  display: flex;
  gap: 30px;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 75px;
}

@media (max-width: 760px) {
  .trust__inner {
    flex-direction: column;
    align-items: center;
  }
}

.trust__item {
  display: flex;
  flex: 1;
  flex-direction: column;
  max-width: 400px;
  text-align: center;
}

.trust__item span {
  font-size: 72px;
  font-weight: 800;
  color: #9e0618;
  line-height: 1.1;
}

.trust__item p {
  color: #a7a7a7;
  font-size: 21px;
  font-weight: 600;
}

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

@media (max-width: 760px) {
  .trust__video {
    flex-direction: column;
  }
}

.trust__video a {
  position: relative;
  display: block;
  overflow: hidden;
  max-width: 460px;
  border-radius: 10px;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.5);
  margin: 5px auto;
}

.trust__video a::after {
  width: 66px;
  height: 66px;
  content: "";
  display: block;
  background: url("../img/icons/play-icon.png") no-repeat;
  position: absolute;
  z-index: 1;
  top: calc(50% - 33px);
  left: calc(50% - 33px);
  transition: 0.3s;
}

.trust__video a:hover::after {
  transform: scale(1.2);
}

.trust__video a img {
  width: 100%;
  margin: 0 auto;
  max-width: 460px;
  height: 265px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 950px) {
  .trust__video {
    margin-bottom: 20px;
  }
}

.trust__nav-btns {
  display: none;
  gap: 50px;
  justify-content: center;
}

@media (max-width: 950px) {
  .trust__nav-btns {
    display: flex;
  }
}

.trust__nav-btn {
  width: 37px;
  height: 37px;
  cursor: pointer;
}

.trust__nav-btn img {
  width: 100%;
  height: 100%;
}

.trust__nav-btn_next {
  transform: rotate(180deg);
}

.consult {
  padding-top: 190px;
  padding-bottom: 25px;
  color: #ffffff;
}

.consult__wrapper {
  position: relative;
  padding: 50px;
  display: flex;
  justify-content: space-between;
  border-radius: 15px;
  background: #166d6d;
  overflow: hidden;
  background-image: radial-gradient(circle at 84% 92%,
      rgba(33, 194, 147, 0.7) 5%,
      rgba(22, 109, 109, 0.4) 42%,
      transparent 100%);
}

.consult__img {
  position: absolute;
  bottom: 0;
  right: 31px;
}

.consult__text {
  display: flex;
  flex-direction: column;
  gap: 25px;
  width: 48%;
}

.consult__text .contact-checkbox-row {
  margin-left: 0;
  text-align: left;
}

.consult__links {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.consult__link {
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  min-width: 48%;
  height: 43px;
  font-size: 16px;
  color: #000000;
  background-color: #ffffff;
  border-radius: 36px;
  transition: box-shadow 0.3s;
}

.consult__link:hover {
  box-shadow: #1e1d1d 0px 1px 5px;
  transition: box-shadow 0.3s;
}

.consult__title {
  font-size: 36px;
  font-weight: 400;
  color: white;
}

.consult__title span {
  font-weight: 700;
}

.consult__button,
.consult input {
  display: block;
  width: 48%;
}

@media (max-width: 618px) {
  .consult__links {
    margin-bottom: 15px;
    flex-direction: column;
    gap: 9px;
  }
}

@media (max-width: 650px) {
  .consult {
    padding: 100px 0;
    background-size: auto 150%;
    background-position: 50% 90%;
  }

  .consult__title {
    font-size: 30px;
  }

  .consult__title span {
    font-size: 30px;
  }
}

@media (max-width: 1281px) {
  .consult__img {
    width: 50%;
    height: auto;
  }

  .consult__img img {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 1023px) {
  .consult__wrapper {
    padding: 20px 20px 0 20px;
    background-image: linear-gradient(to top, rgba(33, 194, 147, 0.9) 0%, rgba(22, 109, 109, 0.7) 41%, rgba(22, 109, 109, 0.5) 100%);
    z-index: 0;
  }

  .consult__text {
    gap: 15px;
    width: 100%;
  }

  .consult__text p {
    font-size: 14px;
  }

  .consult__wrapper {
    flex-direction: column;
  }

  .consult__img {
    position: static;
    margin-top: 25px;
    width: 100%;

  }

  .consult__img img {
    margin: 0 auto;
    width: 100%;
    height: auto;
    max-width: 492px;
  }

  p.consult__title {
    font-size: 22px;
  }

  .consult__title span {
    font-size: 22px;
  }

  .consult .contact-checkbox-text {
    text-align: left;
    font-size: 12px;
  }

  .consult__button,
  .consult input {
    width: 100%;
  }
}

.consult__form {
  display: flex;
  gap: 16px;
  margin-bottom: 15px;
}

@media (max-width: 625px) {
  .consult__form {
    flex-direction: column;
    gap: 10px;
  }
}

.consult__form input {
  border: 1px solid #fff;
  border-radius: 31px;
  text-align: center;
  color: #fff;
  background: transparent;
  font-size: 18px;
  padding: 8px 20px;
}

.consult__form input[type="tel"] {
  text-align: left;
}

.our-services__title {
  margin-bottom: 30px;
}

.our-services__tabs {
  display: flex;
  gap: 30px;
}

@media (max-width: 960px) {
  .our-services__tabs {
    flex-direction: column;
    gap: 0;
  }
}

.our-services__tabs-list {
  width: 100%;
  max-width: 420px;
  flex-shrink: 0;
}

@media (max-width: 960px) {
  .our-services__tabs-list {
    display: contents;
  }
}

.our-services__tabs-list li {
  cursor: pointer;
  background: #166d6d;
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 21px;
  padding: 25px 45px;
  max-width: 420px;
  width: 100%;
  border-bottom: 1px solid #115d5d;
}

.our-services__tabs-list li:hover,
.our-services__tabs-list li.active {
  background: linear-gradient(to top, #3dd9ab, #07ac7c);
}

.our-services__tabs-list li.active {
  position: relative;
}

.our-services__tabs-list li.active::after {
  content: "";
  position: absolute;
  display: block;
  height: 24px;
  width: 21px;
  background: url("../img/icons/tab-arrow.png") 100% 100%/100% 100% no-repeat;
  top: calc(50% - 12px);
  left: 100%;
}

@media (max-width: 960px) {
  .our-services__tab-content-wrapper {
    display: contents;
  }

  .our-services li {
    color: #07ac7c;
    background: transparent;
    border: 1px solid #07ac7c;
    border-radius: 6px;
    padding: 10px 20px;
    font-size: 14px;
    max-width: 100%;
  }
}

@media (max-width: 960px) and (max-width: 960px) {
  .our-services li {
    margin-bottom: 5px;
  }

  .our-services li.active {
    margin-bottom: 0;
  }
}

@media (max-width: 960px) {

  .our-services li.active,
  .our-services li:hover {
    color: #fff;
  }

  .our-services li.active::after {
    content: none;
  }
}

.our-services__tab-content {
  display: none;
  overflow: hidden;
}

@media (max-width: 960px) {
  .our-services__tab-content {
    display: block;
    transition: 0.3s;
    max-height: 0;
    padding: 0px 10px;
    background-color: #f8f8f8;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.17);
  }
}

.our-services__tab-content.active {
  display: block;
  padding: 20px 10px;
}

@media (max-width: 960px) {
  .our-services__tab-content.active {
    transition: 0.3s;
  }
}

.our-services__tab-title {
  font-size: 30px;
  margin-bottom: 20px;
}

.faq__list {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.faq__question-wrapper {
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.faq__question-wrapper.active {
  border-color: transparent;
}

.faq__question-wrapper.active .faq__button::after {
  transform: rotate(270deg);
  background-color: rgb(22, 109, 109);
}

.faq__question-wrapper.active .faq__button::before {
  transform: rotate(-180deg);
  background-color: rgb(22, 109, 109);
}

.faq__question {
  font-family: "Segoe UI", sans-serif;
  font-weight: 600;
  font-size: 24px;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
  color: #000;
  margin-bottom: 10px;
}

.faq__button {
  border: 1px solid rgba(22, 109, 109, 0.6);
  border-radius: 50%;
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  position: relative;
}

.faq__button::after {
  content: "";
  width: 2px;
  height: 16px;
  border-radius: 2px;
  background-color: rgb(22, 109, 109);
  overflow: hidden;
  position: absolute;
  top: 8px;
  left: 15px;
  transition: 0.3s;
}

.faq__button::before {
  content: "";
  width: 16px;
  height: 2px;
  border-radius: 2px;
  background-color: rgb(22, 109, 109);
  overflow: hidden;
  position: absolute;
  left: 8px;
  top: 15px;
  transition: 0.3s;
}

.faq__subqestion {
  font-family: "Segoe UI";
  font-weight: 400;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 20px;
  padding-bottom: 12px;
}

.faq__answer {
  max-height: 0;
  overflow: hidden;
  transition: 0.3s;
}

.faq__answer a {
  text-decoration: underline;
  font-weight: 600;
  transition: 0.3s;
}

.faq__answer a:hover {
  color: #404040;
}

.faq__answer-inner {
  padding: 16px 20px;
  border: 2px solid rgb(37, 133, 105);
  border-radius: 15px;
  font-family: Segoe UI;
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 10px;
}

.faq__answer-inner b {
  font-family: "Segoe UI";
  font-weight: 600;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.8);
}

.faq__answer-inner p {
  margin-bottom: 8px;
}

.faq-page {
  padding-top: 20px;
}

.faq-page__des {
  font-size: 18px;
  color: #545454;
  margin-bottom: 40px;
}

.faq-page__inner {
  display: flex;
  gap: 40px;
}

@media (max-width: 1080px) {
  .faq-page__inner {
    flex-direction: column;
  }
}

.faq-page__tab-btns {
  max-width: 430px;
  flex-shrink: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 7px;
  font-weight: 700;
}

@media (max-width: 1080px) {
  .faq-page__tab-btns {
    max-width: 100%;
  }
}

.faq-page__tab-btn {
  padding: 15px 20px;
  color: #000;
  background-color: #fff;
  font-size: 18px;
  box-shadow: 0px 0px 31px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  cursor: pointer;
  border-radius: 5px;
  overflow: hidden;
}

@media (max-width: 1080px) {
  .faq-page__tab-btn {
    display: none;
    order: 2;
  }
}

.faq-page__tab-btn span {
  position: relative;
  z-index: 1;
  transition: 0.3s;
}

@media (max-width: 1080px) {
  .faq-page__tab-btn span {
    transition: none;
  }
}

.faq-page__tab-btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, #39d5a8 0%, #186f6f 100%);
  transition: 0.3s;
}

@media (max-width: 1080px) {
  .faq-page__tab-btn::after {
    transition: none;
  }
}

.faq-page__tab-btn.active {
  color: #fff;
}

.faq-page__tab-btn.active::after {
  width: 100%;
}

@media (max-width: 1080px) {
  .faq-page__tab-btn.active {
    display: block;
    order: 1;
    position: relative;
  }

  .faq-page__tab-btn.active::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: calc(50% - 2px);
    transition: 0.3s;
    z-index: 3;
    transform: rotate(45deg);
  }
}

.faq-page__tab-contents {
  width: 100%;
}

.tab-content {
  display: none;
}

.tab-content>*:not(.show) {
  display: none;
}

.tab-content.active {
  display: flex;
}

.tab__show-more-btn {
  display: none;
  font-size: 21px;
  width: 100%;
  margin-top: 20px;
}

.tab__show-more-btn.active {
  display: block;
}

.tab-btns-wrapper.active .tab-btn {
  display: block;
}

.tab-btns-wrapper.active .tab-btn::before {
  top: 22px;
  transform: rotate(225deg);
}

@media (min-width: 680px) {
  .stocks-slider .content {
    position: relative;
    padding-inline: 70px;
  }
}

.stocks_page {
  padding-top: 30px;
}

.stocks__inner {
  overflow-x: hidden;
  padding-top: 25px;
}

@media (max-width: 680px) {
  .stocks__slider .stocks__nav-btns {
    margin-top: 20px;
  }
}

.stocks__card {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 10px;
  padding-bottom: 20px;
  align-items: flex-start;
  border: 2px solid #166d6d;
  border-radius: 20px;
  flex-basis: calc(50% - 13px);
}

@media (max-width: 1060px) {
  .stocks__card {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}

.stocks__photo {
  padding: 5px;
  flex-basis: calc(50% - 10px);
  margin: 0 auto;
}

.stocks__photo picture {
  border: 2px solid #166d6d;
  border-radius: 20px;
  overflow: hidden;
  max-height: 185px;
}

.stocks__text {
  flex-basis: calc(50% - 10px);
}

.stocks__button {
  display: block;
  margin-top: auto;
}

.stocks__title {
  margin-bottom: 4px;
  color: #9e0618;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
}

.stocks__des {
  color: #166d6d;
  line-height: 1.5;
  font-size: 16px;
}

.advantages__nav-btns {
  display: none;
  gap: 50px;
  justify-content: center;
}

@media (max-width: 650px) {
  .advantages__nav-btns {
    display: flex;
  }
}

.advantages__nav-btn {
  width: 37px;
  height: 37px;
  flex-shrink: 0;
}

.advantages__nav-btn_next {
  transform: rotate(180deg);
}

.advantages__inner {
  padding: 50px 0;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

@media (max-width: 760px) {
  .advantages__inner {
    padding: 0;
  }
}

@media (max-width: 650px) {
  .advantages__inner {
    flex-wrap: nowrap;
    gap: 0;
    margin-bottom: 20px;
  }
}

.advantages__item {
  flex: 1;
  flex-basis: calc(25% - 12px);
}

@media (max-width: 960px) {
  .advantages__item {
    flex-basis: calc(50% - 8px);
  }
}

@media (max-width: 650px) {
  .advantages__item {
    flex-basis: 100%;
  }
}

.advantages__icon {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.advantages__icon img {
  width: 100%;
  height: 100%;
}

.advantages__des {
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  color: #000;
  line-height: 1.3;
  padding: 0 20px;
}

.doctors {
  padding: 40px 0;
  background: url("../img/doctors/back4.png") 100% 100%/100%, #f8f8f8;
}

.doctors__title span {
  background-color: #f8f8f8;
}

.doctors__card {
  display: block;
  background-color: #fff;
  border-radius: 5px;
  text-align: center;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.17);
  transition: 0.3s;
}

.doctors__card:hover {
  transform: scale(104%) translateY(-2%) !important;
}

.doctors__photo picture {
  aspect-ratio: 1;
  margin: 0 auto;
  max-height: 360px;
}

.doctors__photo picture img {
  width: 100%;
}

.doctors__info {
  padding: 10px;
  padding-top: 12px;
}

.doctors__name {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 9px;
  color: #166d6d;
  transition: 0.3s;
  position: relative;
  z-index: 2;
  text-decoration: underline;
}

.doctors__name:hover {
  color: #27c798;
}

.doctors__spec {
  margin-bottom: 16px;
  font-size: 12px;
  font-weight: 600;
  color: #858585;
}

.doctors__inner {
  overflow-x: hidden;
  padding-top: 25px;
}

@media (max-width: 680px) {
  .doctors__inner {
    margin-bottom: 20px;
  }
}

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

.doctors__inner_page .doctors__card {
  flex-basis: calc(25% - 15px);
}

@media (max-width: 960px) {
  .doctors__inner_page .doctors__card {
    flex-basis: calc(33% - 13.3333333333px);
  }
}

@media (max-width: 800px) {
  .doctors__inner_page .doctors__card {
    flex-basis: calc(50% - 10px);
  }
}

@media (max-width: 500px) {
  .doctors__inner_page .doctors__card {
    flex-basis: 100%;
  }
}

@media (min-width: 680px) {
  .doctors__content {
    position: relative;
    max-width: 1420px;
    padding-left: 70px;
    padding-right: 70px;
  }
}

.doctors__button {
  color: #fff;
  font-weight: 600;
  width: 100%;
  padding: 12px 20px;
  background-color: #166d6d;
  transition: 0.3s;
  position: relative;
  z-index: 2;
  border-radius: 0 0 5px 5px;
  transition: 0.3s;
}

.doctors__button:hover {
  background-color: #27c798;
}

.doctors .doctors__nav-btns,
.stocks__nav-btns {
  display: flex;
}

.doctors .doctors__nav-btns .nav-btn_next,
.stocks__nav-btns .nav-btn_next {
  transform: rotate(180deg);
}

@media (min-width: 680px) {

  .doctors .doctors__nav-btns,
  .stocks__nav-btns {
    display: flex;
    width: calc(100% - 20px);
    justify-content: space-between;
    position: absolute;
    top: 50%;
    left: 10px;
  }

  .doctors .doctors__nav-btns .nav-btn,
  .stocks__nav-btns .nav-btn {
    width: 54px;
    height: 54px;
  }

  .doctors .doctors__nav-btns .nav-btn img,
  .stocks__nav-btns .nav-btn img {
    width: 100%;
    height: 100%;
  }

  .doctors .doctors__nav-btns .nav-btn_next,
  .stocks__nav-btns .nav-btn_next {
    transform: rotate(180deg);
  }
}

.doctor-info {
  padding: 30px 0;
}

.doctor-info_content {
  display: flex;
  gap: 50px;
}

@media (max-width: 980px) {
  .doctor-info_content {
    flex-direction: column;
    gap: 20px;
  }
}

@media (max-width: 1110px) {
  .doctor-info_content {
    gap: 20px;
  }
}

.doctor-info__photo {
  height: 100%;
  width: 100%;
  max-width: 400px;
  flex-shrink: 0;
}

@media (max-width: 1110px) {
  .doctor-info__photo {
    max-width: 300px;
  }
}

@media (max-width: 980px) {
  .doctor-info__photo {
    margin: 0 auto;
    order: 1;
  }
}

.doctor-info__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

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

@media (max-width: 980px) {
  .doctor-info__text {
    display: contents;
  }
}

.doctor-info__name {
  font-weight: 700;
  font-size: 35px;
  color: #000;
  text-align: left;
}

@media (max-width: 980px) {
  .doctor-info__name {
    order: 0;
  }
}

.doctor-info__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@media (max-width: 980px) {
  .doctor-info__list {
    order: 2;
  }
}

.doctor-info__list li {
  display: flex;
  gap: 5px;
}

.doctor-info__list li span {
  font-weight: 700;
}

.doctor-info__des {
  line-height: 1.3;
}

@media (max-width: 980px) {
  .doctor-info__des {
    order: 3;
  }
}

.doctor-info__bottom {
  display: flex;
  gap: 25px;
  align-items: flex-end;
}

@media (max-width: 980px) {
  .doctor-info__bottom {
    order: 4;
  }
}

@media (max-width: 660px) {
  .doctor-info__bottom {
    flex-direction: column-reverse;
    gap: 15px;
    align-items: center;
  }
}

.doctor-info__prices-title {
  font-size: 20px;
  font-weight: 700;
}

.doctor-info__new-price {
  color: rgb(200, 0, 24);
  font-size: 30px;
  font-weight: 700;
}

.doctor-info__old-price {
  text-decoration: line-through;
  font-size: 20px;
  font-weight: 700;
  color: rgb(133, 133, 133);
}

@media (max-width: 660px) {
  .doctor-info__button {
    width: 100%;
    max-width: 400px;
  }
}

.doctors-docs .swiper-wrapper {
  margin-bottom: 20px;
}

.doctors-docs .nav-btns {
  display: flex;
}

.doctors-docs__item {
  position: relative;
  display: block;
  overflow: hidden;
}

.doctors-docs__item::after,
.doctors-docs__item::before {
  content: "";
  display: block;
  margin: 25px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: 0.6s;
}

.doctors-docs__item::after {
  height: 0;
  width: calc(100% - 50px);
  border-left: 4px solid #fff;
  border-right: 4px solid #fff;
}

.doctors-docs__item::before {
  width: 0;
  height: calc(100% - 50px);
  border-top: 4px solid #fff;
  border-bottom: 4px solid #fff;
}

.doctors-docs__item img {
  width: 100%;
  height: auto;
}

.doctors-docs__item:hover .doctors-docs__title {
  opacity: 1;
  transform: scale(1.2);
}

.doctors-docs__item:hover::after {
  height: calc(100% - 50px);
}

.doctors-docs__item:hover::before {
  width: calc(100% - 50px);
}

.doctors-docs__title {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20%;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 1.3;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
  transition: 0.5s;
  opacity: 0;
}

.price {
  padding: 30px 0 80px 0;
  background: url("../img/price/back5.jpg") 50% 50%/100% no-repeat;
}

@media (max-width: 600px) {
  .price {
    padding-bottom: 0;
  }
}

@media (max-width: 1600px) {
  .price {
    background: none;
  }
}

.price__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.price__item {
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  overflow: hidden;
  background-color: #fff;
  padding-bottom: 20px;
  text-align: center;
  /* flex: 1; */
  flex-basis: calc(25% - 23px);
  min-width: 260px;
}

@media (max-width: 1150px) {
  .price__item {
    flex-basis: calc(33% - 16px);
  }
}

.price__item_hit .price__header {
  background: linear-gradient(to top, #c80018, #df001a, #9e0618);
  position: relative;
}

.price__item_hit .price__header::after {
  content: "Хит";
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 700;
  position: absolute;
  top: 10px;
  left: 10px;
}

.price__header {
  padding: 12px;
  color: #fff;
  background-color: #166d6d;
  margin-bottom: 15px;
}

.price__category {
  font-size: 16px;
  margin-bottom: 5px;
}

.price__name {
  font-size: 21px;
  text-transform: uppercase;
  font-weight: 800;
}

.price__list {
  text-align: left;
  padding: 0 15px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-bottom: 20px;
  margin-bottom: auto;
}

.price__list li {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #404040;
  gap: 3px;
}

.price__list li::before {
  content: "";
  display: block;
  height: 20px;
  aspect-ratio: 1;
  background: url("../img/icons/check.png") no-repeat;
}

.price__cost {
  padding-top: 15px;
  border-top: 1px solid #ebebeb;
  margin-bottom: 15px;
}

.price__cost p:first-child {
  font-size: 16px;
  background: url() center no-repeat;
  padding-bottom: 3px;
  font-weight: 700;
  background: url("../img/price/del.png") center no-repeat;
}

.price__cost p:last-child {
  font-size: 30px;
  font-weight: 700;
  color: #9e0618;
  background: none;
}

.price__button {
  width: calc(100% - 40px);
  margin: 0 auto;
}

.prices-page {
  padding-top: 20px;
}

.prices-page__subtitle {
  color: #545454;
  margin-bottom: 30px;
  font-size: 21px;
}

.prices-page .price-table {
  margin-bottom: 30px;
}

.prices-page .price-table:last-child {
  margin-bottom: 0;
}

.galery {
  padding: 30px 0;
}

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

@media (max-width: 900px) {
  .price__item {
    flex-basis: calc(50% - 12px);
  }
}

@media (max-width: 575px) {
  .price__item {
    flex-basis: 100%;
  }
}

@media (max-width: 600px) {
  .galery__content {
    flex-direction: column;
    gap: 40px;
  }
}

.galery__column {
  flex-basis: calc(50% - 15px);
  max-width: calc(50% - 15px);
  overflow: hidden;
}

@media (max-width: 600px) {
  .galery__column {
    flex-basis: 100%;
    max-width: 100%;
  }
}

.license__inner {
  margin-bottom: 20px;
  overflow: visible !important;
}

.license .content {
  overflow: hidden;
}

.license__item {
  transition: 0.3s;
}

.license__item:hover {
  transform: translateY(-5px) translateZ(0) !important;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.7);
  transition: 0.3s;
}

.license__item img {
  width: 100%;
  height: auto;
}

.license__nav-btns {
  display: flex;
}

.photos__inner {
  overflow: visible !important;
  margin-bottom: 20px;
}

.photos__item a:first-child {
  display: block;
  margin-bottom: 10px;
}

.photos__item a {
  display: block;
  transition: 0.3s;
}

.photos__item a:hover {
  transform: translateY(-5px) translateZ(0) !important;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.7);
  transition: 0.3s;
}

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

.photos__nav-btns {
  display: flex;
}

.license-page {
  padding-top: 20px;
}

.license-page__inner {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.license-page__item {
  display: block;
  flex-basis: calc(25% - 15px);
}

@media (max-width: 950px) {
  .license-page__item {
    flex-basis: calc(33% - 13.3333333333px);
  }
}

@media (max-width: 750px) {
  .license-page__item {
    flex-basis: calc(50% - 10px);
  }
}

@media (max-width: 550px) {
  .license-page__item {
    flex-basis: 100%;
  }
}

.license-page__item img {
  width: 100%;
  height: auto;
}

.license-page__des {
  font-size: 21px;
  line-height: 26px;
  color: #545454;
}

.photos-page {
  padding-top: 20px;
}

.photos-page__inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 30px;
}

.photos-page__row {
  display: flex;
  gap: 20px;
}

.photos-page__item {
  display: block;
  flex: 1;
  flex-basis: 100%;
}

.photos-page img {
  width: 100%;
}

@media (max-width: 960px) {
  .photos-page__row:nth-child(odd) {
    flex-wrap: wrap;
  }

  .photos-page__row:nth-child(odd) .photos-page__item {
    flex-basis: calc(33% - 13.3333333333px);
  }
}

@media (max-width: 660px) {
  .photos-page__row {
    flex-wrap: wrap;
  }

  .photos-page__row:nth-child(odd) .photos-page__item {
    flex-basis: calc(50% - 10px);
  }
}

@media (max-width: 450px) {
  .photos-page__row:nth-child(odd) .photos-page__item {
    flex-basis: 100%;
  }
}

.photos-page__des {
  font-size: 21px;
  line-height: 26px;
  color: #545454;
}

.red-form {
  padding-top: 100px;
  background: url("../img/red-form/back4.webp") 50% 0% / cover no-repeat;
}

.red-form .content {
  max-width: 850px;
}

.red-form .contact-checkbox-row {
  margin-left: 0;
}

.red-form .consult__form {
  justify-content: space-between;
}

.red-form__title {
  text-align: center;
  font-size: 36px;
  color: #fff;
  text-align: center;
  padding-bottom: 6px;
  text-transform: uppercase;
}

.red-form__subtitle {
  font-size: 24px;
  color: #fff;
  text-align: center;
  margin-bottom: 25px;
}

@media (max-width: 650px) {
  .red-form {
    background: url("../img/red-form/back4.webp") 50% 50% / auto 130% no-repeat;
  }
}

.popup {
  height: 100vh;
  left: 50%;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 100%;
  z-index: 10000;
  transition: opacity 0.4s ease;
  overflow-y: auto;
  background: rgba(0, 8, 84, 0.27);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  display: none;
}

.popup.popup-result {
  z-index: 10001;
}

.popup.active {
  display: block;
}

.popup__body {
  width: 100%;
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 15px 20px;
}

.popup.open {
  opacity: 1;
  pointer-events: all;
}

.popup__content {
  width: 100%;
  max-width: 600px;
  border-radius: 10px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  scale: 0.3;
  transition: scale 0.4s ease;
  background-color: rgb(243, 246, 251);
  box-shadow: 0px 0px 30px 0px rgba(255, 255, 255, 0.1);
}

.result-wrapper h3 {
  font-size: 30px;
  font-weight: 900;
  text-align: center;
  margin-bottom: 20px;
}

.result-wrapper p {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
  color: #696969;
  text-align: center;
}

.popup.open .popup__content {
  scale: 1;
}

.close-popup {
  position: absolute;
  top: 4px;
  right: 10px;
  width: 25px;
  cursor: pointer;
  height: 25px;
  transition: 0.3s;
}

@media (hover: hover) {
  .close-popup:hover {
    transform: rotate(180deg);
  }
}

.popup__content form {
  width: 100%;
  max-width: 500px;
  display: flex;
  gap: 15px;
  flex-direction: column;
}

.popup__content input,
.popup__content textarea,
.popup__content .select,
.popup-review__rating {
  color: #696969;
  width: 100%;
  border-radius: 25px;
  border: 1px solid #e2e2e2;
  padding: 20px 25px;
  background-color: #ffffff;
}

.popup__content_city {
  align-items: flex-start;
  max-width: 900px;
}

.popup__content_city .popup__title {
  text-align: left;
  font-weight: 400;
  margin-bottom: 30px;
  padding-left: 15px;
}

.popup__content_city .popup__subtitle {
  padding-left: 15px;
  margin-bottom: 25px;
}

.popup__content_city ul {
  display: flex;
  row-gap: 10px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  flex-wrap: wrap;
}

.popup__content_city ul li {
  transition: 0.3s;
}

.popup__content_city ul li:hover {
  color: #c80018;
}

.popup__content_city ul li a {
  text-decoration: underline;
}

.popup__content_city form {
  max-width: 100%;
  margin-bottom: 20px;
}

.popup__content_city form input {
  text-align: left;
}

.select {
  position: relative;
  background: url("/netcat_template/template/domains/assets/img/icons/select.svg") top 21px right 27px no-repeat;
  cursor: pointer;
}

.select__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 19px 0 19px 27px;
  width: 100%;
  overflow: hidden;
  background-color: #ffffff;
  border-radius: 27px;
  border: 1px solid #D6D6D6;
  display: none;
  opacity: 0;
  transition: opacity 0.7s;
}

.select__list {
  max-height: 212px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.select__item {
  cursor: pointer;
}

.select__item:hover {
  color: #166D6D;
}

.select__dropdown--opened {
  display: block;
  opacity: 1;
  transition: opacity 0.7s;
}

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

.reviews__stars {
  margin-left: auto;
  display: flex;
}

.reviews__stars span {
  width: 25px;
  height: 25px;
  background: url("/netcat_template/template/domains/assets/img/icons/star-empty.svg") center no-repeat;
  cursor: pointer;
}

.reviews__stars span.active {
  background-image: url("/netcat_template/template/domains/assets/img/icons/star.svg");
}

input.popup__button {
  color: #fff;
  margin-bottom: 8px;
}

.popup__title {
  font-size: 30px;
  font-weight: 900;
  text-align: center;
  margin-bottom: 5px;
}

.popup__subtitle {
  font-size: 16px;
  font-weight: 500;
  color: #696969;
  margin-bottom: 25px;
  text-align: center;
}

.popup__attention {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 700;
  color: #696969;
  text-align: center;
}

.popup__attention a {
  color: #0a5555;
  text-decoration: underline;
  transition: 0.3s;
}

.popup__attention a:hover {
  color: #27c798;
}

.popup-review__note {
  margin-bottom: 28px;
  font-size: 16px;
  font-weight: 500;
  color: #696969;
  text-align: left;
}

.popup-review .popup__attention {
  text-align: left;
}

.content-table__content {
  padding: 50px;
  display: flex;
  justify-content: space-between;
  border-radius: 10px;
  background-color: rgba(24, 113, 112, 0.0509803922);
}

@media (max-width: 1080px) {
  .content-table__content {
    padding: 15px;
    flex-direction: column;
    gap: 25px;
    max-width: 700px;
  }
}

.content-table__title {
  color: #000;
  font-size: 28px;
  margin-bottom: 28px;
  font-weight: 700;
}

.content-table__navigation {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.content-table__navigation li {
  display: flex;
  gap: 5px;
  font-size: 21px;
  align-items: center;
}

.content-table__navigation li:hover::before {
  background-color: #c80018;
}

.content-table__navigation li::before {
  content: "";
  flex-shrink: 0;
  display: block;
  width: 15px;
  height: 3px;
  background-color: #115d5d;
  transition: 0.3s;
}

.content-table__navigation li a {
  color: #115d5d;
  transition: 0.3s;
  text-decoration: underline;
}

.content-table__navigation li a:hover {
  color: #c80018;
}

.content-table__col_authors {
  max-width: 420px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@media (max-width: 1080px) {
  .content-table__col_authors {
    max-width: 100%;
  }
}

.content-table .author {
  display: block;
  padding: 24px;
  border-radius: 5px;
  background-color: #fff;
}

.content-table .author:hover .author__name {
  color: #0a58ca;
}

.content-table .author__top {
  display: flex;
  justify-content: space-between;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
  margin-bottom: 10px;
}

.content-table .author__top p {
  font-size: 14px;
  color: #545454;
}

.content-table .author__top p.author__date {
  color: rgba(0, 0, 0, 0.3019607843);
}

.content-table .author__photo {
  width: 80px;
  height: 108px;
  flex-shrink: 0;
}

@media (max-width: 560px) {
  .content-table .author__photo {
    width: 100%;
    height: 100%;
  }
}

.content-table .author__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.content-table .author__inner {
  display: flex;
  gap: 15px;
}

@media (max-width: 560px) {
  .content-table .author__inner {
    flex-direction: column;
  }
}

.content-table .author__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.content-table .author__info a {
  display: block;
}

.content-table .author__spec {
  margin-bottom: auto;
}

.content-table .author__name {
  color: #000;
  font-weight: 600;
  font-size: 18px;
  transition: 0.3s;
}

.content-table .author__spec {
  font-size: 14px;
  color: #545454;
  display: flex;
  align-items: center;
}

.content-table .author__spec::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 20px;
  margin-right: 5px;
  background-image: url("../img/icons/doc-icon.svg");
}

.price-table {
  width: 100%;
  border-collapse: collapse;
}

.price-table thead tr th {
  padding: 20px 25px;
  background-color: #166d6d;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 24px;
  text-align: center;
}

@media (max-width: 760px) {
  .price-table thead tr th {
    font-size: 20px;
  }
}

.price-table tbody tr td {
  padding: 7px 15px;
  border-bottom: 2px solid #9e0618;
}

.price-table tbody tr td:nth-child(1) {
  width: 60%;
}

.price-table tbody tr td:nth-child(2) {
  width: 20%;
  white-space: nowrap;
}

.price-table tbody tr td:nth-child(3) {
  width: 20%;
}

@media (max-width: 600px) {
  .price-table tbody tr td:nth-child(1) {
    width: calc(70% - 10px);
  }

  .price-table tbody tr td:nth-child(2) {
    width: calc(30% - 10px);
  }

  .price-table tbody tr td:nth-child(3) {
    width: 100%;
  }
}

@media (max-width: 600px) {
  .ending__btns a {
    font-size: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 20px 20px;
  }
}

@media (max-width: 400px) {
  .price-table tbody tr {
    gap: 10px !important;
    row-gap: 20px !important;
  }

  .price-table tbody tr td:nth-child(1) {
    width: calc(60% - 5px);
    font-size: 14px;
  }

  .price-table tbody tr td:nth-child(2) {
    width: calc(40% - 5px);
    font-size: 14px;
  }

  .ending__btns a {
    font-size: 18px;
    padding: 16px 20px;

  }

}

.price-table__name,
.price-table__cost {
  font-weight: 700;
  color: #000;
}

.price-table__button {
  display: block;
  max-width: 200px;
  margin-left: auto;
}

@media (max-width: 600px) {
  .price-table tbody {
    display: flex;
    flex-direction: column;
    gap: 25px;
  }

  .price-table tbody tr {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    padding: 15px 0;
    border-bottom: 2px solid #9e0618;
  }

  .price-table tbody tr td {
    border: none;
  }

  .price-table tbody tr td:last-child {
    flex-basis: 100%;
  }

  .price-table__button {
    width: 100%;
    max-width: 100%;
  }
}

.search-more {
  padding: 60px 0;
  background: url("../img/sections/back1_1.jpg");
}

.search-more__title span {
  background-color: transparent;
}

.search-more__title:before {
  width: calc(50% - 125px);
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 6px;
  border-top: 2px solid #9e0618;
  border-bottom: 2px solid #9e0618;
}

.search-more__title::after {
  content: "";
  width: calc(50% - 125px);
  position: absolute;
  top: 50%;
  right: 0;
  height: 6px;
  border-top: 2px solid #9e0618;
  border-bottom: 2px solid #9e0618;
  display: block;
}

.search-more__title_not-found::after {
  width: calc(50% - 200px);
}

.search-more__title_not-found::before {
  width: calc(50% - 200px);
}

.search-more__inner {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  max-width: 960px;
  margin: 0 auto;
}

.search-more__inner li {
  flex-basis: calc(33% - 13.3333333333px);
  text-align: center;
}

@media (max-width: 960px) {
  .search-more__inner li {
    flex-basis: calc(50% - 20px);
  }
}

@media (max-width: 650px) {
  .search-more__inner li {
    flex-basis: 100%;
  }
}

.search-more__inner li a {
  display: block;
  padding: 20px 24px;
  border-radius: 27px;
  background-color: #fff;
  border: solid 2px #166d6d;
  font-size: 14px;
  font-weight: 700;
  transition: 0.3s;
}

.search-more__inner li a:hover {
  background-color: #166d6d;
  color: #fff;
}

.reviews__title {
  margin-bottom: 30px;
}

.reviews__inner .swiper-wrapper {
  margin-bottom: 20px;
}

.reviews__item {
  display: flex;
  padding: 20px;
  background-color: rgb(248, 248, 248);
}

.reviews__text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 25px;
}

.reviews__mark {
  margin-top: auto;
  margin-bottom: 10px;
  display: flex;
  gap: 3px;
}

.reviews__mark span {
  display: block;
  width: 22px;
  height: 22px;
  background: url("../img/icons/star.svg") no-repeat;
}

.reviews__mark span.dis {
  opacity: 0.4;
}

.reviews__name {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin-bottom: 5px;
}

.reviews__info {
  font-style: italic;
  display: flex;
  gap: 10px;
}

.reviews__age {
  padding-right: 10px;
  border-right: 1px solid rgba(0, 0, 0, 0.5);
}

.reviews-page {
  padding-top: 20px;
}

.reviews-page__des {
  font-size: 21px;
  line-height: 26px;
  color: #545454;
  margin-bottom: 30px;
}

.reviews-page .trust__video {
  margin-bottom: 30px;
}

.reviews-page__inner {
  display: flex;
  gap: 20px;
}

.reviews__button {
  margin-top: 15px;
  display: flex;
  justify-content: center;
}

@media (max-width: 1080px) {
  .reviews-page__inner {
    flex-direction: column;
  }
}

.reviews-page__tab-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.reviews-page__item {
  padding: 20px;
  border-radius: 5px;
  background-color: rgb(248, 248, 248);
}

.reviews-page__text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 10px;
}

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

@media (max-width: 430px) {
  .reviews-page__bottom {
    flex-direction: column-reverse;
  }
}

.reviews-page__name {
  font-style: normal;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
  color: #000;
  margin-bottom: 5px;
}

.reviews-page__info p {
  font-style: italic;
  display: flex;
  gap: 10px;
}

.reviews-page__info p .city {
  padding-left: 10px;
  border-left: solid 2px black;
}

.reviews-page__info p.reviews-page__name {
  font-style: normal;
}

.articles {
  padding: 30px 0;
}

.articles__tabs {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.articles__tab {
  background-color: rgba(22, 109, 109, 0.6784313725);
  cursor: pointer;
  padding: 10px 15px;
  border-radius: 30px;
  color: #fff;
  transition: 0.3s;
}

.articles__tab:hover {
  background-color: #166d6d;
}

.articles__tab.active {
  background-color: #166d6d;
}

.articles__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

@keyframes articles {
  from {
    opacity: 0.8;
    scale: 1.1;
  }

  to {
    opacity: 1;
    scale: 1;
  }
}

.articles__card {
  transition: 1s;
  display: none;
  aspect-ratio: 3/1;
  position: relative;
  box-shadow: 0 2px 7px 0 hsla(0, 0%, 4%, 0.05),
    3px 27px 54px -34px rgba(0, 0, 0, 0.47);
  flex-basis: calc(50% - 15px);
}

.articles__card:hover {
  transform: scale(1.02);
}

.articles__card.active {
  display: block;
  animation: articles 1s;
}

@media (max-width: 1080px) {
  .articles__card {
    aspect-ratio: 7/4;
  }
}

@media (max-width: 800px) {
  .articles__card {
    flex-basis: 100%;
  }
}

@media (max-width: 500px) {
  .articles__card {
    aspect-ratio: 4/3;
  }
}

.articles__card picture {
  width: 100%;
  height: 100%;
}

.articles__card picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.articles__info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  background-color: rgba(253, 253, 253, 0.45);
}

.articles__categories {
  display: flex;
  gap: 5px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px;
}

.articles__categories span {
  display: block;
  padding: 10px;
  border-radius: 30px;
  background-color: rgba(253, 253, 253, 0.45);
}

.articles__title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}

.article-intro {
  position: relative;
  margin-bottom: 30px;
}

.article-intro__banner {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}

.article-intro__banner img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.article-intro__breadcrambs {
  padding: 20px 0;
  margin-bottom: 0;
  background: rgba(253, 253, 253, 0.65);
}

.article-intro__title {
  text-shadow: #000 0 0 5px;
  font-size: 42px;
  color: #fff;
  text-align: center;
  padding: 80px 0;
}

@media (max-width: 760px) {
  .article-intro__title {
    font-size: 32px;
  }
}

.simple-page {
  padding-top: 20px;
}

.simple-page h1,
.simple-page h2,
.simple-page h3,
.simple-page h4,
.simple-page h5,
.simple-page h6 {
  margin-bottom: 20px;
}

.simple-page p {
  margin-bottom: 20px;
}

.simple-page ol {
  margin-bottom: 20px;
  padding-left: 10px;
}

.simple-page ol li {
  margin-bottom: 10px;
}

.simple-page ol li ul,
.simple-page ol li ol {
  padding-top: 10px;
}

.simple-page ul {
  margin-bottom: 20px;
  padding-left: 10px;
}

.simple-page ul li {
  margin-bottom: 10px;
  list-style-type: circle;
}

.simple-page ul li ul,
.simple-page ul li ol {
  padding-top: 10px;
}

.simple-page__images {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
  margin-bottom: 20px;
}

.simple-page__images a {
  flex-basis: calc(25% - 15px);
}

.simple-page__images a img {
  width: 100%;
  min-width: 250px;
}

@media (max-width: 1080px) {
  .simple-page__images a {
    flex-basis: calc(33% - 13.3333333333px);
  }
}

@media (max-width: 840px) {
  .simple-page__images a {
    flex-basis: calc(50% - 10px);
  }
}

@media (max-width: 580px) {
  .simple-page__images a {
    flex-basis: 100%;
  }
}

.simple-page__breadcrambs {
  margin-bottom: 0;
}

.simple-page__breadcrambs li {
  list-style-type: none !important;
}

.contacts {
  padding-top: 20px;
}

.contacts__inner {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}

.contacts__item {
  flex: 1;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  flex-basis: calc(50% - 15px);
}

@media (max-width: 630px) {
  .contacts__item {
    flex-basis: 100%;
  }
}

.contacts__item_license {
  flex-basis: 100%;
}

.contacts__icon {
  max-width: 30px;
  width: 100%;
  width: auto;
  flex-shrink: 0;
}

.contacts__icon img {
  width: 100%;
  height: auto;
}

.contacts__title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #000;
}

.contacts__text {
  color: #000;
  font-size: 16px;
}

.contacts__link {
  display: block;
  line-height: 1.3;
  font-weight: 700;
  text-decoration: underline;
  color: #c80018;
  transition: 0.3s;
}

.contacts__link:hover {
  color: #166d6d;
}

#map {
  width: 100%;
  height: 640px;
  overflow: hidden;
}

@media (max-width: 960px) {
  #map {
    height: 480px;
  }
}

@media (max-width: 960px) {
  #map {
    height: 480px;
  }
}

@media (max-width: 560px) {
  #map {
    height: 360px;
  }
}

@media (max-width: 420px) {
  #map {
    height: 240px;
  }
}

.filials {
  padding-top: 30px;
}

.filials__form {
  width: 100%;
  margin-bottom: 20px;
}

.filials__form input {
  width: 100%;
  color: #696969;
  width: 100%;
  border-radius: 25px;
  border: 1px solid #e2e2e2;
  padding: 20px 25px;
}

.filials__inner {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.filials__item {
  flex-basis: calc(33% - 13.3333333333px);
  padding: 10px;
  border: solid 2px #000;
}

@media (max-width: 750px) {
  .filials__item {
    flex-basis: calc(50% - 10px);
  }
}

@media (max-width: 500px) {
  .filials__item {
    flex-basis: 100%;
  }
}

.filials__text {
  margin-bottom: 15px;
}

.filials__link {
  color: #0a58ca;
  font-weight: 700;
  text-decoration: underline;
}

.filials__link:hover {
  color: #c80018;
}

.review-form {
  padding-top: 25px;
  background-color: #166d6d;
}

@media (max-width: 1280px) {
  .review-form {
    padding-bottom: 25px;
  }
}

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

.review-form__photo {
  flex-shrink: 0;
}

.review-form__title {
  color: #fff;
  font-size: 36px;
  margin-bottom: 40px;
  text-align: center;
  text-transform: uppercase;
}

.review-form__form {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.review-form__form input,
.review-form__form select {
  flex-basis: calc(50% - 5px);
  padding: 20px 30px;
  font-size: 18px;
  font-weight: 400;
  border-radius: 31px;
  border: 1px solid #fff;
  background-color: transparent;
}

@media (max-width: 620px) {

  .review-form__form input,
  .review-form__form select {
    flex-basis: 100%;
  }
}

.review-form__form input {
  color: #fff;
}

.review-form__form select {
  color: #fff;
  max-width: 309px;
}

.review-form__form select option {
  color: #000;
}

.review-form__form textarea {
  flex-basis: 100%;
  width: 100%;
  min-height: 150px;
  background-color: transparent;
  max-height: 150px;
  overflow-y: auto;
  padding: 20px 30px;
  border-radius: 31px;
  border: 1px solid #fff;
  font-size: 18px;
  font-family: "Segoe UI", sans-serif;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  resize: none;
}

.review-form__form textarea::-moz-placeholder {
  color: #fff;
}

.review-form__form textarea::placeholder {
  color: #fff;
}

.review-form__bottom {
  display: flex;
  gap: 10px;
  align-items: center;
  width: 100%;
}

@media (max-width: 1280px) {
  .review-form__photo {
    display: none;
  }

  .review-form__form select {
    max-width: 100%;
  }
}

@media (max-width: 540px) {
  .review-form__bottom {
    flex-wrap: wrap;
  }
}

.review-form__bottom p {
  color: #fff;
}

@media (max-width: 540px) {
  .review-form__button {
    width: 100%;
    display: block;
  }
}

.rating-area {
  overflow: hidden;
  width: 150px;
  flex-shrink: 0;
  margin-right: auto;
}

.rating-area:not(:checked)>input {
  display: none;
}

.rating-area:not(:checked)>label {
  float: right;
  width: 30px;
  padding: 0;
  cursor: pointer;
  font-size: 30px;
  line-height: 1;
  color: lightgrey;
}

.rating-area:not(:checked)>label:before {
  content: "★";
}

.rating-area>input:checked~label {
  color: #feb700;
}

.rating-area:not(:checked)>label:hover,
.rating-area:not(:checked)>label:hover~label {
  color: #feb700;
  text-shadow: #feb700 0px 0px 10px;
  transition: 0.3s;
}

.rating-area>input:checked+label:hover,
.rating-area>input:checked+label:hover~label,
.rating-area>input:checked~label:hover,
.rating-area>input:checked~label:hover~label,
.rating-area>label:hover~input:checked~label {
  color: #feb700;
  text-shadow: #feb700 0px 0px 10px;
}

.rate-area>label:active {
  position: relative;
}

@media (max-width: 1400px) {
  .reviews-add__picture {
    display: none;
  }

  .reviews-add__picture img {
    display: none;
  }

  .reviews-add {
    padding: 40px 0;
  }

  .reviews-add__form {
    padding-bottom: 0;
  }

  .reviews-add__title {
    font-size: 30px;
  }
}

@media (max-width: 600px) {
  .rating-area {
    width: 200px;
  }

  .rating-area:not(:checked)>label {
    width: 40px;
    font-size: 40px;
  }
}

html {
  scroll-behavior: smooth;
}

#myBtn {
  pointer-events: none;
  position: fixed;
  bottom: 160px;
  left: -70px;
  z-index: 99;
  border: none;
  outline: none;
  cursor: pointer;
  width: 60px;
  height: 60px;
  padding: 5px;
  transition: 0.3s;
}

#myBtn.active {
  pointer-events: all;
  left: 30px;
}

@media (max-width: 1300px) {
  #myBtn.active {
    left: 5px;
  }
}

@media (max-width: 930px) {
  #myBtn.active {
    left: 5px;
    bottom: 180px;
  }
}

@media (max-width: 800px) {
  #myBtn.active {
    left: 5px;
    bottom: 150px;
  }
}

#myBtn.is-visible {
  pointer-events: all;
  left: 30px;
}

/* /GO TO TOP BUTTON */
.not-found {
  padding-top: 30px;
}

.not-found__pic {
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 30px;
}

.not-found__title {
  font-size: 48px;
  font-weight: 700;
  text-align: center;
  display: block;
  color: #000;
  margin-bottom: 15px;
}

.not-found__subtitle {
  color: #545454;
  font-size: 16px;
  text-align: center;
  display: block;
  margin-bottom: 30px;
}

.not-found__subtitle a {
  font-weight: 700;
  text-decoration: underline;
  transition: 0.3s;
}

.not-found__subtitle a:hover {
  color: #c80018;
}

.not-found__row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
  flex-wrap: wrap;
  gap: 20px;
}

@media (max-width: 960px) {
  .not-found__row {
    padding: 0 20px;
  }
}

@media (max-width: 960px) {
  .not-found__col {
    flex-basis: calc(50% - 10px);
  }
}

@media (max-width: 650px) {
  .not-found__col {
    flex-basis: 100%;
  }
}

.not-found__col ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.not-found__col ul li a {
  font-weight: 600;
  color: #166d6d;
  transition: 0.3s;
}

.not-found__col ul li a:hover {
  color: #c80018;
}

.not-found__col-title {
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 18px;
}

.not-found__buttons {
  display: flex;
  gap: 15px;
  justify-content: center;
}

@media (max-width: 540px) {
  .not-found__buttons {
    flex-direction: column;
  }
}

.not-found__button {
  display: block;
}

.search {
  padding-top: 30px;
}

.search__form {
  align-items: center;
  display: flex;
  gap: 20px;
  margin-bottom: 25px;
}

.search__form input:not(.button) {
  width: 100%;
  color: #696969;
  width: 100%;
  border-radius: 25px;
  border: 1px solid #e2e2e2;
  padding: 20px 25px;
}

.search__button {
  min-width: 200px;
}

.search__link {
  display: inline-block;
  text-align: left;
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 20px;
}

.text-block p.search__des {
  margin-bottom: 25px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e2e2e2;
}

.form__politic {
  color: #fff;
  font-size: 14px;
  gap: 7px;
  position: relative;
}

.contact-checkbox-row {
  margin-left: 20%;
  display: flex;
  align-items: flex-start;
  gap: 6px;
}

.contact-checkbox {
  width: 16px;
  height: 16px;
  border: 1.5px solid rgba(148, 163, 184, 0.7);
  border-radius: 4px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.2s, border-color 0.2s;
}

.contact-checkbox svg {
  width: 12px;
  height: 12px;
  opacity: 0;
  transition: opacity 0.2s;
}

.contact-checkbox.active {
  background: #9e0618;
  border-color: #9e0618;
}

.contact-checkbox.active svg {
  opacity: 1;
  width: 16px;
  height: 16px;
}

.contact-checkbox-text {
  font-size: 14px;
  color: #fff;
  line-height: 1.4;
}

.contact-checkbox-text a {
  text-decoration: none;
}

.contact-checkbox-text a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .contact-checkbox-row {
    margin-left: 5%;
  }
}

.header__spec-btns {
  display: flex;
  gap: 5px;
}

.header__spec-btn {
  background-color: #166d6d;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  border-radius: 5px;
  width: 40px;
  height: 40px;
  opacity: 0.6;
  transition: 0.3s;
}

@media (max-width: 1200px) {
  .header__spec-btns {
    display: none;
  }
}

.b24-widget-button-wrapper {
  display: none;
  opacity: 0;
}

@keyframes scaling {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

.bitrix-chat-custom-btn {
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2231%22%20height%3D%2228%22%20viewBox%3D%220%200%2031%2028%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M23.29%2013.25V2.84c0-1.378-1.386-2.84-2.795-2.84h-17.7C1.385%200%200%201.462%200%202.84v10.41c0%201.674%201.385%203.136%202.795%202.84H5.59v5.68h.93c.04%200%20.29-1.05.933-.947l3.726-4.732h9.315c1.41.296%202.795-1.166%202.795-2.84zm2.795-3.785v4.733c.348%202.407-1.756%204.558-4.658%204.732h-8.385l-1.863%201.893c.22%201.123%201.342%202.127%202.794%201.893h7.453l2.795%203.786c.623-.102.93.947.93.947h.933v-4.734h1.863c1.57.234%202.795-1.02%202.795-2.84v-7.57c0-1.588-1.225-2.84-2.795-2.84h-1.863z%22/%3E%3C/svg%3E);
  position: fixed;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-size: 28px;
  right: 50px;
  bottom: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #00AEEF;
  border: 4px solid #4cd2de;
  cursor: pointer;
  transition: all .4s;
  z-index: 99999;
  animation: scaling 3s infinite;
}

.bitrix-chat-custom-btn:hover {
  transform: scale(1.1);
}

.new-order-popup {
  border: 5px solid #c80018;
  cursor: pointer;
  position: fixed;
  top: 20px;
  right: 20px;
  max-width: 320px;
  background: #166d6d;
  color: #ffffff;
  border-radius: 14px;
  transform: translateX(120%);
  transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25);
  padding: 16px 18px 16px 16px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  z-index: 100;
}

.new-order-popup.active {
  transform: translateX(0);
}

.new-order-popup__close {
  position: absolute;
  top: 8px;
  right: 8px;
  border: none;
  background: transparent;
  color: #ffffff;
  font-size: 16px;
  cursor: pointer;
  padding: 4px;
  line-height: 1;
  opacity: 0.8;

}

.new-order-popup__close:hover {
  opacity: 1;
}

.new-order-popup__content {
  display: flex;
  align-items: center;
  gap: 12px;
}

.new-order-popup__photo-wrapper {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, 0.7);
}

.new-order-popup__photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.new-order-popup__text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 13px;
  line-height: 1.4;
}

.new-order-popup__title {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 2px;
}

.new-order-popup__line {
  font-weight: 400;
}

.new-order-popup__accent {
  font-weight: 600;
}

.header__phones-descr {
  font-weight: 700;
  color: #c80018;
}

@media (max-width: 1200px) {
  .header__phones-descr {
    flex-basis: 100%;
  }

  .header__col.header__col_phones {
    flex-wrap: wrap;
  }

  /* .header__col_phones .header__phone {
    flex-basis: calc(50% - 7.5px);
  } */
}

.price-table__name a,
.header__phone>span {
  transition: color 0.3s ease;
}

.price-table__name a:hover,
.header__phone:hover>span {
  color: #c80018;
}

.intro>picture:before {
  position: absolute;
  content: "";
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff6e;
}

/* Страница услуг */
.services-page__des {
  font-size: 21px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 50px;
  color: #545454;
}

.services__tabs-container {
  width: 100%;
}

.services__tab-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  overflow-x: auto;
}

.services__tab {
  font-weight: 600;
  font-size: 18px;
  padding: 16px;
  border-radius: 8px;
}

.services__tab.active {
  border: 1px solid #166D6D;
  background-color: #166D6D;
  color: #FFFFFF;
}

.services__tab:not(.active) {
  border: 1px solid rgba(61, 61, 61, 0.2);
  background: #FFFFFF;
}

.services__tab:hover:not(.active) {
  background-color: #166D6D;
  color: #FFFFFF;
}

.services__container-title {
  position: relative;
  display: flex;

  font-weight: 600;
  font-size: 28px;
  margin-top: 60px;
}

.services__container-title::after {
  content: "";
  position: absolute;
  bottom: -16px;
  height: 6px;
  width: 140px;
  border-top: 2px solid #166D6D;
  border-bottom: 2px solid #166D6D;
  z-index: 0;
}

.services__cards-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 56px;
}

.services__cards-container>.services__card:only-child {
  grid-column: span 2;
}

.services__card {
  position: relative;
  background: #F5F5F5;
  border-radius: 10px;
  padding: 30px;
  transition: transform 0.3s ease;
}


.services__card-tag {
  position: absolute;
  top: 20px;
  right: 20px;

  background: #D3021A;
  color: white;
  padding: 12px;
  border-radius: 20px;
  font-weight: 600;
  font-size: 14px;
  z-index: 1;
}

.services__card-title {
  display: block;
  font-weight: 600;
  width: 72%;
  font-size: 20px;
  margin-bottom: 20px;
  transition: all 0.2s;
}

.services__card-title:hover {
  color: #166D6D;
}

.services__card-description {
  font-size: 16px;
  color: #545454;

}

.services__card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 30px 0px;
}

.services__card-tags span {
  background: #D8E4E4;
  color: #166D6D;
  padding: 14px 16px;
  border-radius: 20px;
  font-size: 14px;
}

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

.services__card-price {
  font-weight: 600;
  font-size: 20px;
}

.services__card-button {
  background: #166D6D;
  color: white;
  border: none;
  padding: 12.5px 35.5px;
  border-radius: 31.5px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
}

.services__card-button:hover {
  background: #0a6262;
}

.popular-block {
  padding: 100px 0px;
  background-color: #166D6D;
}

.popular-block .section-title {
  color: #FFFFFF;
}

.popular-block .section-title span {
  background-color: #166D6D;
}

.popular__des {
  color: #FFFFFF;
  font-size: 21px;
  text-align: center;
  margin-bottom: 60px;
}

.popular__cards-container {
  display: flex;
  gap: 20px;
  justify-content: center;
}

.popular__card {
  display: flex;
  flex-direction: column;
  flex: 1;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 30px;
}

.popular__card .button {
  width: 100%;
  padding: 17px 0px;
  font-size: 18px;
}


.popular__card h2 {
  color: #FFFFFF;
  font-size: 24px;
  margin-bottom: 24px;
  font-weight: 600;
}

.popular__card p {
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 50px;
}

.popular__price-row {
  margin-top: auto;
  margin-bottom: 0;
  display: flex;
  background: #166D6D;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  border-radius: 40px;
  padding: 17px 24px;
}

.popular__price {
  color: white;
  font-weight: 600;
  font-size: 18px;
}

.popular__more {
  display: flex;
  gap: 8px;
  color: white;
  text-decoration: none;
  font-weight: 600;
  display: flex;
  align-items: center;
  transition: all 0.2s;
  font-size: 18px;
  align-items: center;
}

.popular__more:hover {
  text-decoration: underline;
}

.popular__more svg {
  margin-top: 3px;
}

.popular__button {
  background: linear-gradient(to right, #e50000, #c00000);
  color: white;
  border: none;
  border-radius: 50px;
  padding: 14px 25px;
  font-size: 1.1rem;
  font-weight: 600;
  width: 100%;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 4px 15px rgba(229, 0, 0, 0.35);
}

.popular__button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(229, 0, 0, 0.45);
  background: linear-gradient(to right, #ff0000, #e00000);
}

.popular__button:active {
  transform: translateY(0);
}

.popular__separator {
  width: 1px;
  height: 16px;
  background: rgba(255, 255, 255, 0.2);
  margin: 0 12px;
}

.faq__with-form {
  display: flex;
  gap: 34px;
}

.faq-form {
  position: sticky;
  top: 135px;
  max-width: 413px;
  background-color: #166D6D;
  color: #FFFFFF;
  padding: 30px;
  border-radius: 10px;
  height: fit-content;
}

.faq-form__title {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 24px;
}

.faq-form__subtitle {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 50px;
}

.faq-form input {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 20px 24px;
  color: #FFFFFF;
  width: 100%;
  border-radius: 40px;
}

.faq-form input::placeholder {
  color: rgba(255, 255, 255, 0.6);

}

.faq-form .contact-checkbox-row {
  margin-top: 20px;
}

.faq-form button {
  width: 100%;
  padding: 17px 0px;
  margin-top: 20px;
}

.faq-form .contact-checkbox.active {
  border: none;
}

.faq-form .contact-checkbox.active svg path {
  stroke: #166D6D;
}

.faq-form .contact-checkbox {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.2s, border-color 0.2s;
}

.faq__des {
  font-size: 21px;
  text-align: center;
  color: #545454;
  margin-bottom: 60px;
}

.faq-redisign .faq__list {
  gap: 10px;
}

.faq-redisign .faq__question-wrapper {
  border: none;
  background-color: #F5F5F5;
  padding: 20px;
  border-radius: 10px;
}

.faq-redisign .faq__question-wrapper.active {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.faq-redisign .faq__question-wrapper .faq__question {
  margin: 0px;
}

.faq-redisign .faq__answer-inner {
  margin: 0px;
  padding-top: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  background-color: #F5F5F5;
  border: none;
}

.faq-redisign .faq__answer-inner p {
  color: #545454;
}

@media (max-width: 768px) {
  .services-page .section-title {
    text-align: left;
    margin-bottom: 20px;
    font-size: 26px;
  }

  .services-page .section-title span {
    padding: 0px;
  }

  .services-page__des {
    text-align: left;
    font-size: 16px;
    margin-bottom: 40px;
  }

  .services__card {
    padding: 16px;
  }

  .services__cards-container {
    grid-template-columns: 1fr;
  }

  .services__card-title {
    font-size: 18px;
    max-width: 137px;
  }

  .services__container-title::after {
    display: none;
  }

  .services__card-tag {
    top: 16px;
    right: 16px;
    padding: 10px 12px;
    font-size: 12px;
  }

  .services__card-description {
    font-size: 14px;

  }

  .services__card-tags {
    gap: 6px;
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .services__card-tags span {
    padding: 12px 14px;
    font-size: 12px;
  }

  .services__card-price {
    font-size: 18px;
  }

  .services__card-button {
    padding: 15px 26px;
    font-size: 14px;
  }

  .services__tab-wrapper {
    flex-wrap: unset;
    gap: 8px;
  }

  .services__tab-wrapper::-webkit-scrollbar {
    display: none;
  }

  .services__tab {
    font-size: 16px;
    text-wrap: nowrap;
    margin-bottom: 10px;
  }

  .popular-block {
    padding: 40px 0px;
  }

  .popular-block .section-title,
  .faq-redisign .section-title {
    font-size: 26px;
    text-align: left;
    margin-bottom: 20px;
  }

  .popular-block .section-title span,
  .faq-redisign .section-title span {
    padding: 0px;
  }

  .popular__des,
  .faq__des {
    font-size: 16px;
    text-align: left;
    margin-bottom: 30px;
  }

  .popular__cards-container {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  .popular__card {
    width: 100%;
    padding: 20px 16px;
  }

  .popular__card h2 {
    font-size: 18px;
    margin-bottom: 20px;
  }

  .popular__card p {
    font-size: 14px;
    margin-bottom: 40px;
  }

  .popular__price-row {
    padding: 20px;
  }

  .popular__price,
  .popular__more {
    font-size: 16px;
  }

  .faq-form {
    padding: 20px 16px;
    max-width: unset;
  }

  .faq__with-form {
    flex-direction: column;
  }

  .faq-redisign .faq__question-wrapper .faq__question {
    font-size: 18px;
  }

  .faq-redisign .faq__answer-inner p {
    font-size: 14px;
  }

  .faq-form__subtitle {
    margin-bottom: 40px;
  }
}

.ending-section {
  background-color: #f8f8f8;
}

.ending__main {
  border-radius: 20px;
  background-color: white;
  padding: 40px;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  gap: 30px;
}

.ending-section .container {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.ending__imgblock img {
  width: 200px;
  border-radius: 5px;
}

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

.ending__docname {
  font-size: 24px;
  font-weight: 600;
  margin: 15px 0;
}

.ending__docexp,
.ending__docrole {
  font-size: 20px;
}

.ending__title {
  font-size: 40px;
  font-weight: 800;
  color: #C0392B;
  line-height: 1.25;
}

.ending__content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.ending__text {
  font-size: 26px;
  font-style: italic;
  color: #545454;
  font-family: 'Segoe UI';
  padding-bottom: 1em;
  line-height: 1.5;
  padding-left: 20px;
  border-left: 4px #c0392b solid;
}

.ending__caption {
  background-color: #c0392b;
  color: white;
  font-size: 18px;
  font-weight: 600;
  padding: 5px 15px;
  border-radius: 12px;
}

.ending__btngreen:hover {
  box-shadow: #B107FF 0px 1px 5px;
}

.ending__btnred:hover {
  box-shadow: #9e0618 0px 1px 5px;
}

.ending__important {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: flex-start;
}

.ending__imptext {
  font-size: 24px;
  font-weight: 800;
  line-height: 140%;
}

.ending__contacts .section-title span {
  background-color: #f8f8f8;
}

.ending__btns {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: center;
  margin-top: 40px;
}

.ending-section {
  padding-bottom: 60px;
}

.ending__context {
  text-align: center;
  font-size: 26px;
  color: #7f8c8d;
}

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

.ending__btnred {
  background: #e74c3c;
  color: white;
  padding: 22px 45px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: bold;
  font-size: 28px;
  box-shadow: 0 4px 15px rgba(231, 76, 60, 0.4);
}

.ending__btngreen {
  background: linear-gradient(to top, #B107FF, #1518DA);
  color: white;
  padding: 22px 45px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: bold;
  font-size: 28px;
  display: flex;
  align-items: center;
  gap: 10px;
}


@media(max-width: 800px) {
  .ending__main {
    flex-direction: column;
  }

  .ending__btns {
    flex-direction: column;
  }

  .ending__imgblock img {
    width: 100%;
  }

  .ending__title {
    font-size: 20px;
  }

  .ending__docname {
    font-size: 18px;
  }

  .ending__text {
    font-size: 16px;
  }

  .ending__important {
    flex-direction: column;
  }

  .ending__caption,
  .ending__imptext {
    font-size: 16px;
  }
}

.hot>a,
.new>a {
  position: relative;
  padding-inline-end: 20px;
  display: flex;
  align-items: flex-start;
  gap: 5px;
}

.hot>a::after {
  content: '';
  background: url(../img/icons/fire.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  display: block;
  width: 18px;
  aspect-ratio: 1/1;
  flex-shrink: 0;
}

.new>a::after {
  content: '';
  background: url(../img/icons/new.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  display: block;
  width: 34px;
  height: 18px;
  flex-shrink: 0;
}
@media screen and (width>1200px) {
  .menu__submenu_second {
    width: 230px;
  }
}
.page:has(.menu__element:hover)::after {
  content: '';
  display: block;
  position: fixed;
  inset: 0;
  backdrop-filter: brightness(0.75);
  z-index: 1;
  pointer-events: none;
}

.equipment {
  margin-block-start: 90px;
}

.equipment__title {
  margin-block-end: 30px;
}

.equipment__description {
  text-align: center;
  margin-block-end: 45px;
}

.equipment__description>p {
  max-width: 740px;
  color: #545454;
  font-size: 21px;
  line-height: 1.2;
  margin: 0 auto;
}

.equipment__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  gap: 24px;
}

.equipment__item {
  border-radius: 27px;
  border: 2px solid #166D6D;
  padding: 32px 22px;
  background-color: #F8F8F8;
  height: 100%;
}

.equipment__item__title {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-block-end: 20px;
}

.equipment__item__title p {
  color: #000;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.2;
}

.equipment__item__text {
  font-size: 21px;
  color: #545454;
  line-height: 1.2;
}

@media screen and (width<=900px) {
  .equipment__grid {
    grid-template-columns: 1fr;
  }

  .equipment__description>p {
    font-size: 18px;
  }

  .equipment__item__title p {
    font-size: 21px;
    margin-block-end: 18px;
  }

  .equipment__item__text {
    font-size: 18px;
  }

  .equipment {
    margin-block-start: 60px;
  }
}

.test__banner {
  background-color: #166D6D;
  border-radius: 15px;
  padding: 40px 52px;
  box-sizing: border-box;
  color: #FFFFFF;
  display: flex;
  position: relative;
}

.test__banner-header {
  max-width: 607px;
  font-weight: 700;
  font-size: 32px;
  margin-bottom: 22px;
  text-transform: uppercase;
  line-height: 1.3;
}

.test__banner-subheader {
  max-width: 607px;
  font-size: 16px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.8)
}

.test__banner-utps {
  margin-top: 60px;
  display: flex;
  gap: 12px;
  align-items: center;
}

.test__banner-left {
  max-width: 793px;
}

.test__banner-utp {
  font-size: 16px;
  display: flex;
  gap: 10px;
  padding: 13.5px 20px;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 30px;
}

.test__banner-image {
  position: absolute;
  right: 45px;
  bottom: 0px;
}

.test__section {
  margin-top: 60px;
  display: flex;
  gap: 60px;
}

.test__section-left {
  flex: 1 1 auto;
  min-width: 0;
}

.test__section-left-head {
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
}

.test__section-left-head h2 {
  font-weight: 700;
  font-size: 28px;
  margin-bottom: 24px;
}

.test__section-left-head p {
  font-size: 16px;
}

.test__question-item h3 {
  font-weight: 600;
  font-size: 22px;
}

.test__questions .test__question-item:not(:last-child)::after {
  display: block;
  content: "";
  margin: 32px 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(22, 109, 109, 0.2);
}

.test__questions {
  margin-bottom: 40px;
}

.test__question-buttons {
  margin-top: 32px;
  display: flex;
  gap: 16px;
  align-items: center;
}

.test__question-buttons button {
  border-radius: 30px;
  color: #166D6D;
  font-weight: 700;
  font-size: 18px;
  width: 125px;
  padding: 12px 0px;
  background-color: rgba(22, 109, 109, 0.1);
}

.test__question-buttons button:hover {
  background-color: #166D6D;
  color: #FFFFFF;
}

.test__question-buttons button.active {
  background-color: #166D6D;
  color: #FFFFFF;
}

.test__section-right {
  max-width: 456px;
  background-color: rgba(22, 109, 109, 0.1);
  padding: 28px 32px;
  border-radius: 15px;
  height: fit-content;
  position: sticky;
  top: 135px;
}

.anonim-request__block-header {
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  margin-bottom: 16px;
}

.anonim-request__block-subheader {
  font-size: 16px;
  margin-bottom: 24px;
}

.anonim-request__reasons,
.anonim-request__filters {
  background-color: #FFFFFF;
  border-radius: 15px;
  padding: 20px 24px;
  margin-bottom: 24px;
}

.anonim-request__filters h4 {
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  margin-bottom: 16px;
}

.anonim-request__filters-subheader {
  font-size: 16px;
  margin-bottom: 16px;
}

.anonim-request__reasons p {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 16px;
}

.anonim-request__reasons ul {
  margin-left: 18px;
}

.anonim-request__reasons li {
  font-size: 16px;
  list-style-type: disc;
}

.anonim-request__reasons li::marker {
  color: #166D6D;
  height: 8px;
  width: 8px;
}

.anonim-request__reasons li:not(:last-child) {
  margin-bottom: 8px;
}

.anonim-request__form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.anonim-request__form input,
.anonim-request__form textarea {
  resize: vertical;
  font-size: 16px;
  padding: 21px 27px;
  border: 1px solid #D6D6D6;
  border-radius: 27px;
  width: 100%;
  background-color: #FFFFFF;
}

.anonim-request__form input::placeholder,
.anonim-request__form textarea::placeholder {
  color: #696969;
}

.anonim-request__form textarea::-webkit-resizer {
  background: url("../img/tests/resizeTextarea.svg") no-repeat;
}

.anonim-request__select-label {
  font-size: 16px;
  color: #696969;
}

.anonim-request__select {
  position: relative;
  user-select: none;
}

.anonim-request__select-head {
  background-color: #FFFFFF;
  padding: 21px 27px;
  border-radius: 27px;
  border: 1px solid #D6D6D6;
  cursor: pointer;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: .2s;
  font-weight: 600;

}

.anonim-request__select-head:hover {
  background: #fff;
}

.anonim-request__select-arrow {
  transition: .3s;
}

.anonim-request__select.active .anonim-request__select-arrow {
  transform: rotate(180deg);
}

.anonim-request__select-list {
  position: absolute;
  top: 110%;
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: .2s;
  z-index: 5;
}

.anonim-request__select.active .anonim-request__select-list {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.anonim-request__select-item {
  padding: 15px 20px;
  cursor: pointer;
  transition: .2s;
}

.anonim-request__select-item:hover {
  background: #f2f7f6;
}

.anonim-request__form .contact-checkbox-row .contact-checkbox,
.news__related-form .contact-checkbox-row .contact-checkbox {
  border: 1.5px solid #07AC7C;
}

.anonim-request__form .contact-checkbox-row .contact-checkbox.active,
.news__related-form .contact-checkbox-row .contact-checkbox.active {
  background-color: #07AC7C;
}

.anonim-request__form .contact-checkbox-row .contact-checkbox svg,
.news__related-form .contact-checkbox-row .contact-checkbox svg {
  display: none;
}

.anonim-request__form .contact-checkbox-row .contact-checkbox.active svg,
.news__related-form .contact-checkbox-row .contact-checkbox.active svg {
  display: flex;
}

.anonim-request__form .contact-checkbox-row .contact-checkbox.active svg,
.news__related-form .contact-checkbox-row .contact-checkbox.active svg {
  display: flex;
}

.anonim-request__form button[type="submit"],
.news__related-form button[type="submit"] {
  margin-top: 2px;
  padding: 23px 24px;
}

.anonim-request__form button[type="submit"]:disabled,
.news__related-form button[type="submit"]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.anonim-request__form button[type="submit"]:disabled:hover,
.news__related-form button[type="submit"]:disabled:hover {
  background-image: linear-gradient(to top, #3dd9ab, #07ac7c);
  box-shadow: unset;
}

.anonim-request__form .contact-checkbox-row,
.news__related-form .contact-checkbox-row {
  margin-top: 8px;
}

.anonim-request__form .contact-checkbox-row .contact-checkbox-text,
.news__related-form .contact-checkbox-row .contact-checkbox-text {
  font-size: 14px;
  line-height: 19.6px;
  color: #696969;
}

.anonim-request__form .contact-checkbox-row .contact-checkbox-text a,
.news__related-form .contact-checkbox-row .contact-checkbox-text a {
  font-weight: 700;
  font-size: 14px;
  text-decoration: underline;
  color: #0A5555;
}

.anonim-request__form .contact-checkbox-row .contact-checkbox-text a:hover,
.news__related-form .contact-checkbox-row .contact-checkbox-text a:hover {
  color: #3dd9ab;
}

.anonim-request__block-disclaimer {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 24px;
}

.test__question-result-buttons {
  display: flex;
  gap: 16px;
}

.test__question-result-buttons button {
  width: 100%;
}

.test__question-result-block {
  background-color: rgba(22, 109, 109, 0.1);
  padding: 28px 32px;
  border-radius: 15px;
  margin-top: 48px;
}

.test__question-result-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.test__question-result-score {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 8px;
}

.test__question-result-header {
  font-weight: 700;
  font-size: 24px;
}

.test__question-result-text {
  color: rgba(0, 0, 0, 0.8);
  font-size: 18px;
  margin-bottom: 20px;
}

.test__question-result-risk {
  padding: 12px 20px;
  font-size: 16px;
  border-radius: 30px;
  font-weight: 600;
  height: fit-content;
}

.test__question-result-risk.danger {
  color: #9E0618;
  border: 2px solid #9E0618
}

.test__question-result-risk.medium {
  color: #ff9f03;
  border: 2px solid #ff9f03;
}

.test__question-result-risk.easy {
  color: #07ac7c;
  border: 2px solid #07ac7c;
}

.test__question-result-disclaimer {
  font-size: 16px;
  background-color: #FFFFFF;
  color: #000;
  border-radius: 12px;
  padding: 20px 24px;
  margin-bottom: 24px;
}

.text-red {
  font-weight: 600;
  color: #9E0618;
}

.test__progress-bar-container {
  margin-bottom: 24px;
  background-color: rgba(22, 109, 109, 0.1);
  border-radius: 30px;
  padding: 8px 12px;
}

.test__progress-text {
  font-size: 14px;
  color: #166D6D;
  margin-bottom: 6px;
  display: flex;
  justify-content: space-between;
}

.test__progress-bar {
  height: 8px;
  background-color: #D9D9D9;
  border-radius: 20px;
  overflow: hidden;
}

.test__progress-bar-fill {
  height: 100%;
  width: 0%;
  background-color: #166D6D;
  border-radius: 20px;
  transition: width 0.3s ease;
}

.test__question-item.missing h3::after {
  content: "*";
  color: red;
  font-weight: bold;
  margin-left: 5px;
}

.test__question-result-block.hidden {
  display: none;
}

.test__progress-bar-container--mobile {
  display: none;
  padding: 8px 10px;
  border-radius: 20px;
}

.tests__remaining {
  border: 1px solid #166D6D;
  border-radius: 50px;
  color: #166D6D;
  height: fit-content;
  font-size: 16px;
  padding: 10px 20px;
  width: fit-content;
}

.tests__bottom-disclaimer {
  background-color: rgba(22, 109, 109, 0.1);
  border-radius: 15px;
  padding: 28px 32px;
  margin-top: 48px;
}

.test__name-link:hover {
  color: #166D6D;
}

@media (max-width: 1316px) {
  .test__banner-image {
    width: 30%;
    right: 0px;
  }
}

@media (max-width: 1200px) {
  .test__banner-image {
    display: none;
  }
}

@media (max-width: 768px) {
  .tests__bottom-disclaimer {
    padding: 20px;
    margin-top: 24px;
  }

  .test__progress-bar-container {
    margin-bottom: 20px;
  }

  .test__progress-bar-container--mobile {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    display: block;
    position: sticky;
    top: 175px;
    background: #fff;
    z-index: 50;
    border-radius: 20px;
  }

  .test__section-right .test__progress-bar-container {
    display: none;
  }

  .test__banner {
    padding: 16px 20px;
  }

  .test__banner-header {
    font-size: 22px;
  }

  .test__banner-utps {
    margin-top: 40px;
    flex-wrap: wrap;
  }

  .test__banner-utp {
    padding: 12px 20px;
    font-size: 14px;
  }

  .test__banner-utp img {
    display: none;
  }

  .test__section {
    margin-top: 32px;
    flex-direction: column;
  }

  .test__section-left-head {
    margin-bottom: 32px;
    flex-direction: column;
    gap: 12px;
  }

  .test__section-left-head h2 {
    font-size: 20px;
    margin-bottom: 16px;
  }

  .test__question-item h3 {
    font-size: 20px;
  }

  .test__question-buttons {
    font-size: 24px;
  }

  .test__question-result-buttons {
    flex-direction: column;
    gap: 12px;
  }

  .test__question-buttons button {
    width: 100%;
    font-size: 12px;
  }

  .test__question-result-buttons button {
    padding: 18px 0px;
    line-height: 13px;
  }

  .test__question-result-block {
    padding: 20px;
  }

  .test__question-result-head {
    flex-direction: column;
  }

  .test__question-result-risk {
    width: fit-content;
    order: 1;
    border-width: 1px;
    font-size: 14px;
    margin-bottom: 20px;
  }

  .test__question-result-info {
    order: 2;
  }

  .test__question-result-score {
    font-size: 14px;
  }

  .test__question-result-header {
    font-size: 20px;
  }

  .test__question-result-text {
    font-size: 16px;
  }

  .test__question-result-disclaimer {
    padding: 14px 20px;
  }

  .test__section-right,
  .anonim-request__reasons {
    padding: 16px 20px;
    max-width: unset;
  }

  .anonim-request__block-header {
    font-size: 20px;
  }

  .anonim-request__reasons p {
    font-size: 18px;
  }

  .anonim-request__reasons li,
  .anonim-request__select-label,
  .anonim-request__block-disclaimer {
    font-size: 14px;
  }

  .anonim-request__form input,
  .anonim-request__form textarea,
  .anonim-request__select-head {
    padding: 15px 20px;
  }
}

.test__cards {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.test__card {
  border: 1px solid #D6D6D6;
  padding: 30px 20px;
  border-radius: 27px;
}

.test__card h3 {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 10px;
}

.test__card p {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 20px;
}

.test__utps {
  display: flex;
  gap: 12px;
  margin-bottom: 32px;
}

.test__utp {
  border-radius: 30px;
  background-color: rgba(22, 109, 109, 0.1);
  color: #166D6D;
  font-size: 16px;
  padding: 12px 20px;
}

.test__card-buttons {
  display: flex;
  gap: 16px;
}

.test__card-buttons button,
.test__card-buttons a {
  width: 100%;
}

@media (max-width: 768px) {
  .test__cards {
    gap: 24px;
  }

  .test__card h3 {
    font-size: 20px;
  }

  .test__card p {
    font-size: 16px;
  }

  .test__utps {
    flex-wrap: wrap;
  }

  .test__utp {
    font-size: 14px;
  }

  .test__card-buttons {
    flex-direction: column;
    gap: 12px;
  }
}

.law {
  margin-block-start: 45px;
}

.law__title {
  margin-block-end: 30px;
}

.law__desc {
  text-align: center;
  font-size: 21px;
  color: #545454;
  line-height: 1.2;
  margin-block-end: 45px;
  display: flex;
  justify-content: center;
}

.law__desc p {
  max-width: 780px;
}

.law__inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
}

.law__item {
  list-style: none;
  border-radius: 27px;
  background-color: #F8F8F8;
  color: #545454;
  font-size: 21px;
  line-height: 1.2;
  position: relative;
  box-shadow: 1px 1px 1px 1px transparent;
  transition: box-shadow 300ms, scale 400ms;
}

.law__item .law-link {
  display: block;
  padding: 30px 20px;
}

.law__item::after {
  content: '';
  display: block;
  border-radius: 50%;
  background: url(../img/icons/arrow-right.svg) center center / 14px 10px no-repeat, #166D6D;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 30px;
  right: 20px;
  cursor: pointer;
  transition: background-color 300ms;
}

.law__item:hover {
  scale: 1.025;
  box-shadow: 2px 3px 10px 0px #166d6d57;
}

.law__item:hover::after {
  background-color: #b41616;
}

.law__item p:first-of-type {
  font-weight: 600;
  color: #000;
  font-size: 24px;
  margin-block-end: 24px;
  line-height: 1.2;
  width: 90%;
}

.law__item p:last-of-type {
  font-weight: 400;
  line-height: 1.2;
  font-size: 18px;
}

.law__plashka {
  grid-column-start: 1;
  grid-column-end: 4;
}

.law__plashka p:last-of-type {
  font-size: 21px;
}

.law__btn {
  background-color: #9E0618;
  color: #fff;
  padding: 8px 16px;
  border-radius: 50px;
  font-size: inherit;
  outline: 1px solid transparent;
  transition: scale 300ms, outline 300ms;
}

.law__btn:hover {
  scale: 1.05;
  outline: 1px solid #cc4353ff;
}

.law__plashka__top {
  margin-block-end: 30px;
}

.law__plashka__bottom {
  border-top: 1px solid #00000040;
  padding-block-start: 20px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 16px;
  line-height: 1;
  align-items: center;
}

.law__desc--last {
  margin-block-start: 45px;
}

.law__desc--last p {
  max-width: none;
}

@media screen and (width<=960px) {
  .law__inner {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .law__plashka {
    grid-column-end: 3;
  }
}

@media screen and (width<=900px) {
  .law__desc {
    font-size: 18px;
  }

  .law__item {
    font-size: 16px;
  }

  .law__btn {
    font-size: 14px;
  }

  .law__plashka__top {
    margin-block-end: 20px;
  }

  .law__item::after {
    width: 30px;
    height: 30px;
  }

  .law__item p:first-of-type {
    font-size: 21px;
    margin-block-end: 10px;
  }

  .law__item p:last-of-type {
    font-size: 16px;
  }

  .law__plashka p:last-of-type {
    font-size: 18px;
  }
}

@media screen and (width<=600px) {
  .law__inner {
    grid-template-columns: 1fr;
  }

  .law__plashka {
    grid-column-end: 2;
  }
}

@media screen and (width<=500px) {
  .law__plashka__bottom {
    align-items: flex-start;
    flex-direction: column;
  }
}

.table__author-wrap {
  border-radius: 5px;
  background-color: #fff;
}


.license--author {
  padding: 0px 24px 0px 24px;
  position: relative;
}

.license__text-info {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #545454;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
  padding-top: 10px;
}

.license--author .content {
  padding: 0;
}

.license__btn-view {
  position: absolute;
  top: -52px;
  right: 14px;
  font-weight: 400;
  font-size: 14px;
  color: #187170;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  padding: 10px;
}

.license__btn-view:hover span {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.license__block-view {
  opacity: 0;
  max-height: 0;
  padding-bottom: 0px;
  -webkit-transition: padding-bottom 0.3s, opacity 0.3s, max-height 0.3s;
  -o-transition: padding-bottom 0.3s, opacity 0.3s, max-height 0.3s;
  transition: padding-bottom 0.3s, opacity 0.3s, max-height 0.3s;
  overflow: hidden;
}

.license__btn-view span {
  position: relative;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.license__btn-view.active span {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.license__btn-view span img {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.license__btn-view.active:hover span img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.license__block-view.active {
  opacity: 1;
  max-height: 400px;
  padding-bottom: 10px;
}

.license--author .nav-btn {
  width: 24px;
  height: 24px;

}

.rating__desc {
  text-align: center;
  font-size: 21px;
  color: #545454;
  line-height: 1.2;
  margin-block-end: 45px;
  display: flex;
  justify-content: center;
}

.rating__desc p {
  max-width: 780px;
}

.rating__desc--last {
  margin-block-start: 45px;
}

.rating__desc--last p {
  max-width: none;
}

.rating__inner {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 24px;
}

.rating__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 139px;
  gap: 24px;
}

.rating__item {
  background-color: #F8F8F8;
  transition: scale 320ms ease-out, box-shadow 300ms;
  border-radius: 25px;
  box-shadow: 1px 1px 1px 1px transparent;
}

.rating__item:hover {
  box-shadow: 2px 3px 10px 0px #166d6d46;
}

.rating__link {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  height: 100%;
  padding: 30px 20px;
}

.rating__item__top img {
  max-width: 175px;
  width: 100%;
  max-height: 30px;
  object-fit: contain;
  object-position: left top;
}

.rating__item__bottom {
  display: flex;
  flex-direction: row;
  position: relative;
  justify-content: space-between;
  align-items: center;
}

.rating__item__bottom::after {
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  background-color: #00000040;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-1px);
}

.rating__wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
  color: #000;
}

.rating__count {
  color: #000;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
}

.rating__stars {
  display: flex;
  flex-direction: row;
  gap: 4px;
}

.rating__star {
  transition: scale 400ms;
}

.rating__star .star {
  transition: fill 300ms;
}

.rating__stats {
  border-radius: 27px;
  padding: 30px 20px;
  background-color: #F8F8F8;
  height: 100%;
}

.rating__stat {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
}

.rating__stat__title {
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  color: #000;
}

.rating__stat__multibar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 24px;
  position: relative;
  align-items: center;
}

.rating__stat__track {
  display: block;
  background-color: #D9D9D9;
  border-radius: 3px;
  height: 5px;
  width: 100%;
}

.rating__stat__track>span {
  height: 5px;
  border-radius: 3px;
  background-color: #166D6D;
  width: 0%;
  display: block;
  transition: width 850ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.rating__stat__procent {
  color: #000;
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
}

.rating__stat__desc {
  color: #545454;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
}

.rating__list-wrapper {
  overflow-x: hidden;
}

@media screen and (width<=1200px) {
  .rating__inner {
    display: flex;
    flex-direction: column;
  }
}

@media screen and (width <=900px) {
  .rating__desc {
    font-size: 18px;
  }
}

@media screen and (width <=800px) {
  .rating__item__bottom::after {
    content: none;
  }

  .rating__wrapper {
    font-size: 21px;
  }

  .rating__count {
    font-size: 16px;
  }

  .rating__item__bottom {
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
  }

  .rating__stat__multibar {
    gap: 16px;
  }
}

@media screen and (width<=700px) {
  .rating__list {
    display: flex;
    gap: 0;
  }

  .rating__item {
    height: 160px;
  }

  .rating__link, .rating__item__bottom {
    align-items: center;
  }

  .swiper-pagination {
    position: static !important;
  }

  .swiper-pagination-bullet-active {
    background: #166D6D !important;
  }
}

@media screen and (width > 700px) {
  .swiper-pagination {
    display: none;
  }

  .rating__item.swiper-slide {
    transition-property: inherit;
  }
}



p.license__newsubtext {
  font-size: 21px;
  line-height: 29px;
  text-align: center;
  font-weight: 400;
  color: #545454;
  margin-bottom: 40px;
}

.license__new-wrap {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.license__new-wrap-slider,
.license__new-wrap-slider>div {
  display: flex;
  flex-direction: column;
  width: 50%;
  max-width: 50%;
}

.license__new-wrap {
  max-width: 100%;
  display: flex;
  flex-direction: row;
  gap: 40px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}

.license__newdetailes {
  max-width: calc(50% - 40px);
  min-width: calc(50% - 40px);
}

.license__newdetailes-top span {
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
}

.license__newdetailes-top a {
  font-weight: 600;
  font-size: 18px;
  color: #9E0618;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  cursor: pointer;
}

.license__newdetailes-top {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.license__newdetailes-info {
  background-color: #F8F8F8;
  padding: 20px;
  border-radius: 12px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

span.license__newdetailes-caption {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  text-transform: uppercase;
  color: #00000066;
}

span.license__newdetailes-caption2 {
  color: #166D6D;
  text-align: right;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
}

span.license__newdetailes-caption3 {

  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
}

.license__newdetailes-info2>p,
.license__newdetailes-info2>span {
  color: #545454;
  font-size: 18px;
  font-weight: 600;
  line-height: 100%;
}

.license__newdetailes-info2 p span {
  color: black;
}

.license__newdetailes-info2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}

.license__newdetailes-info3 {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
}

.license__newdetailes-info2 {
  padding: 0 20px;
}

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

.license__newdetailes-info3 a.button.button_red {
  width: 300px;
  height: 58px;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 27px;
  font-size: 16px;
  line-height: 18px;
}

.license__inner.swiper {
  margin: 0;
  width: 100%;
  max-width: 100%;
}

a.license__item.swiper-slide {
  box-shadow: 0 8px 10px #0000000D;
  border-radius: 20px;
  overflow: hidden;
}

@media(max-width: 950px) {
  .license__new-wrap {
    flex-direction: column;
  }

  .license__new-wrap-slider,
  .license__newdetailes {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .nav-btns.license__nav-btns {
    display: none;
  }

  .license__newdetailes-info {
    display: grid;
    grid-template-areas:
      "title"
      "sub"
      "text";
  }

  span.license__newdetailes-caption {
    grid-area: title;
  }

  span.license__newdetailes-caption2 {
    grid-area: text;
  }

  span.license__newdetailes-caption3 {
    grid-area: sub;
  }

  span.license__newdetailes-caption3,
  span.license__newdetailes-caption2,
  span.license__newdetailes-caption {
    text-align: left;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    white-space: nowrap;
  }

  .license__newdetailes-info2>span {
    display: none;
  }

  .license__newdetailes-info2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .license__newdetailes-info3 a.button.button_red {
    width: 200px;
  }

  .license__newdetailes-top span {
    font-size: 20px;
  }

  .license__newdetailes-top a {
    font-size: 16px;
  }

  p.license__newsubtext {
    font-size: 18px;
  }
}

.prices-section {
  padding: 22px 0 0;
  margin-bottom: 50px;
}

.prices-container {
  max-width: 1320px;
  margin: 0 auto;
}

.prices-head {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 35px;
  margin-bottom: 25px;
}

.prices-head-line {
  flex: 1 1 auto;
  max-width: 562px;
  height: 4px;
  position: relative;
}

.prices-head-line::before,
.prices-head-line::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
}

.prices-head-line::before {
  top: 0;
  background: #C41E2D;
}

.prices-head-line::after {
  top: 3px;
  background: #C41E2D;
}

.prices-title {
  margin: 0;
  font-size: 52px;
  line-height: 1;
  font-weight: 700;
  color: #000000;
  flex: 0 0 auto;
}

.prices-note {
  max-width: 840px;
  margin: 0 auto 34px;
  text-align: center;
  font-size: 18px;
  line-height: 1.38;
  font-weight: 400;
  color: #5E5E5E;
}

.prices-note a {
  color: #4E4E4E;
  text-decoration: none;
  font-weight: 500;
}

.prices-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 23px;
}

.prices-tab,
.prices-services-btn {
  height: 49px;
  border-radius: 999px;
  padding: 0 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #166d6d;
  background: transparent;
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  color: #161616;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}

.prices-tab.is-active {
  background: #166d6d;
  color: #FFFFFF;
  border-color: #166d6d;
}

.prices-services-btn {
  background: #166d6d;
  color: #FFFFFF;
  gap: 11px;
  padding: 0 28px 0 31px;
}

.prices-table {
  background: #F8F8F8;
  border-radius: 18px;
  padding: 0 0 14px;
  overflow: hidden;
}

.prices-table-head {
  display: grid;
  grid-template-columns: 1fr 218px;
  align-items: center;
  min-height: 69px;
  padding: 0 28px;
  color: #A6A6A6;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
}

.prices-row {
  display: grid;
  grid-template-columns: 1fr 218px;
  align-items: center;
  min-height: 60px;
  margin: 0 7px 7px;
  padding: 0 21px;
  border-radius: 8px;
  background: #FFFFFF;
}

.prices-service {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 400;
  color: #111111;
}

.prices-value {
  justify-self: start;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
  color: #111111;
}

.prices-bottom {
  margin-top: 14px;
  background: #166d6d;
  border-radius: 18px;
  min-height: 99px;
  padding: 18px 19px 18px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.prices-bottom-left {
  display: flex;
  align-items: center;
  gap: 17px;
}

.prices-telegram-btn {
  min-width: 254px;
  height: 58px;
  padding: 0 32px;
  border-radius: 999px;
  background: #F4F4F4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  color: #111111;
}

.prices-socials {
  display: flex;
  align-items: center;
  gap: 17px;
}

.prices-social {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #F4F4F4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  flex: 0 0 auto;
}

.prices-payments {
  display: flex;
  align-items: center;
  gap: 36px;
  margin-left: auto;
}

.prices-payments-title {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 600;
  color: #FFFFFF;
  white-space: nowrap;
}

.prices-payments-list {
  display: flex;
  align-items: center;
  gap: 43px;
}

.prices-payment-item {
  min-width: 82px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
}

.prices-payment-item span {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: #FFFFFF;
}

@media (max-width: 991px) {
  .prices-section {
    padding: 20px 0 0;
  }

  .prices-container {
    max-width: 100%;
  }

  .prices-head {
    gap: 0;
    margin-bottom: 19px;
  }

  .prices-head-line {
    display: none;
  }

  .prices-title {
    font-size: 32px;
    line-height: 1;
  }

  .prices-note {
    max-width: 264px;
    margin: 0 auto 30px;
    font-size: 17px;
    line-height: 1.22;
    color: #5A5A5A;
  }

  .prices-note a {
    color: #4E4E4E;
  }

  .prices-tabs {
    display: none;
  }

  .prices-table {
    background: transparent;
    border-radius: 0;
    padding: 0 13px;
    overflow: visible;
  }

  .prices-table-head {
    display: none;
  }

  .prices-row {
    grid-template-columns: 1fr;
    align-items: start;
    min-height: 0;
    margin: 0 0 10px;
    padding: 22px 20px 23px;
    border-radius: 8px;
    background: #F4F4F4;
  }

  .prices-service {
    font-size: 17px;
    line-height: 1.35;
    margin-bottom: 13px;
  }

  .prices-value {
    justify-self: start;
    font-size: 18px;
    line-height: 1.2;
  }

  .prices-bottom {
    margin: 15px 13px 0;
    min-height: 0;
    border-radius: 10px;
    padding: 22px 19px 18px;
    flex-direction: column;
    align-items: stretch;
    gap: 18px;
  }

  .prices-bottom-left {
    flex-direction: column;
    gap: 16px;
  }

  .prices-telegram-btn {
    width: 100%;
    min-width: 0;
    height: 58px;
    font-size: 18px;
  }

  .prices-socials {
    justify-content: center;
    gap: 18px;
  }

  .prices-social {
    width: 58px;
    height: 58px;
  }

  .prices-payments {
    margin-left: 0;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    flex-direction: column;
    gap: 18px;
  }

  .prices-payments-title {
    font-size: 17px;
  }

  .prices-payments-list {
    width: 100%;
    justify-content: space-between;
    gap: 16px;
  }

  .prices-payment-item {
    min-width: 0;
    flex: 1 1 0;
    gap: 6px;
  }

  .prices-payment-item svg {
    width: 44px;
    height: 44px;
  }

  .prices-payment-item span {
    font-size: 16px;
    line-height: 1.2;
  }
}

.prices-note a:hover,
.prices-service a:hover {
  color: #166d6d;
  text-decoration: underline;
}

.prices-content {
  display: none;
}

.prices-content.is-active {
  display: block;
}

.header__logo picture img {
  max-width: 266px;
}

.header__logo picture svg {
  max-width: 266px;
}

.license__item--doc {
  position: relative;
}

.license__item-descp {

  font-weight: 400;
  font-size: 12px;
  line-height: 117%;
  text-align: center;
  color: #545454;
  padding-top: 5px;
}

.license__nav-btns {
  padding-top: 7px;
}

a.license__item--doc.swiper-slide {
  box-shadow: 0 8px 10px #ffffff0d;
  background: #f0f8ff00;
  border-radius: 0px;
  overflow: hidden;
}

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

.confidence .section-title span {
  background-color: #f8f8f8;
}

.confidence__description>p {
  color: #545454;
  font-size: 20px;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 45px;
}

.confidence-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
}

.confidence-card {
  box-sizing: border-box;
  border-radius: 20px;
  background-color: #FFFFFF;
  padding: 32px;
  color: #000;
  grid-column: span 1;
}

.confidence-card__icon {
  display: block;
  height: 40px;
  width: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 45px;
}

.confidence-card:nth-child(1) .confidence-card__icon {
  background-image: url('/netcat_template/template/domains/assets/img/confidence/confidenceIcon1.svg');
}

.confidence-card:nth-child(2) .confidence-card__icon {
  background-image: url('/netcat_template/template/domains/assets/img/confidence/confidenceIcon2.svg');
}

.confidence-card:nth-child(3) .confidence-card__icon {
  background-image: url('/netcat_template/template/domains/assets/img/confidence/confidenceIcon3.svg');
}

.confidence-card:nth-child(4) .confidence-card__icon {
  background-image: url('/netcat_template/template/domains/assets/img/confidence/confidenceIcon4.svg');
}

.confidence-card__header {
  font-weight: 600;
  font-size: 23px;
  margin-bottom: 12px;
}

.confidence-card__subheader {
  font-size: 16px;
  color: #545454;
  margin-bottom: 0px !important;
}

.confidence-grid img {
  grid-column: 3;
  grid-row: 1 / span 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.confidence .popup-btn {
  margin: 32px 0px;
  align-self: center;
}

@media (max-width: 980px) {
  .confidence-grid {
    flex-direction: column;
    display: flex;
    gap: 12px
  }

  .confidence-grid img {
    grid-column: unset;
    grid-row: unset;
  }

  .confidence__description>p {
    margin-bottom: 32px;
  }
}

@media (max-width: 480px) {
  .confidence-card__header {
    font-size: 20px;
  }

  .confidence-grid img {
    height: 264px;
  }

  .confidence .popup-btn {
    margin: 20px 0px;
  }
}

.audit-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: radial-gradient(100% 320% at 0% 50%, #136a61 0%, #118f7a 50%, #0d7869 100%);
  border-radius: 16px;
  padding: 24px 40px;
  font-family: sans-serif;
  color: #ffffff;
  box-sizing: border-box;
}

.audit-banner__content {
  display: flex;
  align-items: center;
  gap: 24px;
}

.audit-banner__icon {
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.audit-banner__exclamation {
  font-size: 48px;
  font-weight: bold;
  margin-top: 10px;
}

.audit-banner__title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 8px;
}

.audit-banner__desc {
  font-size: 18px;
  opacity: 0.9;
}

.audit-banner__btn {
  background: #ffffff;
  color: #000000;
  text-decoration: none;
  padding: 18px 40px;
  border-radius: 100px;
  font-size: 18px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 12px;
  transition: opacity 0.2s;
  white-space: nowrap;
}

.audit-banner__btn:hover {
  opacity: 0.9;
}

@media (max-width: 768px) {
  .audit-banner {
    flex-direction: column;
    align-items: flex-start;
    padding: 32px 24px;
    text-align: left;
  }

  .audit-banner__content {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 32px;
  }

  .audit-banner__icon {
    width: 100px;
    height: 100px;
  }

  .audit-banner__title {
    font-size: 28px;
    line-height: 1.2;
  }

  .audit-banner__desc {
    font-size: 18px;
    line-height: 1.4;
  }

  .audit-banner__btn {
    width: 85%;
    justify-content: center;
    padding: 22px;
    font-size: 20px;
  }
}

.article__top-info-container {
  margin: 100px auto;
}

.article__top-info {
  display: flex;
  gap: 32px;
  margin-bottom: 24px;
}

.article__top-info-item {
  display: flex;
  gap: 10px;
  align-items: center;
}

.article__top-info-item span {
  font-size: 16px;
  line-height: 20px;
  color: #545454;
}

.article__disclaimer {
  background-color: rgba(200, 0, 24, 0.05);
  padding: 32px 40px;
  border-radius: 16px;
}

.article__disclaimer-header {
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  text-transform: uppercase;
  color: #C80018;
  margin-bottom: 16px;
}

.article__disclaimer-subheader {
  font-size: 18px;
  line-height: 140%;
  color: #545454;
  margin-bottom: 24px;
}

.article__note {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  border-radius: 16px;
  padding: 20px 24px;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='16' ry='16' stroke='%23C80018' stroke-width='3' stroke-dasharray='6%2c 14' stroke-dashoffset='30' stroke-linecap='square'/%3e%3c/svg%3e");
}

.article__note .button {
  padding: 20px 32px;
  justify-content: center;
  text-align: center;
  display: flex;
  font-size: 16px;
  line-height: 18.4px;
  gap: 8px;
}

.article__note-header {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  margin-bottom: 8px;
}

.article__note-subheader {
  font-size: 18px;
  line-height: 140%;
  color: #545454;
}

.article__bottom-rating {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 100px;
}

.article__bottom-rating p {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 16px;
}

.article__bottom-sharing {
  display: flex;
  gap: 16px;
}

.article__bottom-rating-stars {
  display: flex;
  gap: 6px;
}

.article__bottom-rating-stars svg path {
  fill: transparent;
  transition: fill 0.25s ease, transform 0.2s ease;
  cursor: pointer;
}

.article__bottom-rating-stars svg.active path,
.article__bottom-rating-stars svg.hover path {
  fill: #FFAE00;
}

.article__bottom-rating-stars svg:hover path {
  fill: #FFAE00;
}

.article__bottom-rating-stars.disabled svg {
  pointer-events: none;
  opacity: 0.6;
}

.voted-notif {
  display: none;
  color: #545454;
  font-size: 16px;
  margin-top: 10px;
}

@media (max-width: 768px) {
  .article__top-info {
    flex-wrap: wrap;
    gap: 12px 39px;
  }

  .article__top-info-time {
    order: 3;
  }

  .article__top-info-views {
    order: 4;
  }

  .article__top-info-rating {
    order: 2;
  }

  .article__disclaimer {
    padding: 16px 20px 20px 20px;
  }

  .article__disclaimer-header {
    font-size: 20px;
    margin-bottom: 12px;
  }

  .article__disclaimer-subheader {
    font-size: 16px;
  }

  .article__note {
    flex-direction: column;
    padding: 12px 16px;
  }

  .article__note-header {
    font-size: 16px;
  }

  .article__note-subheader {
    font-size: 14px;
    margin-bottom: 12px;
  }

  .article__note .button {
    width: 100%;
  }

  .article__note .button span {
    display: none;
  }

  .article__bottom-rating {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 16px;
    margin-top: 45px;
    margin-bottom: 20px;
  }

  .article__bottom-rating-container {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}


.svo__title {
  font-weight: 700;
  font-size: 36px;
  line-height: 50px;
}


.svo__subtitle {
  font-size: 20px;
  line-height: 140%;
}

.svobanner__btn {
  border-radius: 52px;
  background-color: white;
  padding: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-left: 20px;
  border: 1px transparent solid;
}

.svobanner__btn.svobanner__btn--red {
  color: #d7011a;
  font-weight: 700;
}

.svobanner__btn.svobanner__btn--green {
  color: #21C192;
  font-weight: 700;
}

.svobanner__btn.svobanner__btn--red:hover {
  border-color: #d7011a;
}

.svo p>a {
  color: #1cbd8e;
  text-decoration: underline;
  font-weight: 600;
}

.svobanner__bage {
  background-color: #166D6D1A;
  padding: 10px;
  border-radius: 20px;
  color: #166D6D;
}

.svobanner__bages {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.svobanner .svo__section-wrap {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  gap: 40px;
}

.svobanner__main,
.svoscreen__test {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 70%;
}



.svobanner__pic-wrap {
  background-color: #166D6D0F;
  padding: 20px;
  border-radius: 20px;
  height: 100%;
  width: 30%;
  min-height: 500px;
  display: flex;
  flex-direction: row;
}

.svoscreen__result {
  background-color: #166D6D0F;
  padding: 20px;
  border-radius: 20px;
  height: 100%;
  width: 30%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.svo__section-wrap {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.svobanner__pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.5;
  border-radius: 20px;
}

.svoscreen__inner {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 40px;
}

.svobanner__pic {
  background-color: #166d6d;
  width: 100%;
  border-radius: 20px;
}

.svobanner__btn.svobanner__btn--green:hover {
  border-color: #21C192;
}

.svobanner__form {
  border-radius: 20px;
  background-color: #166D6D0F;
  padding: 25px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.svobanner__formtitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
}

.svobanner__btns>* {
  width: 50%;
}

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

.svo__section {
  margin-bottom: 100px;
}

.svo__section.svobanner {
  margin-bottom: 50px;
}

.svo__section-wrap.svoanchors__wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: max-content;
  gap: 5px;
  padding: 5px;
  background-color: #f1f6f6;
  border-radius: 30px;
  min-width: 100%;
  flex-wrap: nowrap;
}

.svoanchors__link {
  padding: 12px 26px;
  background-color: white;
  border-radius: 20px;
}

.svoanchors__link:hover {
  background-color: #166d6d;
  color: white;
}

@media(max-width: 1000px) {
  .svo__section.svoanchors {
    overflow-x: auto;
  }
}

@media(min-width: 1001px) {
  .svo__section-wrap.svoanchors__wrap {
    flex-wrap: wrap;
    max-width: 100%;
    row-gap: 10px;
  }
}

.svoanchors__link:last-child:hover {
  background: #166d6d;
  box-shadow: none;
}

.svoscreen__test {
  padding: 40px;
  background-color: #f1f6f6;
  border-radius: 20px;
}

.svoscreen__itemtitle {
  font-weight: 600;
  font-size: 22px;
  line-height: 100%;
}

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

.selector,
.accord {
  background-color: white;
  border-radius: 20px;
}

.selector__title,
.accord__title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border: 1px transparent solid;
  transition: 0.5s ease-in-out;
  padding: 20px 30px;
}

.selector__wrap,
.accord__listwrap {
  border-top: 1px #1bbc8d solid;
  margin-top: 10px;
  transition: 0.5s ease-in-out;
  padding-top: 5px;
  padding-bottom: 15px;
  margin-right: 30px;
  margin-left: 30px;
}

.selector__option {
  padding: 10px 20px;
  border-radius: 20px;
  background-color: white;
  cursor: pointer;
}

.selector__option:hover {
  background-color: #f3f3f3;
}

.svoscreen__result-title {
  font-size: 22px;
  font-weight: 600;
  line-height: 100%;
}

.selector__list,
.accord__list {
  max-height: 0;
  overflow: hidden;
  transition: 0.5s ease-in-out;
}

.active .selector__list,
.active .accord__list {
  max-height: 500px;
}

.active.selector svg,
.active.accord svg {
  transform: rotate(180deg);
  transition: 0.5s ease-in-out;
}

.svoscreen__result-text {
  padding: 15px;
  background-color: white;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.svoscreen__result-value {
  color: #166D6D;
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
}

.svoscreen__result-btns {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}

.svo .button {
  white-space: nowrap;
  padding: 20px 24px;
  line-height: 1;
}

.svo .swiper {
  width: 100%;
}

.svo .swiper-wrapper {
  align-items: stretch;
}

.svo .swiper-slide:not('reviews__item') {
  height: unset;
  /* min-height: 100%; */
  display: flex;
  /* align-items: stretch; */
}

.svotarif__head {
  background-color: #166d6d;
  height: 150px;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 25px;
  position: relative;
  overflow: hidden;
}

.svotarif__item {
  background-color: #F1F7F7;
  padding: 10px;
  border-radius: 20px;
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100%;
}

.svotarif__head::before,
.svotarif__head::after {
  content: "";
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  box-shadow: 0 0 20px 4px #ffffff2e inset;
  z-index: 1;
}

.svotarif__name {
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  color: white;
  z-index: 2;
}

.svotarif__price {
  color: white;
  font-size: 24px;
  font-weight: 600;
  line-height: 100%;
}

.swiper-slide:nth-child(1) .svotarif__head::before {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  transform: translate(-133%, -38%);
}

.swiper-slide:nth-child(1) .svotarif__head::after {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  transform: translate(19%, 20%);
}

.swiper-slide:nth-child(3) .svotarif__head::before {
  width: 85px;
  height: 85px;
  transform: translate(-167%, -38%) rotate(17deg);
}

.swiper-slide:nth-child(3) .svotarif__head::after {
  width: 150px;
  height: 150px;
  transform: translate(16%, 38%) rotate(-21deg);
}

.swiper-slide:nth-child(2) .svotarif__head::before {
  width: 100px;
  height: 100px;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  transform: translate(-123%, 1%) rotate(180deg);
  box-shadow: 0 0 20px 20px #ffffff33 inset;
}

.swiper-slide:nth-child(2) .svotarif__head::after {
  width: 123px;
  height: 133px;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  transform: translate(-23%, 14%) rotate(0deg);
  box-shadow: 0 0 20px 20px #ffffff33 inset;
}

.svotarif__body {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0 25px;
}

.svo li::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: #166d6d;
}

.svo li {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

.svotarif__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.svotarif__item .button {
  margin-top: auto;
}

.svo p>span {
  font-weight: 700;
}

.svotarif__aftertext {
  text-align: center;
  color: #545454;
  margin-top: 10px;
}

.svocalc__test {
  display: flex;
  flex-direction: column;
  width: 70%;
  background-color: #f1f6f6;
  padding: 30px;
  border-radius: 20px;
  gap: 30px;
}

.svocalc__selectors {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
}

.selector.svocalc__selector {
  border-radius: 10px;
  flex-basis: 33%;
}

.svoorient__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

.svoorient__item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  background-color: #166D6D0F;
  border-radius: 20px;
  padding: 20px;
}

.svoorient__name {
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
}

.svoorient__price {
  font-size: 24px;
  line-height: 100%;
  font-weight: 700;
  color: #166d6d;
}

.svoorient__bottom {
  display: flex;
  flex-direction: column;
  gap: 20px;
  background-color: #166D6D0F;
  border-radius: 20px;
  padding: 20px;
}

.svoorient__btns {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

h2.svo__title.svowhyus__title {
  text-align: center;
  color: #545454;
}

.svowhyus__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 20px;
}

.svowhyus__item {
  background-color: #166D6D0F;
  border-radius: 20px;
  padding: 20px;
  height: 217px;
  gap: 15px;
}

.svowhyus__pic img {
  width: 100px;
  height: 100px;
  object-fit: contain;
}

.svowhyus__pic {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transform: translatey(-40%);
}

.svowhyus__item-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  text-align: center;
}

.svowhyus__item-subtitle {
  text-align: center;
  margin-top: 10px;
}

.svoconsult__detailes {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 40px;
}

p.svoconsult__warn {
  margin-top: auto;
}

.svoconsult__wrap {
  background-color: #f1f6f6;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 30px;
  border-radius: 20px;
}

.svoconsult__wrap.svoconsult__wrap--first {
  width: 70%;
}

.svoconsult__wrap.svoconsult__wrap--second {
  width: 30%;
}

.svoconsult__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.svoconsult__item {
  padding: 20px;
  border-radius: 20px;
  background-color: white;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.svoconsult__caption {
  padding-top: 20px;
  border-top: 1px #0000001A solid;
}

.svoconsult__time {
  font-weight: 700;
  font-size: 18px;
}

.svoconsult__text,
.svoconsult__caption {
  color: #545454;
}

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

.svoconsult__warn {
  padding: 20px;
  border-radius: 20px;
  background-color: #166d6d;
  color: white;
}

.svoconsult__wrap.svoconsult__wrap--second .svoconsult__item {
  background-color: transparent;
  flex-direction: row;
  padding: 5px;
}

.svoconsult__wrap.svoconsult__wrap--second .svoconsult__list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
}

.svoconsult__num {
  color: #166D6D;
  font-weight: 600;
  font-size: 20px;
  background-color: #166D6D1A;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 35px;
  line-height: 1;
  margin: 0;
  padding-bottom: 2px;
}

.svoconsult__title-name {
  font-weight: 700;
  font-size: 16px;
}

.svohow__head {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
}

.svohow__type:hover {
  border-color: #21C192;
  color: #21C192;
}

.svohow__type {
  color: #545454;
  border: 1px #545454 solid;
  border-radius: 20px;
  padding: 9px 17px;
  cursor: pointer;
}

.svohow__right {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

.svohow__item {
  background-color: #F1F7F7;
  padding: 20px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 100%;
}

.svohow__itemtitle {
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
}

.svohow__itembages span {
  font-weight: 400 !important;
  padding: 10px 20px;
  background-color: white;
  border-radius: 20px;
  min-width: 65px;
  display: flex;
  text-align: center;
  justify-content: center;
  color: #545454;
}

.svohow__itembages {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 7px;
}

.accord__listwrap {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px #0000001A solid;
}

.svohow__btns>* {
  flex-basis: 50%;
}

.svohow__btns {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

.svohow__hint {
  background-color: #F1F7F7;
  padding: 20px;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}

.svoservice__inner,
.svofeedback__inner {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 40px;
}

.svoservice__left,
.svofeedback__form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 70%;
}

.accord.svohow__accord,
.accord.svofaq__accord {
  background-color: #166D6D0F;
}

.accord.svohow__accord svg {
  background-color: white;
  padding: 5px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
}

.accord,
.selector {
  border: 1px transparent solid;
}

.accord:hover,
.selector:hover {
  border-color: #38c49b;
}

.accord__title,
.selector__title {
  cursor: pointer;
}

.svophoto__body .swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.svophoto__body.swiper.swiper-initialized .swiper-wrapper {
  display: flex;
  flex-wrap: nowrap;
}

.svophoto__body .swiper-wrapper>* {
  flex: 0 0 calc(50% - 10px);
}

.svophoto__body .swiper-wrapper>*:nth-child(5n+3),
.svophoto__body .swiper-wrapper>*:nth-child(5n+4),
.svophoto__body .swiper-wrapper>*:nth-child(5n+5) {
  flex: 0 0 calc(33.333% - 13.333px);
}

.svophoto__body.swiper.swiper-initialized .swiper-wrapper .swiper-slide {
  flex: none;
}

.svophoto__pic {
  border-radius: 20px;
  overflow: hidden;
}

.svophoto__item {
  position: relative;
}

.svophoto__caption {
  font-size: 16px;
  padding: 10px 20px;
  background-color: white;
  border-radius: 20px;
  position: absolute;
  bottom: 15px;
  left: 15px;
}

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

.svofaq .accord__title {
  font-weight: 700;
}

.svoclosers__inner {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 40px;
}

.svoclosers__green {
  background-color: #166d6d;
  padding: 30px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 65%;
}

.svoclosers__gray,
.svofeedback__warn {
  background-color: #166D6D0F;
  padding: 30px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 35%;
}

.svoclosers__green-list li::before {
  background-color: white;
}

.svoclosers__green p,
.svoclosers__green span,
.svoclosers__green a,
.svoclosers__green li {
  color: white;
}

.svoclosers__green-title {
  font-size: 32px;
  font-weight: 700;
  line-height: 100%;
}

.svoscreen__result-btns,
.svofeedback__result-btns {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: auto;
}

.svoclosers__gray-subtitle {
  margin-top: auto;
}

.button_gray {
  color: #166d6d;
  font-weight: 700;
  font-size: 13px;
  background: linear-gradient(#DADADA, #DADADA);

  transition: 0.3s;
}

.button_gray:hover {
  background: linear-gradient(0deg, #9e0618 0%, #9e0618);
  box-shadow: #9e0618 0px 1px 5px;
  color: white;

}

.svoclosers__gray-title,
.svofeedback__right-title {
  font-size: 20px;
  font-weight: 600;
}

.svoclosers ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.svoscreen__result-btns .button,
.svofeedback__result-btns .button {
  width: 50%;
}

.svofeedback__form {
  background-color: #166D6D0F;
  padding: 35px;
  border-radius: 20px;
  display: flex;
}

.svofeedback__list,
.svofeedback__selectors,
.svofeedback__form-bottom {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.svofeedback__form-inner {
  display: flex;
  flex-direction: column;
  gap: 35px;
}

.svofeedback__radio {
  background-color: white;
  padding: 20px;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border: 1px transparent solid;
  cursor: pointer;
}

.svofeedback__list input {
  background-color: white;
  padding: 20px;
  border-radius: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border: 1px #D6D6D6 solid;
}

.svofeedback__list input:focus {
  border-color: #38c49b;
}

.svofeedback__selector {
  border-radius: 30px;
  border: 1px #D6D6D6 solid;
}

.svofeedback__itemtitle {
  font-size: 14px;
  color: #696969;
  margin-bottom: 10px;
}


.svofeedback__radiobtn span {
  background-color: transparent;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.svofeedback__radiobtn {
  border: 2px transparent solid;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  padding: 5px;
  display: flex;
}

.svofeedback__radio--red .svofeedback__radiobtn {
  border-color: #D7011A;
}

.active.svofeedback__radio--red .svofeedback__radiobtn span {
  background-color: #D7011A;
}

.svofeedback__radio--red {
  font-weight: 700;
  color: #D7011A;
}

.svofeedback__radio--red:hover {
  border-color: #D7011A;
}

.svofeedback__radio--green .svofeedback__radiobtn {
  border-color: #21C192;
}

.active.svofeedback__radio--green .svofeedback__radiobtn span {
  background-color: #21C192;
}

.svofeedback__radio--green {
  font-weight: 700;
  color: #21C192;
}

.svofeedback__radio--green:hover {
  border-color: #21C192;
}

.svofeedback__form-bottom button.consult__button.button {
  width: 100%;
  max-width: unset;
}

.svofeedback .contact-checkbox-text {
  color: black;
}

.svofeedback .contact-checkbox-row {
  margin: 0;
}

.svofeedback .contact-checkbox-text a {
  color: #166d6d;
}

.svofeedback .contact-checkbox.active {
  background: #2bca9b;
  border-color: #2bca9b;
}

.accord.svofaq__accord svg {
  background-color: white;
  padding: 5px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
}


@media(max-width: 1000px) {
  .svo__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 140%;
  }

  .svo__subtitle {
    font-size: 16px;
    line-height: 140%;
  }

  .svobanner__main,
  .svoscreen__test {
    width: 100%;
  }

  .svobanner__pic-wrap {
    display: none;
  }

  .svobanner__btns>* {
    width: 100%;
  }

  .svobanner__btns {
    flex-direction: column;
  }

  .svoscreen__inner {
    flex-direction: column;
  }

  .svoscreen__result {
    width: 100%;
  }

  .svocalc__test {
    width: 100%;
  }

  .svocalc__selectors {
    flex-direction: column;
  }

  .selector.svocalc__selector {
    width: 100%;
  }

  .svoscreen__result-btns,
  .svoscreen__result-btns,
  .svoorient__btns,
  .svofeedback__result-btns {
    flex-direction: column;
  }

  .svoscreen__result-btns>.button,
  .svoscreen__result-btns>.button,
  .svoorient__btns>.button,
  .svofeedback__result-btns>.button {
    width: 100%;
  }

  .svoorient__list,
  .svowhyus__list {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }

  section.svo .content {
    margin-top: 60px !important;
  }

  .svoconsult__list,
  .svoconsult__detailes,
  .svoconsult__wrap.svoconsult__wrap--first,
  .svoconsult__wrap.svoconsult__wrap--second {
    flex-direction: column;
    display: flex;
    width: 100%;
  }

  .svohow__head {
    flex-direction: column;
    align-items: flex-start;
  }

  .svohow__hint svg {
    min-width: 24px;
  }

  picture.svoservice__right {
    display: none;
  }

  .svoservice__left {
    width: 100%;
  }

  .svoclosers__inner,
  .svofeedback__inner {
    flex-direction: column;
  }

  .svoclosers__gray,
  .svoclosers__green,
  .svofeedback__form,
  .svofeedback__warn {
    width: 100%;
  }

  .svofeedback__list,
  .svofeedback__selectors,
  .svofeedback__form-bottom {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }

}

.error.selector {
  border-color: #b80318;
  color: #b80318;
  font-weight: 700;
}

.ready.svoscreen__result {
  background-color: #166d6d;
  color: white;
  transition: 0.5s ease;
}

.svoscreen__result-descr {
  color: black;
}

.open.svohow__type {
  background-color: #166d6d;
  border-color: #166d6d;
  color: white;
}

.svohow__listswiper.swiper.open {
  display: block !important;
}

.svohow__listswiper.swiper {
  display: none !important;
}

.svofeedback__selectors .svofeedback__item.call:nth-child(2) {
  display: block;
}

.svofeedback__selectors .svofeedback__item:nth-child(2) {
  display: block;
}

.svoanchors__link:last-child {
  background: linear-gradient(#07ac7c, #07ac7c);
  box-shadow: #07ac7c 0px 1px 5px;
  color: white;
}

.svo .intro__breadcrambs.content li::before {
  display: none;
}

.svofeedback__textarea {
  width: 100%;
}

textarea.svofeedback__textarea-input {
  width: 100%;
  height: 218px;
  background-color: white;
  padding: 20px;
  border-radius: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border: 1px #D6D6D6 solid;
  resize: vertical;
}

.active.svoscreen__result-value,
.active.svoscreen__result-descr {
  display: block;
}

.svoscreen__result-value,
.svoscreen__result-descr {
  display: none;
}

.svo .reviews__age,
.svo .reviews__city {
  font-size: 16px;
  font-weight: 400;
}

.reviews .svo__title {
  font-weight: 700 !important;
  font-size: 36px !important;
  line-height: 50px !important;
  margin-bottom: 40px;
  display: block;
}

.materials__title {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  line-height: 100%;
  margin-bottom: 30px !important;
}

.materials {
  margin: 40px 0;
}

.materials__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

@media(max-width: 1000px) {
  .materials__list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}

.materials__item {
  background-color: #166D6D1A;
  padding: 20px 22px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.materials__bage {
  padding: 7px 20px;
  border-radius: 40px;
  background-color: white;
  color: #166D6D;
  width: fit-content;
  font-size: 16px;
  line-height: 140%;
}

.materials__name {
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 0 !important;
}

.materials__descr {
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 0 !important;
}

.materials__itemfoot {
  padding-top: 15px;
  border-top: 1px #0000001A solid;
}

.materials__itemfoot a {
  background-color: #166D6D;
  border-radius: 40px;
  padding: 7px 20px;
  color: white;
  font-size: 16px;
  text-decoration: none;
  font-weight: 400;
  cursor: pointer;
}

.materials__itemfoot a:hover {
  background-color: #ab0519;
  color: white;
}

@media(min-width: 1001px) {
  .svo__section.svoanchors {
    width: fit-content;
  }
}

@media(max-width: 1000px) {
  .svo__section.svoanchors {
    width: 100%;
  }

  .svo__section.svoanchors {
    scrollbar-width: none;
  }
}

.svoscreen__result {
  position: sticky;
  top: 50%;
}



.section-mb {
  margin-bottom: 80px;
}

.aboutIntro__inner {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 32px;
}

.aboutIntro__content {
  width: calc(58.5% - 10px);
  padding: 32px;
  border-radius: 32px;
  background: #F8F8F8;
}

.aboutIntro__tag {
  margin-bottom: 24px;
}

.aboutIntro__title {
  font-size: 42px;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 20px;
  color: #000000;
}

.aboutIntro__text {
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  line-height: 100%;
  font-weight: 400;
  margin-bottom: 24px;
}

.aboutIntro__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-bottom: 40px;
}

.aboutIntro__buttons {
  display: flex;
  align-items: center;
  gap: 16px;
}

.aboutIntro__buttons .button.button_large {
  width: 50%;
  text-align: center;
  font-size: 16px;
  padding: 20px 10px;
  line-height: 1.15;
}

.aboutIntro__indicators {
  width: calc(41.5% - 10px);
  background-color: #166D6D;
  background-image: url("/netcat_template/images/trezvostclinica/about-introbg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  color: #fff;
  padding: 24px;
  border-radius: 32px;
}

.aboutIntro__indicators-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 12px;
}

.aboutIntro__indicators-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 33px;
}

.aboutIntro__indicators-items {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.aboutIntro__indicators-item {
  width: calc(50% - 8px);
  backdrop-filter: blur(34px);
  background: rgba(255, 255, 255, 0.1);
  min-height: 170px;
  padding: 16px 20px;
  border-radius: 20px;
}

.aboutIntro__indicators-item__nimber {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 8px;
}

.aboutIntro__indicators-item__text {
  font-size: 16px;
  max-width: 180px;
  font-weight: 400;
}

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

.aboutIntro__advantages-item {
  padding: 12px;
  border-radius: 20px;
  background: #F8F8F8;
  display: flex;
  align-items: center;
  gap: 16px;
  width: calc(25% - 15px);
}

.aboutIntro__advantages-icon {
  width: 60px;
  height: 60px;
  background: #166D6D;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 12px;
}

.aboutIntro__advantages-text {
  font-size: 18px;
  font-weight: 60;
  line-height: 100%;
}

.about-tag {
  padding: 10px 20px;
  background: rgba(22, 109, 109, 0.05);
  width: -moz-max-content;
  width: max-content;
  color: #166D6D;
  font-size: 16px;
  font-weight: 400;
  border-radius: 42px;
}

.about-tag.white {
  color: #166D6D;
  background: #fff;
}

@media (max-width: 1260px) {
  .aboutIntro__buttons {
    flex-direction: column;
  }

  .aboutIntro__buttons .button.button_large {
    width: 100%;
  }
}

@media (max-width: 1100px) {
  .aboutIntro__inner {
    flex-direction: column;
  }

  .aboutIntro__content {
    width: 100%;
  }

  .aboutIntro__indicators {
    width: 100%;
  }

  .aboutIntro__advantages-item {
    width: calc(50% - 10px);
  }
}

@media (max-width: 600px) {
  .aboutIntro__content {
    padding: 20px;
    border-radius: 16px;
  }

  .aboutIntro__tag {
    margin-bottom: 16px;
  }

  .aboutIntro__title {
    font-size: 24px;
    margin-bottom: 16px;
  }

  .aboutIntro__text {
    margin-bottom: 20px;
  }

  .aboutIntro__tags {
    margin-bottom: 24px;
  }

  .aboutIntro__buttons {
    gap: 10px;
  }

  .aboutIntro__indicators {
    padding: 20px 24px;
  }

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

  .aboutIntro__indicators-text {
    margin-bottom: 18px;
  }

  .aboutIntro__indicators-items {
    gap: 8px;
  }

  .aboutIntro__indicators-item {
    width: 100%;
    min-height: auto;
    padding: 14px 20px;
    border-radius: 12px;
  }

  .aboutIntro__indicators-item__nimber {
    font-size: 24px;
    margin-bottom: 8px;
    line-height: 100%;
  }

  .aboutIntro__indicators-item__text {
    max-width: 100%;
  }

  .aboutIntro__advantages {
    gap: 8px;
  }

  .aboutIntro__advantages-item {
    width: 100%;
  }
}

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

.complex__left {
  width: calc(58.5% - 10px);
  padding: 24px 32px;
  background: #F8F8F8;
  border-radius: 20px;
}

.complex__left-title {
  color: #000000;
  font-size: 32px;
  line-height: 120%;
  font-weight: 600;
  margin-bottom: 20px;
}

.complex__left-text {
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 16px;
}

.complex__left-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.complex__left-item svg {
  flex-shrink: 0;
}

.complex__left-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.complex__left-item p {
  color: #166D6D;
  font-size: 16px;
  font-weight: 600;
}

.complex__right {
  width: calc(41.5% - 10px);
  padding: 24px 32px;
  background: #F8F8F8;
  border-radius: 20px;
}

.complex__right-title {
  font-size: 32px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 24px;
  max-width: 400px;
}

.complex__right-items {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.complex__right-item {
  width: calc(50% - 8px);
  padding: 14px 18px;
  background: #166D6D;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.complex__right-item__name {
  color: rgba(255, 255, 255, 0.6);
  font-size: 24px;
  font-weight: 600;
}

.complex__right-item__name span {
  color: #fff;
}

.complex__right-item__text {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 100%;
}

@media (max-width: 1100px) {
  .complex__inner {
    flex-direction: column;
  }

  .complex__left {
    width: 100%;
  }

  .complex__right {
    width: 100%;
  }
}

@media (max-width: 600px) {
  .complex__right-item {
    width: 100%;
    border-radius: 12px;
  }

  .complex__right-items {
    gap: 8px;
  }

  .complex__right {
    padding: 18px 20px;
  }

  .complex__right-title {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .complex__left {
    padding: 18px 20px;
  }

  .complex__left-title {
    font-size: 24px;
    margin-bottom: 16px;
  }

  .complex__left-text {
    margin-bottom: 20px;
  }
}

.aboutTitleBlock {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  margin-bottom: 40px;
  text-align: center;
}

.aboutTitleBlock__title {
  font-size: 42px;
  line-height: 120%;
  font-weight: 600;
}

.aboutTitleBlock__text {
  font-size: 16px;
  line-height: 100%;
  font-weight: 400;
}

.mission__item {
  padding: 20px 24px 0 24px;
  background: #F8F8F8;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  min-height: 309px;
  position: relative;
}

.mission__item-name {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 700;
  margin-bottom: 12px;
}

.mission__item-text {
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}

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

@media (max-width: 600px) {
  .mission__item {
    min-height: 280px;
  }

  .aboutTitleBlock__title {
    font-size: 24px;
  }
}

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

.history__item {
  width: calc(50% - 10px);
  background: #F8F8F8;
  padding: 20px 24px;
  border-radius: 20px;
}

.history__item-year {
  color: #166D6D;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 16px;
}

.history__item-name {
  font-size: 24px;
  color: #000000;
  font-weight: 600;
  margin-bottom: 12px;
}

.history__item-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
}

@media (max-width: 600px) {
  .history__items {
    gap: 12px;
  }

  .history__item {
    padding: 20px 24px;
    border-radius: 20px;
    width: 100%;
  }

  .history__item-year {
    font-size: 18px;
    margin-bottom: 12px;
  }

  .history__item-name {
    font-size: 18px;
    margin-bottom: 8px;
  }
}

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

.maindoctor__left {
  width: calc(58.5% - 10px);
  padding: 24px 32px;
  background: #F8F8F8;
  border-radius: 20px;
}

.maindoctor__left-title {
  font-size: 32px;
  margin-bottom: 32px;
  font-weight: 600;
  line-height: 120%;
}

.maindoctor__left-info {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 24px;
}

.maindoctor__left-img {
  width: 129px;
  height: 162px;
  border-radius: 12px;
  overflow: hidden;
  flex-shrink: 0;
}

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

.maindoctor__left-name {
  margin-top: 7px;
  font-size: 24px;
  color: #166D6D;
  font-weight: 600;
  margin-bottom: 12px;
}

.maindoctor__left-position {
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 12px;
}

.maindoctor__left-description {
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
}

.maindoctor__left-tags {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 32px;
}

.maindoctor__left-buttons {
  display: flex;
  align-items: center;
  gap: 16px;
}

.maindoctor__left-buttons .button.button_large {
  width: 50%;
  text-align: center;
  font-size: 16px;
  padding: 20px 10px;
  line-height: 1.15;
}

.maindoctor__right {
  overflow: hidden;
  position: relative;
  width: calc(41.5% - 10px);
  padding: 24px 32px;
  background: #F8F8F8;
  border-radius: 20px;
}

.maindoctor__right-tag {
  margin-bottom: 24px;
}

.maindoctor__right-comment {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.maindoctor__right-comment p {
  font-size: 16px;
  font-weight: 400;
  font-style: italic;
  color: rgba(0, 0, 0, 0.8);
  position: relative;
  z-index: 1;
}

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

@media (max-width: 1100px) {
  .maindoctor__inner {
    flex-direction: column;
  }

  .maindoctor__left {
    width: 100%;
  }

  .maindoctor__right {
    width: 100%;
  }
}

@media (max-width: 600px) {
  .maindoctor__left {
    padding: 16px 20px;
  }

  .maindoctor__left-title {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .maindoctor__left-img {
    width: 64px;
    height: 80px;
  }

  .maindoctor__left-info {
    flex-wrap: wrap;
    gap: 16px;
  }

  .maindoctor__left-texts {
    display: contents;
  }

  .maindoctor__left-texts__Namewrapper {
    width: calc(100% - 81px);
  }

  .maindoctor__left-buttons {
    flex-direction: column;
  }

  .maindoctor__left-buttons .button.button_large {
    width: 100%;
  }

  .maindoctor__right {
    padding: 16px 20px;
  }

  .maindoctor__right-tag {
    margin-bottom: 16px;
  }

  .maindoctor__right-imgbg svg {
    width: 187px;
    height: 149px;
  }
}

.aboutdoctors__moredoctorsbtn {
  margin-top: 24px;
  display: none;
}

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

.aboutdoctors__wrapper.nowrap {
  flex-wrap: nowrap;
  gap: 0;
}

.aboutdoctors__slide {
  width: calc(33.3333333333% - 13.3333333333px);
}

.aboutdoctors__item {
  min-height: 261px;
  background: #F8F8F8;
  border-radius: 20px;
  padding: 24px;
  display: block;
}

.aboutdoctors__item-img {
  width: 100px;
  height: 100px;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 20px;
}

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

.aboutdoctors__item-name {
  font-size: 24px;
  font-weight: 600;
  color: #166D6D;
  margin-bottom: 12px;
}

.aboutdoctors__item-info {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
}

.aboutdoctors__moredoctorsitem {
  min-height: 261px;
  background: #F8F8F8;
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}

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

.aboutdoctors__moredoctorsitem-text {
  font-size: 24px;
  font-weight: 600;
}

.aboutdoctors__moredoctorsitem a {
  position: relative;
  z-index: 1;
}

@media (max-width: 1100px) {
  .aboutdoctors__slide {
    width: calc(50% - 10px);
  }
}

@media (max-width: 650px) {
  .aboutdoctors__item-img {
    width: 243px;
    height: 243px;
    margin: 0 auto 20px auto;
  }

  .aboutdoctors__item {
    text-align: center;
    padding: 20px;
  }

  .aboutdoctors__slide:last-child {
    display: none;
  }

  .aboutdoctors__moredoctorsbtn {
    display: block;
  }
}

@media (max-width: 400px) {
  .aboutdoctors__item {
    text-align: left;
  }

  .aboutdoctors__item-img {
    width: 243px;
    height: 243px;
    margin: 0 auto 20px auto;
  }
}

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

.aboutgallery__left {
  width: calc(58.5% - 10px);
  padding: 24px 32px;
  border-radius: 20px;
  background: #F8F8F8;
}

.aboutgallery__tag {
  margin-bottom: 24px;
}

.aboutgallery__text {
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 24px;
}

.aboutgallery__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.aboutgallery__item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.aboutgallery__item-iton {
  flex-shrink: 0;
}

.aboutgallery__item-name {
  color: #166D6D;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
}

.aboutgallery__item-text {
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  font-weight: 400;
}

.aboutgallery__right {
  width: calc(41.5% - 10px);
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.aboutgallery__swiper {
  height: 100%;
}

.aboutgallery__image {
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
}

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

.aboutgallery__pagination {
  position: absolute;
  z-index: 1;
  bottom: 20px;
  left: 0;
  text-align: center;
}

.aboutgallery picture {
  width: 100%;
  height: 100%;
}

.aboutgallery__pagination .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.8) !important;
}

.aboutgallery__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff !important;
}

@media (max-width: 1100px) {
  .aboutgallery__inner {
    flex-direction: column;
  }

  .aboutgallery__left {
    width: 100%;
  }

  .aboutgallery__right {
    width: 100%;
  }

  .aboutgallery__image img {
    max-height: 400px;
  }

  .aboutgallery__left {
    padding: 18px 20px;
  }
}

.aboutdocuments__item {
  display: block;
  text-decoration: none;
  background: #F8F8F8;
  padding: 24px;
  border-radius: 20px;
}

.aboutdocuments__item-img {
  width: 100%;
  height: 302px;
  margin-bottom: 20px;
}

.aboutdocuments__item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}

.aboutdocuments__item-name {
  color: #166D6D;
  line-height: 120%;
  font-weight: 600;
  font-size: 24px;
  text-align: center;
}

@media (max-width: 600px) {
  .aboutdocuments__item-name {
    font-size: 18px;
  }

  .aboutdocuments__item {
    padding: 20px;
  }

  .aboutdocuments__item-img {
    height: auto;
  }

  .aboutdocuments__item-img img {
    max-height: 350px;
  }
}

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

.aboutagregators__item {
  width: calc(33.3333333333% - 13.3333333333px);
  padding: 32px;
  border-radius: 20px;
  background: #F8F8F8;
}

.aboutagregators__item-top {
  padding-bottom: 28px;
  border-bottom: 1.5px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 40px;
}

.aboutagregators__item-bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.aboutagregators__item-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.aboutagregators__item-name {
  font-size: 18px;
  font-weight: 700;
  color: #000000;
}

.aboutagregators__item-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  color: rgba(0, 0, 0, 0.8);
}

.aboutagregators__item-raiting {
  color: rgba(22, 109, 109, 0.4);
  font-size: 16px;
  font-weight: 700;
  flex-shrink: 0;
}

.aboutagregators__item-raiting span {
  color: #166D6D;
}

@media (max-width: 1100px) {
  .aboutagregators__item {
    width: calc(50% - 10px);
  }

  .aboutagregators__item-img img {
    max-width: 100%;
  }
}

@media (max-width: 600px) {
  .aboutagregators__item {
    width: 100%;
  }

  .aboutagregators__items {
    gap: 12px;
  }

  .aboutagregators__item-top {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}

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

.standarts__item {
  width: calc(33.3333333333% - 13.3333333333px);
  padding: 32px;
  border-radius: 27px;
  background: #F8F8F8;
}

.standarts__item-icon {
  margin-bottom: 55px;
}

.standarts__item-name {
  font-size: 20px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 12px;
  line-height: 100%;
}

.standarts__item-text {
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
}

@media (max-width: 1100px) {
  .standarts__item {
    width: calc(50% - 10px);
  }
}

@media (max-width: 600px) {
  .standarts__item {
    width: 100%;
    padding: 20px;
  }

  .standarts__items {
    gap: 12px;
  }

  .standarts__item-icon {
    margin-bottom: 20px;
  }

  .standarts__item-icon svg {
    width: 32px;
    height: 32px;
  }

  .standarts__item-name {
    font-size: 18px;
    margin-bottom: 8px;
  }
}

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

.aboutsteps__item {
  width: calc(20% - 16px);
  padding: 20px;
  border-radius: 27px;
  background: #F8F8F8;
}

.aboutsteps__item-number {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  background: #166D6D;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.aboutsteps__item-name {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
}

.aboutsteps__item-text {
  font-size: 16px;
  line-height: 120%;
  color: rgba(0, 0, 0, 0.8);
}

@media (max-width: 1250px) {
  .aboutsteps__item {
    width: calc(25% - 15px);
  }
}

@media (max-width: 1000px) {
  .aboutsteps__item {
    width: calc(33.3333333333% - 13.3333333333px);
  }
}

@media (max-width: 770px) {
  .aboutsteps__item {
    width: calc(50% - 10px);
  }
}

@media (max-width: 600px) {
  .aboutsteps__item {
    width: 100%;
  }

  .aboutsteps__items {
    gap: 12px;
  }

  .aboutsteps__item-number {
    width: 32px;
    height: 32px;
    font-size: 16px;
    margin-bottom: 16px;
  }

  .aboutsteps__item-name {
    font-size: 18px;
    margin-bottom: 8px;
  }
}

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

.aboutfaq__left {
  width: calc(58.5% - 10px);
}

.aboutfaq__left-title {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #000000;
  line-height: 120%;
}

.aboutfaq__left-text {
  font-size: 16px;
  line-height: 120%;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 400;
  margin-bottom: 32px;
}

.aboutfaq__left-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.aboutfaq__right {
  width: calc(41.5% - 10px);
  padding: 24px 32px;
  border-radius: 20px;
  background: #F8F8F8;
}

.aboutfaq__right-title {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #000000;
  line-height: 120%;
}

.aboutfaq__right-faqs {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.aboutfaq__right-faq {
  background: #fff;
  padding: 17px 17px 0 17px;
  border-radius: 12px;
  overflow: hidden;
}

.aboutfaq__right-faq__nameblock {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 17px;
  cursor: pointer;
  gap: 5px;
}

.aboutfaq__right-faq__nameblock svg {
  flex-shrink: 0;
  transition: all 0.2s linear;
}

.aboutfaq__right-faq__nameblock rect {
  transition: all 0.2s linear;
}

.aboutfaq__right-faq__nameblock p {
  font-size: 18px;
  font-weight: 600;
  color: #000000;
}

.aboutfaq__right-faq__nameblock.opened svg {
  transform: rotate(180deg);
}

.aboutfaq__right-faq__nameblock.opened rect {
  fill: #E6E6E6;
}

.aboutfaq__right-faq__answer {
  transition: all 0.2s linear;
  height: 0;
}

.aboutfaq__right-faq__answer p {
  padding-bottom: 17px;
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  line-height: 100%;
}

@media (max-width: 1100px) {
  .aboutfaq__inner {
    flex-direction: column;
  }

  .aboutfaq__left {
    width: 100%;
  }

  .aboutfaq__right {
    width: 100%;
  }
}

@media (max-width: 600px) {
  .aboutfaq__right {
    padding: 16px 20px;
  }

  .aboutfaq__right-title {
    font-size: 24px;
    margin-bottom: 20px;
  }
}

.aboutNeedconsult__inner {
  display: flex;
  padding: 4px;
  background: #166D6D;
  justify-content: space-between;
  border-radius: 20px;
  color: #fff;
  overflow: hidden;
}

.aboutNeedconsult__info {
  width: 100%;
  max-width: 550px;
  padding: 36px;
}

.aboutNeedconsult__info-title {
  font-size: 32px;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 16px;
}

.aboutNeedconsult__info-text {
  line-height: 120%;
  font-size: 16px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 40px;
}

.aboutNeedconsult__info-buttons {
  display: flex;
  align-items: center;
  gap: 16px;
}

.aboutNeedconsult__info-buttons .button.button_large {
  width: 50%;
  text-align: center;
  font-size: 16px;
  padding: 20px 10px;
  line-height: 1.15;
}

.aboutNeedconsult__image picture {
  width: 100%;
  height: 100%;
}

.aboutNeedconsult__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  border-radius: 18px;
}

@media (max-width: 1100px) {
  .aboutNeedconsult__inner {
    flex-direction: column;
  }

  .aboutNeedconsult__image img {
    max-height: 500px;
    -o-object-position: top;
    object-position: top;
  }

  .aboutNeedconsult__info {
    max-width: 100%;
  }
}

@media (max-width: 600px) {
  .aboutNeedconsult__info {
    padding: 16px 20px;
  }

  .aboutNeedconsult__info-title {
    font-size: 24px;
    margin-bottom: 12px;
  }

  .aboutNeedconsult__info-text {
    margin-bottom: 29px;
  }

  .aboutNeedconsult__info-buttons {
    flex-direction: column;
  }

  .aboutNeedconsult__info-buttons .button.button_large {
    width: 100%;
  }
}

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

.aboutContactUs__left {
  width: calc(58.5% - 10px);
  padding: 24px 32px;
  background: #F8F8F8;
  border-radius: 20px;
}

.aboutContactUs__tag {
  margin-bottom: 16px;
}

.aboutContactUs__map {
  width: calc(41.5% - 10px);
  position: relative;
}

.aboutContactUs__map #map {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

.aboutContactUs__title {
  font-size: 32px;
  font-weight: 600;
  color: #000;
  line-height: 120%;
  margin-bottom: 24px;
}

.aboutContactUs__items {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 24px;
}

.aboutContactUs__item {
  padding: 16px 24px;
  border-radius: 16px;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.aboutContactUs__item-name {
  color: rgba(0, 0, 0, 0.3);
  font-size: 16px;
  font-weight: 700;
}

.aboutContactUs__item-text {
  font-size: 18px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.8);
}

.aboutContactUs__buttons {
  display: flex;
  align-items: center;
  gap: 12px;
}

.aboutContactUs__buttons-max {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #166D6D;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  flex-shrink: 0;
}

.aboutContactUs__buttons .button_large {
  width: 100%;
}

@media (max-width: 1100px) {
  .aboutContactUs__inner {
    flex-direction: column;
  }

  .aboutContactUs__left {
    width: 100%;
  }

  .aboutContactUs__map {
    width: 100%;
    height: 300px;
  }
}

@media (max-width: 600px) {
  .aboutContactUs__left {
    padding: 16px 20px;
  }

  .aboutContactUs__title {
    font-size: 24px;
    margin-bottom: 30px;
  }
}

/*# sourceMappingURL=stylenew.css.map */
.visit {
  margin-block-start: 90px;
  overflow: hidden;
}

.visit__title {
  margin-block-end: 30px;
}

.visit__description {
  text-align: center;
  margin-block-end: 45px;
}

.visit__description p {
  max-width: 740px;
  color: #545454;
  font-size: 21px;
  line-height: 1.2;
  margin: 0 auto;
}

@media screen and (width <=900px) {
  .visit {
    margin-block-start: 60px;
  }

  .visit__title {
    margin-block-end: 24px;
  }

  .visit__description>p {
    font-size: 18px;
  }
}

.visit__top {
  margin-block-end: 24px;
}

.visit__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-block-end: 10px;
}

.visit__grid-item {
  background-color: #166D6D;
  border-radius: 27px;
  color: #fff;
  padding: 30px 20px;
}

.visit__grid-item>div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 127px;
}

@media (width<=900px) {
  .visit__grid-item {
    min-height: 138px;
    padding: 20px;
  }

  .visit__description,
  .visit__title {
    text-align: left;
  }

  .visit__title span {
    padding-inline: 0;
  }
}

@media (width<=700px) {
  .visit__grid {
    display: flex;
    gap: 0;
  }

  .visit__grid-item>div {
    height: 100%;
    min-height: 98px;
  }
}

.visit__grid-item span {
  font-weight: 700;
  font-size: clamp(1.875rem, 1.35rem + 1.2vw, 2.25rem);
  line-height: 1;
}

.visit__grid-item p {
  font-size: clamp(1rem, 0.65rem + 0.8vw, 1.25rem);
  line-height: 1.2;
  font-weight: 400;
}

.visit__bottom {
  display: flex;
  flex-direction: row;
  gap: 24px;
}

.visit__left {
  width: 100%;
  max-width: 480px;
  padding: 20px 22px;
  background-color: #166D6D1A;
  border-radius: 20px;
  color: #545454;
}

.visit__left p:not(.visit__left__title, .visit__left__desc) {
  margin-block-end: 12px;
}

.visit__left__title,
.visit__right__title {
  font-weight: 700;
  font-size: clamp(1.125rem, 0.95rem + 0.4vw, 1.25rem);
  margin-block-end: 16px;
  color: #000;
}

.visit__left__plashka {
  background-color: #fff;
  border-radius: 12px;
  padding: 7px 20px 10px;
  margin-block-end: 16px;
}

.visit__left__desc {
  font-size: 14px;
  text-align: center;
}

.visit__button {
  margin-block-start: 25px;
  width: 100%;
  padding: 19px;
  margin-block-end: 10px;
  position: relative;
}

.visit__button::before {
  content: '';
  height: 1px;
  background-color: #0000001A;
  position: absolute;
  left: 0;
  right: 0;
  top: -24px;
}

.visit__right {
  width: 100%;
  padding: 20px 22px 0;
  background-color: #166D6D1A;
  border-radius: 20px;
  overflow: hidden;
}

.visit__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  max-height: 380px;
  overflow-y: auto;
}

.visit__list::-webkit-scrollbar {
  width: 5px;
}

@media screen and (width<=900px) {
  .visit__list::-webkit-scrollbar {
    width: 3px;
  }
}

.visit__list::-webkit-scrollbar-track {
  background-color: #fff;
}

.visit__list::-webkit-scrollbar-thumb {
  background-color: #166D6D;
}

.visit__list-item {
  background-color: #fff;
  border-radius: 12px;
  padding: 8px 16px 8px 36px;
  color: #545454;
  line-height: 1;
  width: 100%;
  max-width: 344px;
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
}

.visit__list-item::before {
  content: '';
  background-color: #166D6D;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
}

@media (width<=800px) {
  .visit__bottom {
    flex-direction: column-reverse;
    gap: 16px;
  }

  .visit__left {
    max-width: none;
  }

  .visit__list-item {
    max-width: none;
  }

  .visit__list {
    max-height: 290px;
  }
}

@media (width<=900px) {
  .visit__left {
    padding: 20px;
  }
}

a.materials__name {
  color: #166d6d;
  text-decoration: none;
}

.recoveryStories {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
}

.recoveryStories__header {
  text-align: center;
  margin-bottom: 32px;
}

.recoveryStories__title {
  font-size: 32px;
  font-weight: 700;
  color: #000000;
  margin: 0 0 16px 0;
}

.recoveryStories__subtitle {
  font-size: 14px;
  color: #666666;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.5;
}

.recoveryStories__filters {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

.recoveryStories__filter {
  background-color: #ffffff;
  border: 1px solid #ececec;
  color: #666666;
  padding: 10px 20px;
  border-radius: 40px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.recoveryStories__filter--active {
  background-color: #166D6D;
  border-color: #166D6D;
  color: #ffffff;
}

.recoveryStories__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}

.storyCard {
  background-color: #F8F8F8;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.storyCard__imageWrapper {
  position: relative;
  width: 100%;
  padding-top: 60%;
}

.storyCard__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
}

.storyCard__badge {
  position: absolute;
  bottom: 12px;
  left: 12px;
  background-color: #ffffff;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  color: #000000;
}

.storyCard__body {
  padding: 20px;
  flex-grow: 1;
}

.storyCard__title {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 12px 0;
  color: #000000;
  line-height: 1.3;
}

.storyCard__text {
  font-size: 14px;
  color: #545454;
  margin: 0;
  line-height: 1.5;
}

.storyCard__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  border-top: 1px solid #ececec;
}

.storyCard__age {
  font-size: 12px;
  color: #545454;
}

.storyCard__link {
  font-size: 14px;
  color: #C80018;
  text-decoration: none;
  font-weight: 600;
}

.ctaBanner {
  background-color: #166D6D;
  border-radius: 24px;
  padding: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  min-height: 240px;
}

.ctaBanner__group {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  gap: 8px;
  z-index: 1;
}

.ctaBanner__group--left {
  left: 20px;
}

.ctaBanner__group--right {
  right: 20px;
}

.ctaBanner__picture {
  display: block;
}

.ctaBanner__img {
  display: block;
  max-height: 200px;
  width: auto;
}

.ctaBanner__content {
  text-align: center;
  position: relative;
  z-index: 2;
  max-width: 500px;
  margin: 0 auto;
}

.ctaBanner__title {
  color: #ffffff;
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 16px 0;
}

.ctaBanner__text {
  color: #ffffff;
  font-size: 14px;
  margin: 0 0 24px 0;
  line-height: 1.4;
  opacity: 0.9;
}

.ctaBanner__button {
  background-color: #ffffff;
  color: #166D6D;
  border: none;
  padding: 14px 28px;
  border-radius: 40px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

.ctaBanner__button:hover {
  background-color: #9e0618;
  color: #fff;
}

@media (max-width: 767px) {
  .recoveryStories {
    padding: 30px 16px;
  }

  .recoveryStories__title {
    font-size: 24px;
  }

  .recoveryStories__filters {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 8px;
    -webkit-overflow-scrolling: touch;
  }

  .recoveryStories__filters::-webkit-scrollbar {
    display: none;
  }

  .recoveryStories__filter {
    white-space: nowrap;
  }

  .recoveryStories__grid {
    grid-template-columns: 1fr;
  }

  .ctaBanner {
    flex-direction: column;
    padding: 32px 20px 0;
    text-align: center;
    min-height: 400px;
  }

  .ctaBanner__picture--hideMobile {
    display: none;
  }

  .ctaBanner__group {
    position: absolute;
    bottom: 0;
    gap: 0;
  }

  .ctaBanner__group--left {
    left: auto;
    right: 50%;
  }

  .ctaBanner__group--right {
    right: auto;
    left: 50%;
  }

  .ctaBanner__img {
    max-height: 160px;
  }

  .ctaBanner__content {
    margin-bottom: 32px;
  }

  .ctaBanner__title {
    font-size: 22px;
  }
}

.personCase {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
  color: #333333;
  line-height: 1.5;
}

.personCase__heading {
  font-size: 24px;
  font-weight: 700;
  color: #166D6D;
  margin: 0 0 12px 0;
}

.personCase__subHeading {
  font-size: 14px;
  color: #666666;
  margin: 0 0 24px 0;
}

.personCaseText {
  font-size: 14px;
  color: #545454;
  margin-bottom: 40px;
}

.personCaseHero {
  background-color: #f7f7f7;
  border-radius: 12px;
  padding: 30px;
  margin-bottom: 40px;
}

.personCaseHero__wrapper {
  display: flex;
  gap: 40px;
  align-items: center;
}

.personCaseHero__imageBox {
  flex-shrink: 0;
  width: 300px;
}

.personCaseHero__img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
}

.personCaseHero__title {
  font-size: 28px;
  font-weight: 700;
  color: #000000;
  margin: 0 0 20px 0;
}

.personCaseHero__list {
  list-style: none;
  padding: 0;
  margin: 0 0 24px 0;
  border-top: 1px solid #eaeaea;
}

.personCaseHero__listItem {
  padding: 12px 0;
  border-bottom: 1px solid #eaeaea;
  font-size: 14px;
  color: #333333;
}

.personCaseHero__label {
  color: #166D6D;
  font-weight: 600;
  margin-right: 8px;
}

.personCaseHero__quote {
  margin: 0;
  padding: 16px 20px;
  border-left: 3px solid #C80018;
  background-color: #ffffff;
  font-style: italic;
  font-size: 14px;
  color: #545454;
  border-radius: 5px;
}

.personCaseMetrics {
  margin-bottom: 40px;
}

.personCaseMetrics__scrollBox {
  background-color: #f7f7f7;
  border-radius: 8px;
  padding: 20px;
}

.personCaseMetrics__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.personCaseMetrics__table th {
  text-align: left;
  color: #888888;
  font-weight: 400;
  padding-bottom: 16px;
  border-bottom: 1px solid #eaeaea;
}

.personCaseMetrics__table td {
  padding: 16px 0;
  border-bottom: 1px solid #eaeaea;
  color: #333333;
  font-weight: 500;
}

.personCaseMetrics__table tr:last-child td {
  border-bottom: none;
  padding-bottom: 0;
}

.personCaseMetrics__cellNegative {
  color: #C80018 !important;
}

.personCaseMetrics__cellPositive {
  color: #166D6D !important;
}

.personCaseSteps {
  margin-bottom: 40px;
}

.personCaseSteps__track {
  width: 100%;
}

.personCaseSteps__timeline {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-top: 20px;
  max-width: 800px;
  margin: 0 auto;
}

.personCaseSteps__line {
  position: absolute;
  top: 36px;
  left: 40px;
  right: 40px;
  height: 1px;
  background-color: #eaeaea;
  z-index: 1;
}

.personCaseSteps__item {
  position: relative;
  z-index: 2;
  text-align: center;
  width: 120px;
  background-color: #ffffff;
}

.personCaseSteps__number {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #C80018;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
  margin: 0 auto 12px auto;
}

.personCaseSteps__name {
  font-weight: 700;
  font-size: 14px;
  color: #000000;
  margin-bottom: 4px;
}

.personCaseSteps__desc {
  font-size: 12px;
  color: #888888;
}

.personCaseReview {
  margin: 0 0 40px 0;
  padding: 24px;
  border-left: 3px solid #166D6D;
  background-color: #f7f7f7;
  font-style: italic;
  font-size: 15px;
  color: #444444;
  border-radius: 5px;
}

.personCaseRelated {
  margin-bottom: 60px;
  overflow: hidden;
}

.personCaseRelated__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.personCaseRelated__top .personCase__heading {
  margin-bottom: 0;
  color: #000000;
}

.personCaseRelated__controls {
  display: flex;
  gap: 8px;
}

.personCaseRelated__arrow {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #166D6D;
  color: #ffffff;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  cursor: pointer;
  line-height: 1;
  padding-bottom: 2px;
  transition: background-color 0.2s ease, opacity 0.2s ease;
}

.personCaseRelated__arrow:hover {
  background-color: #0f5959;
}

.personCaseRelated__arrow:disabled {
  opacity: 0.45;
  cursor: default;
  pointer-events: none;
}

.personCaseRelated__grid {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 20px) / 2);
  gap: 20px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
  align-items: stretch;
}

.personCaseRelated__grid::-webkit-scrollbar {
  display: none;
}

.personCaseRelated__card {
  display: flex;
  gap: 16px;
  background-color: #f7f7f7;
  padding: 20px;
  border-radius: 8px;
  align-items: center;
  min-width: 0;
  height: 100%;
  scroll-snap-align: start;
}

.personCaseRelated__picture {
  flex-shrink: 0;
}

.personCaseRelated__picture img {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  object-fit: cover;
  display: block;
}

.personCaseRelated__data {
  flex-grow: 1;
  min-width: 0;
}

.personCaseRelated__title {
  font-size: 14px;
  font-weight: 700;
  color: #000000;
  margin: 0 0 4px 0;
}

.personCaseRelated__text {
  font-size: 12px;
  color: #666666;
  margin: 0 0 8px 0;
  line-height: 1.4;
}

.personCaseRelated__link {
  font-size: 12px;
  color: #316b68;
  text-decoration: underline;
}

.personCaseBanner {
  display: flex;
  background-color: #166D6D;
  border-radius: 16px;
  overflow: hidden;
}

.personCaseBanner__content {
  flex: 1;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.personCaseBanner__title {
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 12px 0;
  line-height: 1.3;
}

.personCaseBanner__desc {
  color: #ffffff;
  font-size: 14px;
  margin: 0 0 24px 0;
  opacity: 0.9;
}

.personCaseBanner__btn {
  background-color: #ffffff;
  color: #316b68;
  border: none;
  padding: 12px 24px;
  border-radius: 24px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  align-self: flex-start;
}

.personCaseBanner__btn:hover {
  background-color: #9e0618;
  color: #fff;
}

.personCaseBanner__visual {
  flex: 1;
}

.personCaseBanner__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (max-width: 767px) {
  .personCase {
    padding: 20px 16px;
  }

  .personCaseHero {
    padding: 20px;
  }

  .personCaseHero__wrapper {
    flex-direction: column;
    gap: 24px;
  }

  .personCaseHero__imageBox {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }

  .personCaseHero__title {
    font-size: 24px;
  }

  .personCaseMetrics__scrollBox {
    overflow-x: auto;
    padding: 16px;
    -webkit-overflow-scrolling: touch;
  }

  .personCaseMetrics__table {
    min-width: 450px;
  }

  .personCaseSteps__track {
    overflow-x: auto;
    padding-bottom: 10px;
    -webkit-overflow-scrolling: touch;
  }

  .personCaseSteps__timeline {
    min-width: 500px;
    padding-top: 10px;
  }

  .personCaseSteps__line {
    top: 26px;
  }

  .personCaseRelated__top {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .personCaseRelated__grid {
    grid-auto-columns: 100%;
  }

  .personCaseBanner {
    flex-direction: column;
  }

  .personCaseBanner__content {
    padding: 30px 20px;
  }

  .personCaseBanner__visual {
    height: 250px;
  }
}

.storyCard__title a:hover {
  color: #166D6D;
}

.storyCard__link:hover {
  color: #c80018;
}

.personCaseRelated__link:hover {
  color: #c80018;
}

.personCaseText a,
.personCase__subHeading a {
  color: #0a5555;
  text-decoration: underline;
}

.recoveryStories__filter:hover {
  background-color: #166D6D;
  border-color: #166D6D;
  color: #fff;
}

.personCaseBanner_textBottom,
.ctaBanner_textBottom {
  margin-top: 20px;
}

.bottom-info__wrapper {
  position: fixed;
  inset: auto 0 0 0;
  z-index: 100000;
  color: #fff;
  font: inherit;
  background-color: rgba(0, 0, 0, 0.73);
  opacity: 0;
  transition: opacity 300ms;
}

@media screen and (max-width: 400px) {
  .bottom-info__wrapper {
    font-size: 12px;
  }
}

.bottom-info__wrapper.active {
  opacity: 1;
}

.bottom-info__wrapper .bottom-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 15px 10px 20px;
}

@media screen and (max-width: 700px) {
  .bottom-info__wrapper .bottom-info {
    flex-direction: column;
  }
}

.bottom-info__wrapper .bottom-info__content {
  margin: 0 10px 0 0;
}

.bottom-info__content a {
  color: #52c5ff;
  text-decoration: underline;
  transition: color 300ms;
}

.bottom-info__content a:hover {
  color: #296de7;
}

@media screen and (max-width: 700px) {
  .bottom-info__wrapper .bottom-info__content {
    text-align: center;
    margin: 0 30px 0 0;
  }
}

.bottom-info__wrapper .bottom-info__action {
  display: flex;
}

@media screen and (max-width: 639px) {
  .bottom-info__wrapper .bottom-info__action {
    margin: 10px 0 0;
  }
}

.bottom-info__wrapper .bottom-info__button-agree {
  font-size: 0.9em;
  line-height: 2;
  font-weight: 500;
  color: #000;
  border-radius: 5px;
  padding: 2px 15px;
  text-transform: uppercase;
  display: block;
  background-color: #ffffffe8;
  border: none;
  cursor: pointer;
}

.bottom-info__wrapper .bottom-info__button-cross {
  width: 28px;
  height: 28px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.4em;
  background-color: transparent;
  border: none;
  margin-inline-start: 12px;
  cursor: pointer;
}

@media screen and (max-width: 700px) {
  .bottom-info__wrapper .bottom-info__button-cross {
    position: absolute;
    top: 10px;
    right: 10px;
  }
}

.bottom-info__button-cross::after {
  content: "\00D7";
  color: #999;
  line-height: 1;
  transition: color 300ms;
}

.bottom-info__wrapper .bottom-info__button-cross:hover::after {
  color: #fff;
}



.reviews__item.swiper-slide {
  display: flex;
  flex-direction: column;
}

.bottom-info__wrapper {
  position: fixed;
  inset: auto 0 0 0;
  z-index: 100000;
  color: #fff;
  font: inherit;
  background-color: rgba(0, 0, 0, 0.73);
  opacity: 0;
  transition: opacity 300ms;
}

@media screen and (max-width: 400px) {
  .bottom-info__wrapper {
    font-size: 12px;
  }
}

.bottom-info__wrapper.active {
  opacity: 1;
}

.bottom-info__wrapper .bottom-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 15px 10px 20px;
}

@media screen and (max-width: 700px) {
  .bottom-info__wrapper .bottom-info {
    flex-direction: column;
  }
}

.bottom-info__wrapper .bottom-info__content {
  margin: 0 10px 0 0;
}

.bottom-info__content a {
  color: #52c5ff;
  text-decoration: underline;
  transition: color 300ms;
}

.bottom-info__content a:hover {
  color: #296de7;
}

@media screen and (max-width: 700px) {
  .bottom-info__wrapper .bottom-info__content {
    text-align: center;
    margin: 0 30px 0 0;
  }
}

.bottom-info__wrapper .bottom-info__action {
  display: flex;
}

@media screen and (max-width: 639px) {
  .bottom-info__wrapper .bottom-info__action {
    margin: 10px 0 0;
  }
}

.bottom-info__wrapper .bottom-info__button-agree {
  font-size: 0.9em;
  line-height: 2;
  font-weight: 500;
  color: #000;
  border-radius: 5px;
  padding: 2px 15px;
  text-transform: uppercase;
  display: block;
  background-color: #ffffffe8;
  border: none;
  cursor: pointer;
}

.bottom-info__wrapper .bottom-info__button-cross {
  width: 28px;
  height: 28px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.4em;
  background-color: transparent;
  border: none;
  margin-inline-start: 12px;
  cursor: pointer;
}

@media screen and (max-width: 700px) {
  .bottom-info__wrapper .bottom-info__button-cross {
    position: absolute;
    top: 10px;
    right: 10px;
  }
}

.bottom-info__button-cross::after {
  content: "\00D7";
  color: #999;
  line-height: 1;
  transition: color 300ms;
}

.bottom-info__wrapper .bottom-info__button-cross:hover::after {
  color: #fff;
}

.converse__card-wrapper {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 40px);
  max-width: 1280px;
  height: 150px;
  z-index: 9999;
  pointer-events: none;
  transition: all 0.4s ease;
}

.converse__card {
  pointer-events: auto;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 14px;
  background-color: #DF001AB2;
  box-shadow: 0 4px 64px rgba(0, 0, 0, 0.2);
}

.bottom-info__wrapper {
  position: fixed;
  bottom: 20px;
  right: 50%;
  margin-right: 10px;
  left: auto;
  transform: none;
  width: calc(50% - 30px);
  max-width: 500px;
  height: 150px;
  border-radius: 14px;
  z-index: 10000;
  background-color: rgb(40, 40, 40);
  transition: opacity 0.3s ease;
  display: none;
  opacity: 0;
}



.page-has-cookie .bottom-info__wrapper {
  display: block;
  opacity: 1;
}

.bottom-info__wrapper .bottom-info__button-cross {
  display: none;
}

.bottom-info__content {
  font-size: 14px;
  text-align: left;
}

.bottom-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.bottom-info__action {
  display: flex;
  width: 100%;
  justify-content: flex-start;
}

.converse__text {
  font-size: 16px;
  text-align: center;
}

.converse__icon {
  width: 40px;
  height: 40px;
}

.converse__close {
  display: none;
}

@media (max-width: 800px) {
  .converse__card-wrapper {
    bottom: 0;
    left: 0;
    transform: none;
    width: 100%;
    margin-left: 0;
    height: 120px;
  }



  .converse__card {
    max-width: 360px;
    margin: 0 auto;
    border-radius: 14px;
  }

  .bottom-info__wrapper {
    bottom: 0;
    left: 0;
    right: 0;
    margin-right: 0;
    transform: none;
    width: 100%;
    max-width: none;
    height: auto;
    border-radius: 14px 14px 0 0;
  }

  .bottom-info__wrapper .bottom-info__button-agree {
    width: 350px;
    margin: 0 auto;
  }

  .bottom-info__wrapper .bottom-info__content {
    text-align: justify;
  }

  .bottom-info__action {
    width: 300px;
  }
}

@media (max-width: 500px) {

  .converse__card {
    max-width: calc(100% - 20px);
  }

  .bottom-info__wrapper .bottom-info__button-agree {
    width: 100%;
  }
}

.check {
  margin-top: 50px;
  display: flex;
  gap: 24px;
}

.check p {
  margin: 0;
}

.check__doctor {
  padding: 30px 20px;
  width: 49%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-size: 16px;
  background-color: #ffffff;
  border-radius: 20px;
  border: 1px solid #efefef;
}

.check__wrapper {
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 20px;
  border-bottom: 1px solid #efefef;
}

.check__img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

a.check__name {
  margin-bottom: 10px;
  display: block;
  font-weight: 700;
  font-size: 20px;
  text-decoration: none;
  color: #545454;
}

.check__name:hover {
  color: #166d6d;
}

.check__prof {
  font-size: 18px;
}

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

@media (max-width: 1023px) {
  .check {
    flex-direction: column;
  }

  .check__doctor {
    width: 100%;
    gap: 15px;
    font-size: 14px;
  }

  .check__wrapper {
    padding-bottom: 15px;
  }

  .check__name {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .check__prof {
    font-size: 16px;
  }

  .check__bottom {
    flex-direction: column;
    gap: 2px;
  }
}

.converse__item_tg picture {
  padding: 8px;
}

@media(max-width: 1201px) {
  .converse__item_tg picture {
    padding: 10px;
  }
}

.converse__item_tg:hover picture svg {
  fill: #166d6d;
}

.header__logo--mob {
  display: none;
}

.header__col_phones--mob {
  display: none;
}

@media (max-width: 1200px) {
  .header__mobile-row {
    margin-bottom: 7px;
  }
}

@media screen and (width<=960px) {
  .header.active .header__mobile-row {
    position: relative;
  }
  .header.active .header__mobile-row::before {
    position: absolute;
    bottom: -10px;
    left: -12px;
    display: block;
    content: '';
    width: calc(100% + 12px + 12px);
    height: 1px;
    background-color: #f0f0f0;
    max-width: 99vw;
  }
}

@media (width<=960px) {
  .header__phone picture {
    flex-shrink: 0;
    width: 12px;
    height: 15px;
  }

  .header__col_phones,
  .header__logo {
    display: none;
  }

  .header__col_phones--mob,
  .header__logo--mob {
    display: block;
    font-size: 16px;
  }

  .header__col_phones--mob {
    margin-bottom: 0;
    padding-top: 3px;
  }

  .header__logo--mob picture {
    padding-top: 5px;
  }

  .header__phones-wrap {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .header__phones-descr {
    margin-bottom: 6px;
  }
}

@media (width <=600px) {
  .header__phones-descr {
    font-size: 13px;
  }
}

.converse__card-wrapper {
  height: 80px;
}

.converse__item {
  flex-direction: row;
}

.converse__card {
  padding: 10px;
}

.footer .content {
  padding-bottom: 85px;
}

.coopolicy__visible {
  bottom: 105px;
}

.converse__card-wrapper .converse__icon {
  width: 40px;
  height: 40px;
  align-items: center;
}

.converse__item svg path {
    transition: 0.3s all;
}

.converse__item:hover svg path {
    fill: #17706e;
}

@media (width<=1200px) {
  .converse__card-wrapper {
    width: 100%;
    bottom: 10px;
  }
}

@media (max-width: 800px) {
  .converse__card {
    max-width: 100%;
    gap: 8px;
  }
}

@media (max-width: 600px) {
  .converse__card-wrapper {
    height: 86px;
  }

  .converse__item {
    flex-direction: column;
  }

  .converse__text {
    font-size: 13px;
    line-height: 12px;
  }

  .converse__card {
    height: auto;
  }

  .converse__card-wrapper .converse__icon {
    width: 26px;
    height: 26px;
  }

  .converse__item {
    padding: 8px 0px 8px 0px;
  }

  .converse__item_tg picture {
    padding: 5px;
  }

  .converse__item_max .converse__icon {
    padding: 4px;
  }

  .converse__item_max .converse__icon svg {
    margin-top: 0px;
  }
}

@media (max-width: 500px) {
  .converse__card {
    max-width: 100%;
  }

}

footer.footer {
  padding-bottom: 35px;
}

.go-to {
  position: relative;
  cursor: pointer;
  width: 50px;
  height: 50px;
}

.go-to::before {
  content: "";
  background-image: url("../img/icons/arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.details {
  margin-block-start: 45px;
}

.details__desc {
  text-align: center;
  font-size: clamp(1.125rem, 0.95rem + 0.4vw, 1.25rem);
  color: #545454;
  line-height: 1.2;
  margin-block-end: 45px;
  display: flex;
  justify-content: center;
}

.details__title {
  margin-block-end: 30px;
}

.details__desc p {
  max-width: 1020px;
}

.details__desc--last {
  margin-block-start: 45px;
}

.details__inner {
  padding: 30px;
  border-radius: 20px;
  background-color: #F8F8F8;
}

.details__title span {
  max-width: 950px;
}

.details__code {
  width: 100%;
  padding: 10px;
  border: 1px solid #0E6F6A;
  border-radius: 40px;
  color: #0E6F6A;
  margin-block-end: 20px;
  font-size: clamp(1rem, 0.65rem + 0.8vw, 1.25rem);
  text-align: center;
}

.details__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-block-end: 20px;
}

.details__card {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 20px;
  background-color: #fff;
  border-radius: 12px;
}

.details__card>div>p:first-of-type {
  font-weight: 600;
  font-size: clamp(1.25rem, 0.9875rem + 0.6vw, 1.4375rem);
  margin-block-end: 12px;
  color: #000;
}

.details__card>div>p:last-of-type {
  font-size: 16px;
  color: #545454;
}

.details__list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.details__list li {
  background-color: #fff;
  border-radius: 15px;
  padding: 20px;
}

.details__question-wrapper {
  cursor: pointer;
}

.details__question {
  font-weight: 600;
  font-size: clamp(1.25rem, 0.9rem + 0.8vw, 1.5rem);
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
  color: #000;
}

.details__button {
  border: 1px solid rgba(22, 109, 109, 0.6);
  border-radius: 50%;
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  position: relative;
}

.details__button::before {
  content: "";
  width: 16px;
  height: 2px;
  border-radius: 2px;
  background-color: rgb(22, 109, 109);
  overflow: hidden;
  position: absolute;
  left: 8px;
  top: 15px;
  transition: 0.3s;
}

.details__button::after {
  content: "";
  width: 2px;
  height: 16px;
  border-radius: 2px;
  background-color: rgb(22, 109, 109);
  overflow: hidden;
  position: absolute;
  top: 8px;
  left: 15px;
  transition: 0.3s;
}

.details__question-wrapper.active .details__button::before {
  transform: rotate(-180deg);
  background-color: rgb(22, 109, 109);
}

.details__question-wrapper.active .details__button::after {
  transform: rotate(270deg);
  background-color: rgb(22, 109, 109);
}

.details__answer {
  max-height: 0;
  overflow: hidden;
  transition: 0.3s;
}

.details__answer-inner {
  color: #545454;
  border-radius: 15px;
  font-weight: 400;
  font-size: clamp(1rem, 0.65rem + 0.8vw, 1.25rem);
  margin-block-start: 15px;
}

@media screen and (width <=900px) {
  .details__desc {
    font-size: 18px;
  }

  .details__inner {
    padding: 12px;
    border-radius: 12px;
  }

  .details__list {
    gap: 12px;
  }

  .details__code {
    margin-block-end: 12px;
  }

  .details__cards {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .details__list li {
    padding-block-start: 12px;
  }
}

@media screen and (width <=600px) {
  .details__cards {
    grid-template-columns: 1fr;
  }
}


.calcPage__section.calcPagebanner {
  padding: 40px 48px;
  background-color: #166D6D0F;
  border-radius: 20px;
}

.calcPage__section-wrap {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

span.calcPage__pulse {
  width: 20px;
  height: 20px;
  background-color: #166D6D1A;
  display: flex;
  border-radius: 20px;
  align-items: center;
  justify-content: center;
}

.calcPage__pulse span {
  width: 10px;
  height: 10px;
  background-color: #166D6D;
  border-radius: 20px;
}

.calcPage__bage {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

.calcPagebanner__tag {
  background-color: #FFFFFF;
  padding: 7px 20px;
  border-radius: 40px;
}

.calcPagebanner__tags,
.calMap__bottombages {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.calcPageCalc__test.calTest {
  padding: 30px 20px;
  border: 1px #D6D6D6 solid;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.calcPage__section.calcPageCalc .calcPage__section-wrap {
  flex-direction: row;
  align-items: flex-start;
  position: relative;
  gap: 20px;
}

.calcPage__section.calcPagebanner {
  margin-bottom: 50px;
}

.calcPageCalc__map.calMap {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 29px 32px;
  background-color: #166D6D0F;
  border-radius: 15px;
  min-width: 425px;
  max-width: 425px;
}

.calTest__bage {
  width: fit-content;
  display: flex;
  border: 1px #9E0618 solid;
  padding: 10px 20px;
  border-radius: 50px;
  color: #9E0618;
  font-weight: 700;
}

p.calTest__title,
.calMap__title {
  font-size: 27px;
  font-weight: 700;
}

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

.calTest__item {
  padding: 20px;
  border-radius: 20px;
  border: 1px #166D6D33 solid;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

p.calTest__itemname {
  font-size: 18px;
  font-weight: 600;
}

.calTest__body {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.calMap__bage {
  background-color: #FFFFFF;
  padding: 7px 20px;
  border-radius: 40px;
  color: #166D6D;
  width: fit-content;
  display: flex;
}

.calMap__bottombages span {
  background-color: #166D6D1A;
  padding: 7px 20px;
  border-radius: 40px;
  color: #166D6D;
  width: fit-content;
  display: flex;
}

.calMap__aftertext a {
  font-size: 18px;
  font-weight: 800;
}

.calMap__aftertext {
  text-align: center;
}

.calMap__bottom {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.calMap__bottom .button.button_red.popup-btn {
  padding: 16px;
}

.calTest__itemtext {
  margin-bottom: 20px;
}

.calTest__itemanswers {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

p.calTest__itemanswer {
  padding: 15px 24px;
  background-color: white;
  border: 1px #166D6D solid;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  font-weight: 700;
  color: #166D6D;
}

.active.calTest__itemanswer {
  background-color: #166D6D;
  color: white;
}

.calTest__itemanswer:hover {
  background-color: #166D6D1A;
}

.calTest__rangevalues p {
  font-size: 14px;
}

.calTest__rangevalues {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
  margin-bottom: 10px;
}

.calTest__range {
  width: 100%;
}

.calTest__itemanswers.calTest__itemanswers--range {
  display: block;
}

.calTest__rangevalues span {
  font-size: 24px;
  font-weight: 700;
}

.calTest input[type="range"] {
  accent-color: #9E0618;
  /* Красный цвет */
  width: 100%;
}

.calTest__rangelabels {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}

.calMap__item {
  background-color: white;
  padding: 20px;
  border-radius: 12px;
  border: 1px #166D6D33 solid;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

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

.calMap__procedure {
  font-weight: 600;
  font-size: 24px;
}

.calMap__price {
  font-size: 24px;
  font-weight: 700;
}

.calMap__caption {
  font-size: 14px;
  color: #696969;
}

.calMap__item.calMap__item--why .calMap__caption {
  font-size: 16px;
  color: black;
  font-weight: 700;
}

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

.calMap__text span span {
  color: #166D6D;
}

.calMap__text span {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}

.calMap__item.calMap__item--next {
  border: none;
  gap: 0;
}

.calMap__item.calMap__item--next .calMap__caption {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 700;
  color: black;
  cursor: pointer;
}

.calMap__textwrap {
  padding: 10px 0;
  border-top: 1px #166D6D solid;
  margin-top: 10px;
}

.calMap__item.calMap__item--next .calMap__text {
  transition: 0.3s ease;
  max-height: 0px;
  overflow: hidden;
}

.calMap__item.calMap__item--next .active.calMap__text {
  max-height: 500px;
}

section.calcPage .svo__section.svofaq {
  /* max-width: calc(100% - 465px);*/
  margin-top: 60px;
}

@media(max-width: 1000px) {
  .calcPage__section.calcPageCalc .calcPage__section-wrap {
    flex-direction: column;
  }

  .calTest__body,
  .calTest__itemanswers {
    grid-template-columns: repeat(1, 1fr);
  }

  .calcPageCalc__map.calMap {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
  }

  section.calcPage .svo__section.svofaq {
    max-width: 100%;
    margin-top: 40px;
  }

  .calTest__head {
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  p.calTest__bage {
    font-size: 13px;
  }

  .calcPageCalc__test.calTest {
    border: none;
    padding: 20px 5px;
  }
}

section.calcBlock .calcPage__section-wrap {
  display: flex;
  flex-direction: column !important;
}

section.calcBlock .calcPageCalc__map.calMap {
  min-width: 100%;
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

section.calcBlock .calMap__detailes {

  background-color: white;
  padding: 20px;
  border-radius: 12px;
  border: 1px #166D6D33 solid;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

section.calcBlock .calMap__btns>* {
  padding: 20px 24px !important;
  line-height: 1 !important;
  height: 53px !important;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}

section.calcBlock .calMap__btns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  margin-top: auto;
}

section.calcBlock p.calMap__bage {
  background-color: #166D6D1A;
}

@media(max-width: 1000px) {

  section.calcBlock .calcPage__section-wrap,
  section.calcBlock .calcPageCalc__map.calMap {
    display: flex;
    flex-direction: column !important;
  }

  section.calcBlock .calMap__btns {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
    margin-top: auto;
  }
}

.terms-faq__item span::after {
  content: "";
  position: absolute;
  display: block;
  height: 7px;
  width: 12px;
  background: url(/assets/images/glossary/faq-btn.svg) no-repeat;
  background-position: center;
  background-size: contain;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(180deg);
}

.glossary__banner {
  border-radius: 20px;
  padding: 40px 48px;
  background: rgba(22, 109, 109, 0.06);
  margin-bottom: 50px;
}

.glossary__subtitle {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: #545454;
  margin-bottom: 20px;
  position: relative;
  padding-left: 28px;
}

.glossary__subtitle::before {
  width: 16px;
  height: 16px;
  border-radius: 100%;
  fill: rgba(22, 109, 109, 0.1);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.glossary__subtitle::after {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  fill: #166d6d;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.glossary__title {
  font-weight: 700;
  font-size: 36px;
  line-height: 139%;
  color: #000;
  margin-bottom: 24px;
}

.glossary__breadcrambs {
  padding-top: 30px;
  margin-bottom: 40px;
}

.glossary__breadcrambs ul {
  display: flex;
  align-items: center;
}

.glossary__breadcrambs ul li a {
  font-weight: 400;
  font-size: 14px;
  line-height: 115%;
  color: #166d6d;
}

.glossary__breadcrambs ul li span {
  font-weight: 400;
  font-size: 14px;
  line-height: 115%;
  color: #000;
}

.glossary__breadcrambs ul li a:after {
  content: "→";
  padding: 0 5px;
  color: #000;
}

.glossary__search-input {
  border: 1px solid #d6d6d6;
  border-radius: 27px;
  padding: 20px 27px 20px 53px;
  width: 100%;
}

.glossary__search-input::placeholder {
  font-weight: 400;
  font-size: 16px;
  color: #696969;
}

.glossary__search-form {
  position: relative;
  display: flex;
  gap: 14px;
  width: 100%;
  margin-bottom: 24px;
}


.glossary__search-form img {
  position: absolute;
  left: 27px;
  top: 50%;
  transform: translateY(-50%);
}

.glossary__search-button {
  border-radius: 27px;
  padding: 20px 27px;
  background-color: #166d6d;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  color: #fff;
  transition: color .3s, background-color .3s;
}

.glossary__search-button:hover {
  background-color: #fff;
  color: #166d6d;
}

.glossary__search-alphabet {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.search-alphabet__item {
  border-radius: 40px;
  padding: 10px 20px;
  background-color: rgba(22, 109, 109, 0.1);
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #166d6d;
  cursor: pointer;
  transition: color .3s, background-color .3s;
}

.search-alphabet__item:hover {
  color: #dee8e8;
  background-color: #166d6d;
}

@media (max-width: 995px) {
  .glossary__banner {
    border-radius: 16px;
    padding: 18px 20px;
    margin-bottom: 80px;
  }

  .glossary__subtitle {
    font-size: 16px;
    margin-bottom: 17px;
  }

  .glossary__title {
    font-size: 24px;
  }

  .glossary__breadcrambs {
    padding-top: 12px;
    margin-bottom: 32px;
  }

  .glossary__breadcrambs ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    grid-area: 5px;
  }

  .glossary__search-input {
    padding: 20px 24px;
  }

  .glossary__search-input::placeholder {
    font-size: 14px;
  }

  .glossary__search-form {
    gap: 0px;
  }

  .glossary__search-button,
  .glossary__search-form img {
    display: none;
  }

  .search-alphabet__item {
    padding: 8px 20px;
  }

  .glossary__search-alphabet {
    gap: 8px;
  }

}

.glossary__main {
  display: flex;
  gap: 24px;
}

.glossary__catalogue {
  width: 61%;
  background: rgba(22, 109, 109, 0.06);
  border-radius: 20px;
  opacity: 1;
  padding: 32px 40px;
}

.glossary__info {
  width: 37%;
  border-radius: 20px;
  background: rgba(22, 109, 109, 0.06);
  padding: 24px 32px;
}

.glossary__catalogue-top .glossary__global-subtitle {
  margin-bottom: 0;
}

.glossary__global-subtitle {
  font-weight: 700;
  font-size: 20px;
  color: #000;
  margin-bottom: 24px;
}

.glossary__catalogue-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 24px;
  margin-bottom: 24px;
}

.glossary__catalogue-filter {
  font-weight: 400;
  font-size: 14px;
  color: #696969;
}

.glossary__catalogue-tabs {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 32px;
}

.glossary__catalogue-tab {
  border-radius: 12px;
  padding: 10px 20px;
  background-color: rgba(22, 109, 109, 0.1);
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  color: #166d6d;
  transition: color .3s, background-color .3s;
  cursor: pointer;
}

.glossary__catalogue-tab:hover,
.glossary__catalogue-tab.active {
  background: #166d6d;
  color: #fff;
}

@media (max-width: 995px) {

  .glossary__main {
    flex-wrap: wrap;
  }

  .glossary__global-subtitle {
    font-size: 18px;
    margin-bottom: 20px;
  }

  .glossary__catalogue {
    width: 100%;
    border-radius: 16px;
    opacity: 1;
    padding: 18px 20px;
    background: #f1f7f7;
  }

  .glossary__info {
    width: 100%;
    padding: 18px 20px;
    border-radius: 16px;
  }

  .glossary__catalogue-top {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  .glossary__catalogue-tabs {
    margin-bottom: 20px;
    gap: 8px;
  }
}

.glossary__catalogue-terms {
  gap: 20px;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 24px;
  padding-bottom: 24px;
}

.glossary__catalogue-term {
  border-radius: 16px;
  background: #fff;
  padding: 16px 20px;
}

.catalogue-term__alphabet {
  border: 1px solid rgba(22, 109, 109, 0.1);
  border-radius: 8px;
  background: rgba(22, 109, 109, 0.1);
  font-weight: 700;
  font-size: 24px;
  color: #166d6d;
  width: 51px;
  height: 51px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.catalogue-term__top {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}

.catalogue-term__top div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 8px;
}

.catalogue-term__title {
  font-weight: 700;
  font-size: 18px;
  color: #000;
}

.catalogue-term__count {
  font-weight: 400;
  font-size: 14px;
  color: #696969;
}

@media (max-width: 995px) {
  .glossary__catalogue-terms {
    gap: 12px;
    margin-bottom: 20px;
    padding-bottom: 0;
    border-bottom: 0px solid rgba(0, 0, 0, 0.1);
  }

  .glossary__catalogue-term {
    border-radius: 12px;
  }

  .catalogue-term__alphabet {
    border-radius: 8px;
    width: 46px;
    height: 46px;
    font-size: 20px;
  }

  .catalogue-term__title {
    font-size: 16px;

  }

  .catalogue-term__top {
    margin-bottom: 25px;
  }
}

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

.catalogue-term__item {
  flex: 0 0 calc((100% - 20px)/2);
  border-radius: 12px;
  background-color: #f1f7f7;
  padding: 16px 20px;
  transition: background-color .3s;
}

.catalogue-term__item:hover {
  background-color: #beeeee;
}

.catalogue-term__item-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  gap: 5px;
  align-items: flex-start;
}

.catalogue-term__item-title {
  font-weight: 600;
  font-size: 18px;
  color: #000;
}

.catalogue-term__item-tag {
  border-radius: 40px;
  padding: 10px 20px;
  background: #fff;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #166d6d;
}

.catalogue-term__item-descp {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #696969;
}

@media (max-width: 995px) {
  .catalogue-term__items {
    gap: 12px;
  }

  .catalogue-term__item {
    flex: 0 0 100%;
    border-radius: 8px;
    padding: 12px 16px;
  }

  .catalogue-term__item-top {
    flex-wrap: wrap;
  }

  .catalogue-term__item-title {
    font-size: 16px;
  }

  .catalogue-term__item-tag {
    background: #f1f7f7;
    font-size: 14px;
  }
}

@media (max-width: 995px) {
  .catalogue-term__item-top {
    flex-direction: column-reverse;
    align-items: start;
  }
}

.glossary__catalogue-info {
  font-weight: 400;
  font-size: 14px;
  color: #696969;
  margin-bottom: 24px;
}

.glossary__catalogue-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  position: relative;
}

.glossary__catalogue-btns {
  display: flex;
  align-items: center;
  gap: 12px;
}

.glossary__catalogue-btn {
  border-radius: 12px;
  width: 89px;
  height: 42px;
  background-color: rgba(22, 109, 109, 0.1);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  color: #166d6d;
  transition: color .3s, background-color .3s;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.glossary__catalogue-btn.active {
  color: #fff;
  background-color: #166d6d;
}

.glossary__catalogue-btn:hover {
  color: #fff;
  background-color: #166d6d;
}

.glossary__catalogue-pages {
  display: flex;
  align-items: center;
  gap: 12px;
}

.glossary__catalogue-page {
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 42px;
  background: rgba(22, 109, 109, 0.1);
  font-weight: 600;
  font-size: 18px;
  line-height: 140%;
  color: #166d6d;
  cursor: pointer;
}

.glossary__catalogue-page:hover {
  color: #fff;
  background-color: #166d6d;
}

.glossary__catalogue-num {
  font-weight: 400;
  font-size: 14px;
  color: #696969;
}

.glossary__catalogue-btn svg {
  display: none;
}

@media (max-width: 688px) {
  .glossary__catalogue-nums {
    position: absolute;
    bottom: -28px;
    left: 0;
  }

  .glossary__catalogue-btn {
    font-size: 0;
    width: 37px;
    height: 40px;
  }

  .glossary__catalogue-btn svg {
    display: block;
  }

  .glossary__catalogue-btn:hover svg path {
    stroke: white;
  }

  .glossary__catalogue {
    padding-bottom: 44px;
  }

  .glossary__catalogue-btn--next {
    position: absolute;
    right: 0;
  }

  .glossary__catalogue-btn--prev {
    position: absolute;
    left: 0;
  }

  .glossary__catalogue-nav {
    justify-content: center;
    align-items: center;
  }

  .glossary__catalogue-page {
    width: 33px;
    height: 40px;
  }
}

.info-help,
.popular-terms,
.glossary__info-category {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 32px;
  padding-bottom: 32px;
}

.terms-faq__title,
.info-help__title,
.info-category__title,
.popular-terms__title {
  font-weight: 600;
  font-size: 22px;
  color: #000;
  margin-bottom: 24px;
}

.popular-terms__items {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.popular-terms__item {
  border-radius: 12px;
  background: #fff;
  padding: 16px 20px;
  border: 2px solid white;
  transition: border .3s;
  flex: 0 0 calc((100% - 16px)/2);
  cursor: pointer;
}

.popular-terms__item-name {
  font-weight: 600;
  font-size: 18px;
  color: #000;
  margin-bottom: 12px;
}

.popular-terms__item-desc {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #696969;
}

.popular-terms__item:hover {
  border: 2px solid rgba(22, 109, 109, 0.2);
}

@media (max-width: 995px) {

  .info-help,
  .glossary__info-category,
  .popular-terms {
    margin-bottom: 24px;
    padding-bottom: 24px;
  }

  .terms-faq__title,
  .info-help__title,
  .info-category__title,
  .popular-terms__title {
    font-size: 18px;
    margin-bottom: 20px;
  }

  .popular-terms__item {
    padding: 12px 16px;
  }

  .popular-terms__item-name {
    font-size: 16px;
  }
}

@media (max-width: 555px) {
  .popular-terms__item {
    flex: 0 0 100%;
  }
}

.info-category__items {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.info-category__item {
  border-radius: 40px;
  padding: 6px 18px;
  background-color: rgba(22, 109, 109, 0.1);
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #166d6d;
  border: 1px solid rgba(22, 109, 109, 0.1);
  transition: border .3s, background-color .3s;
}

.info-category__item:hover {
  color: #dde8e8;
  background-color: #166d6d;
}

@media (max-width: 475px) {
  .info-category__item {
    width: 100%;
    text-align: center;
  }
}

.info-help__subtitle {
  font-weight: 600;
  font-size: 16px;
  color: #000;
  margin-bottom: 8px;
}

.info-help__desc {
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
}

.info-help__btns {
  display: flex;
  gap: 16px;
}

.info-help__btn {
  border-radius: 27px;
  padding: 20px 24px;
  flex: 0 0 calc((100% - 16px)/2);
  font-weight: 700;
  font-size: 16px;
  line-height: 115%;
  text-align: center;
  color: #fff;
  transition: background-image .3s, color .3s;
  cursor: pointer;
}

.info-help__btn--consultation {
  background-image: linear-gradient(0deg, #c80018 0%, #df001a 50%, #9e0618 100%);
}

.info-help__btn--link {
  background-image: linear-gradient(0deg, #3dd9ab 0%, #07ac7c 100%);
}

.info-help__btn--consultation:hover {
  color: #df001a;
  background-image: linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
}

.info-help__btn--link:hover {
  color: #07ac7c;
  background-image: linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
}

@media (max-width: 475px) {
  .info-help__subtitle {
    font-size: 14px;
    margin-bottom: 3px;
  }

  .info-help__desc {
    font-size: 14px;
    margin-bottom: 16px;
  }

  .info-help__btns {
    gap: 8px;
    flex-wrap: wrap;
  }

  .info-help__btn {
    flex: 0 0 100%;
  }
}

.terms-faq__items {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.terms-faq__item {
  border-radius: 20px;
  padding: 20px 22px;
  background: #fff;
  overflow: hidden;
}

.terms-faq__item-question {
  font-weight: 700;
  font-size: 18px;
  color: #000;
  transition: padding .3s;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  gap: 12px;
}

.terms-faq__item-question span {
  background-color: #1BBC8D;
  width: 24px;
  height: 24px;
  position: relative;
  display: flex;
  flex-shrink: 0;
  transition: background-color .3s;
  border-radius: 50%;
}

.terms-faq__item.active .terms-faq__item-question span {
  background-color: #c1c1c1;
}

.terms-faq__item.active .terms-faq__item-question {
  padding-bottom: 16px;
}

.terms-faq__item-answer {
  font-weight: 400;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  max-height: 0;
  transition: opacity .3s, max-height .3s;
}

.terms-faq__item.active .terms-faq__item-answer {
  opacity: 1;
  max-height: 600px;
}

.terms-faq__item.active span::after {
  transform: translate(-50%, -50%) rotate(0deg);
  transition: transform .3s;
}

.terms-faq__item span::after {
  transition: transform .3s;
}

@media (max-width: 995px) {
  .terms-faq__items {
    gap: 8px;
  }

  .terms-faq__item {
    border-radius: 16px;
  }

  .terms-faq__item-question {
    font-size: 16px;
  }

  .terms-faq__item.active .terms-faq__item-question {
    padding-bottom: 12px;
  }

  .terms-faq__item-answer {
    font-size: 14px;
  }
}

.melated-materials__item-time::after {
  content: "";
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  background: url('/assets/images/glossary/clock.svg') no-repeat;
  background-position: center;
  background-size: contain;
}

.melated-materials__item-date::after {
  content: "";
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  background: url('/assets/images/glossary/calendar.svg') no-repeat;
  background-position: center;
  background-size: contain;
}

.glossary__desc {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: #545454;
  margin-bottom: 32px;
}

.glossary__additionals {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.glossary__additional {
  border-radius: 40px;
  padding: 10px 20px;
  background: #fff;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #545454;
}

.glossary__additional:first-child {
  color: #166d6d;
}

@media (max-width: 995px) {
  .glossary__desc {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .glossary__additional {
    font-size: 14px;
    padding: 8px 20px;
  }
}

.glossary__content {
  width: 61%;
  background: rgba(22, 109, 109, 0.06);
  border-radius: 20px;
  padding: 32px 40px;
}

.glossary__text-block {
  margin-bottom: 40px;
}

.terms-faq__title,
.melated-materials h2,
.glossary__text-block h2 {
  font-weight: 700;
  font-size: 24px;
  color: #000;
  margin-top: 0px;
  margin-bottom: 20px;
  text-align: left;
}

.melated-materials h2::after,
.glossary__text-block h2::after {
  display: none;
}

.glossary__text-block p {
  font-weight: 400;
  font-size: 18px;
  color: #696969;
  margin-bottom: 16px;
}

.glossary__text-block ul {
  padding-left: 0px;
  padding-bottom: 16px;
  margin-bottom: 0;
}

.glossary__text-block ul li {
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  color: #545454;
}

.glossary__text-block ul li::before {
  background-color: #166d6d;
}

.glossary__text-block--top {
  border-radius: 12px;
  padding: 20px 24px 0 24px;
  background: #fff;
}

@media (max-width: 995px) {

  .melated-materials__links h2,
  .terms-faq__title,
  .melated-materials h2,
  .glossary__text-block h2 {
    font-size: 20px;
  }

  .glossary__content {
    width: 100%;
    border-radius: 16px;
    opacity: 1;
    padding: 20px;
    background: #f1f7f7;
  }

  .terms-faq__title,
  .glossary__text-block h2 {
    font-size: 20px;
    text-align: left;
  }

  .glossary__text-block ul li,
  .glossary__text-block p {
    font-size: 14px;
  }
}

.melated-materials__links {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.melated-materials__links a {
  border-radius: 40px;
  padding: 8px 20px;
  background-color: #fff;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #166d6d;
  border: 1px solid #166d6d;
  transition: color .3s, background-color .3s;
  text-decoration: none;
  flex-shrink: 0;
  height: fit-content;
}

.melated-materials__links a:hover {
  color: white;
  background-color: #166d6d;
}

.melated-materials__links h2 {
  margin-bottom: 0px;
}

.melated-materials {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.melated-materials__item {
  border-radius: 12px;
  background: #fff;
  padding: 20px;
  flex: 0 0 calc((100% - 20px)/2);
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  cursor: pointer;
  text-decoration: none;
  border: 2px solid #ffffff;
  transition: border .3s;
}

a.melated-materials__item:hover {
  border: 2px solid #166d6d;
}

.melated-materials .melated-materials__item {
  text-decoration: none;
}

.melated-materials__item-tag {
  border-radius: 40px;
  padding: 10px 20px;
  background: rgba(22, 109, 109, 0.1);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #166d6d;
  margin-bottom: 16px;
  width: fit-content;
}

.melated-materials__item-title {
  font-weight: 700;
  font-size: 18px;
  color: #000;
  margin-bottom: 12px;
}

.melated-materials__item-subtitle {
  font-weight: 400;
  font-size: 16px;
  color: #696969;
  margin-bottom: 32px;
}

.melated-materials__item-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.melated-materials .melated-materials__item-date,
.melated-materials .melated-materials__item-time {
  position: relative;
  padding-left: 32px;
  font-weight: 400;
  font-size: 14px;
  color: #696969;
  margin-bottom: 0px;
}

.melated-materials__item-date::after,
.melated-materials__item-time::after {
  left: 0;
  top: 0;
}


.melated-materials__top {
  width: 100%;
}

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

@media (max-width: 1200px) {
  .melated-materials__item {
    flex: 0 0 100%;
  }
}

@media (max-width: 995px) {
  .melated-materials {
    gap: 12px;
  }

  .melated-materials__item {
    border-radius: 12px;
    padding: 16px 20px;
  }

  .melated-materials__item-title {
    font-size: 16px;
    margin-bottom: 8px;
  }

  .melated-materials__item-subtitle {
    font-size: 14px;
    margin-bottom: 20px;
  }
}

@media (max-width: 500px) {
  .melated-materials__item-date span {
    display: none;
  }
}

.melated-materials__item-btn {
  border-radius: 27px;
  padding: 20px 24px;
  font-weight: 700;
  font-size: 16px;
  line-height: 115%;
  text-align: center;
  flex: 0 0;
  color: #fff;
  height: 58px;
  transition: background .3s, color .3s, border .3s;
  border: 1px solid #df001a;
  cursor: pointer;
  background: linear-gradient(0deg, #c80018 0%, #df001a 50%, #9e0618 100%);
}

.melated-materials__item-btn:hover {
  color: #df001a;
  background: linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
}

.melated-materials__item ul {
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  color: #545454;
}

.melated-materials__item ul li::before {
  background-color: #166d6d;
}

.glossary__content blockquote {
  border-radius: 12px;
  padding: 16px 20px;
  background: #fff;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  color: #545454;
  margin-bottom: 40px;
  border: none;
  font-style: normal;
}

.glossary__content blockquote::before {
  display: none;
}

.glossary__content blockquote span {
  font-weight: 600;
  color: #e5072d;
}

.glossary__content .terms-faq__item .terms-faq__item-question {
  border-bottom: 2px solid white;
  margin-bottom: 0px;
}

.glossary__content .terms-faq__item.active .terms-faq__item-question {
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 16px;
}

.glossary__content .terms-faq__item .terms-faq__item-answer {
  margin-bottom: 0;
}

.glossary__content .terms-faq {
  margin-bottom: 20px;
  padding-bottom: 32px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

@media (width <=995px) {
  .glossary__content blockquote {
    font-size: 16px;
  }
}

.glossary__content-reference {
  font-weight: 400;
  font-size: 14px;
  color: #696969;
}

.glossary__column {
  width: 37%;
}

.glossary__column-item {
  border-radius: 20px;
  background: rgba(22, 109, 109, 0.06);
  padding: 32px;
  margin-bottom: 40px;
}

.glossary__column .content-table__content {
  padding: 0px;
  flex-direction: column-reverse;
  background-color: rgb(255 255 255 / 5%);
}

.glossary__column .content-table .author {
  padding: 16px 20px;
  border-radius: 12px;
}

.glossary__column .content-table__title {
  font-weight: 600;
  font-size: 24px;
  color: #000;
}

.glossary__column .content-table__navigation li a {
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  line-height: 140%;
  color: #545454;
}

.glossary__column .content-table__navigation li a:hover {
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: #166d6d;
}

.glossary__column .content-table__navigation li::before {
  content: "";
  width: 6px;
  margin-right: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
  background-color: #166d6d;
  margin-bottom: 3px;
}

@media (width <=995px) {
  .glossary__column .content-table__title {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .glossary__column {
    width: 100%;
  }

  .glossary__column-item {
    width: 100%;
    border-radius: 16px;
    padding: 20px;
  }
}

.glossary__column .info-help {
  border-bottom: 0px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.related-term__title {
  font-weight: 600;
  font-size: 22px;
  color: #000;
  margin-bottom: 24px;
}

.related-term__items {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.related-term__item {
  padding: 20px 22px;
  background: #fff;
  border-radius: 12px;
  cursor: pointer;
}

.related-term__item-title {
  font-weight: 700;
  font-size: 18px;
  color: #000;
  margin-bottom: 12px;
}

.related-term__item-text {
  font-weight: 400;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
}

.related-term__item-title span {
  color: #166d6d;
}

@media (width<=995px) {
  .related-term__title {
    font-size: 20px;
  }
}

.related-term__item {
  border: 2px solid #ffffff;
  transition: border .3s;
}

.related-term__item:hover {
  border: 2px solid #166d6d;
}

@media (max-width: 1080px) {
  .glossary__main .content-table__content {
    padding: 0px;
    flex-direction: column-reverse;
    gap: 0px;
    max-width: 100%;
    background: #f1f7f7;
  }

  .glossary__main .table__author-wrap {
    margin-bottom: 20px;
  }

  .glossary__main .content-table__title {
    color: #000;
    font-size: 20px;
  }

  .glossary__main .content-table__navigation li::before {
    content: "";
    width: 6px;
    margin-right: 6px;
    height: 6px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    background-color: #166d6d;
    margin-bottom: 3px;
  }
}

.glossary {
  margin-bottom: 100px;
}

@media (max-width: 995px) {
  .glossary {
    margin-bottom: 50px;
  }

  .glossary__banner {
    margin-bottom: 20px;
  }

  .glossary .table__author-wrap {
    margin-bottom: -5px;
  }
}

.glossary .table__author-wrap {
  background-color: #f1f6f6;
}

.glossary__column .content-table .author:first-child {
  margin-bottom: 20px;
}

.glossary .content-table .author {
  margin-bottom: 20px;
}

.header__col_img::before {
  content: '';
  display: block;
  width: 21px;
  height: 23px;
  background-image: url('/netcat_template/template/domains/assets/img/icons/placeholder-icon.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.header__col_phones--icon::before {
  content: '';
  display: block;
  width: 19px;
  height: 21px;
  background-image: url('/netcat_template/template/domains/assets/img/icons/phone-icon.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.glossary__text-block ol li {
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  color: #545454;
}

.glossary__text-block ol {
  padding-left: 0px;
}

.glossary__text-block ol li::marker {
  color: #166d6d;
  font-weight: 700;
}

@media (max-width: 995px) {
  .glossary__text-block ol li {
    font-size: 14px;
  }
}


.active.calTest__itemanswer:hover {
  background-color: #166D6D;
  color: white;
}

.calcBlock .calcPage__section-wrap {
  gap: 20px;
}

a.converse__item.converse__item_calc picture.converse__icon {
  align-items: center;
}


@media (max-width: 1155px) {
  a.converse__item.converse__item_calc {
    /* position: fixed; */
    /* bottom: 200px; */
    /* right: 0; */
    /* background-color: #17706e; */
    /* border-radius: 40px 0 0 40px; */
    /* padding: 10px; */
    /* display: flex; */
    /* flex-direction: row; */
    /* align-items: center; */
    /* justify-content: flex-end; */
  }

  a.converse__item.converse__item_calc .converse__icon svg {
    margin-top: 0px;
  }

  a.converse__item.converse__item_calc .converse__text {
    color: #fff;
  }

  a.converse__item.converse__item_calc picture.converse__icon {
    align-items: center;
    padding: 5px;
  }

  a.converse__item.converse__item_calc:hover .converse__icon {
    background-color: transparent;
  }

  a.converse__item.converse__item_calc:hover {
    background-color: #e34759;
  }
}

@media (max-width: 650px) {
  a.converse__item.converse__item_calc .converse__text {
    color: #fff;
    display: none;
  }
}

@media (min-width: 1156px) {
  a.converse__item.converse__item_calc:hover path {
    stroke: #17706e;
  }
}

p.calMap__aftertext a:hover {
  color: #17706e;
}

p.calMap__aftertext {
  display: flex;
  flex-direction: column;
}

.glossary__column-item--help.fixed {
  position: sticky;
}

.glossary__column-item--help {
  background: #f1f8ff;
}

.melated-materials__baner {
  border-radius: 16px;
  background: #166d6d;
  padding: 20px 24px;
}

.melated-materials__baner-title {
  font-weight: 600;
  font-size: 24px;
  color: #fff;
  margin-bottom: 12px;
}

.melated-materials__baner-desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #fff;
  margin-bottom: 30px;
}

.melated-materials__baner-btn {
  width: 356px;
  height: 58px;
  background: linear-gradient(0deg, #3dd9ab 0%, #07ac7c 100%);
  color: #fff;
  border: 1px solid #3dd9ab;
}

.melated-materials__baner-btn:hover {
  color: #3dd9ab;
}

.melated-materials__baner {
  position: relative;
  margin-bottom: 40px;
}

.melated-materials__baner-img {
  position: absolute;
  top: 0;
  right: 151px;
}

.melated-materials__baner-img--big {
  position: absolute;
  bottom: 0;
  right: 0;
  top: auto;
}

@media (width<=995px) {
  .melated-materials__baner-title {
    font-size: 20px;
  }

  .melated-materials__baner-desc {
    font-size: 14px;
  }
}

@media (width<=555px) {
  .melated-materials__baner-btn {
    width: 100%;
    height: 58px;
  }

  .melated-materials__baner-img {
    position: absolute;
    left: 0;
  }

  .melated-materials__baner-img--big {
    left: auto;
  }
}

.stories {
  background-color: #ffffff;
  padding: 40px 16px;
  max-width: 1320px;
  margin: 0 auto;
  box-sizing: border-box;
}

.stories__title::before,
.stories__title::after {
  content: "";
  display: none;
  height: 3px;
  flex-grow: 1;
  background: repeating-linear-gradient(90deg,
      #c80018,
      #c80018 10px,
      transparent 10px,
      transparent 14px);
}

.stories__slider {
  display: flex;
  align-items: center;
  position: relative;
  gap: 20px;
}

.stories__container {
  overflow: hidden;
  width: 100%;
}

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

.stories__card {
  background-color: #f8f8f8;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex: 0 0 100%;
  box-sizing: border-box;
}

.stories__image-wrapper {
  position: relative;
  width: 100%;
  height: 220px;
}

.stories__picture {
  display: block;
  width: 100%;
  height: 100%;
}

.stories__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
}

.stories__badge {
  position: absolute;
  left: 16px;
  bottom: 16px;
  background-color: #ffffff;
  color: #000000;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 16px;
  font-weight: 500;
}

.stories__content {
  padding: 24px 16px 16px 16px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.stories__card-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 12px 0;
  color: #000000;
}

.stories__card-text {
  font-size: 18px;
  line-height: 1.4;
  color: #666666;
  margin: 0 0 24px 0;
  flex-grow: 1;
}

.stories__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #e5e5e5;
  padding-top: 14px;
}

.stories__age {
  font-size: 16px;
  color: #666666;
}

.stories__link {
  color: #c80018;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.stories__link::after {
  content: "→";
}

.stories__link:hover {
  color: #9f0013;
  text-decoration: underline;
}

.stories__arrow {
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #166d6d;
  border: none;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.stories__arrow::before {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
}

.stories__arrow_prev::before {
  transform: rotate(-135deg);
  margin-left: 3px;
}

.stories__arrow_next::before {
  transform: rotate(45deg);
  margin-right: 3px;
}

.stories__dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 20px;
}

.stories__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #dddddd;
}

.stories__dot_active {
  background-color: #07ac7c;
}

.stories__action {
  margin-top: 32px;
  text-align: center;
}

.stories__btn {
  display: inline-block;
  background: linear-gradient(0deg, #3dd9ab 0%, #07ac7c 100%);
  color: #ffffff;
  text-decoration: none;
  padding: 14px 32px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 600;
  width: 100%;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .stories {
    padding: 60px 40px;
  }

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

  .stories__badge {
    font-size: 14px;
  }

  .stories__age,
  stories__link,
  stories__card-text {
    font-size: 16px;
  }

  .stories__track {
    gap: 24px;
  }

  .stories__card {
    flex: 0 0 calc((100% - 48px) / 3);
  }

  .stories__image-wrapper {
    height: 200px;
  }

  .stories__arrow {
    display: flex;
  }

  .stories__dots {
    display: none;
  }

  .stories__btn {
    width: auto;
  }
}

a.converse__item.converse__item_calc .converse__text {
  color: #000000;
  display: block;
}

.bitrix-chat-custom-btn {
  bottom: 151px;
}

.ending__btnred--tg {
  background: #208ef2;
  box-shadow: 0 4px 15px rgb(32 142 242);
}

.ending__btnred--tg:hover {
  box-shadow: #208ef2 0px 1px 5px;
}


.howTo {
  margin-bottom: 100px;
}

.howTo__titleblock {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-bottom: 48px;
}

.howTo__tag {
  padding: 7px 20px;
  color: #166D6D;
  font-size: 16px;
  background: rgba(22, 109, 109, 0.1);
  width: -moz-max-content;
  width: max-content;
  border-radius: 40px;
}

.howTo__title {
  font-size: 36px;
  line-height: 50px;
  font-weight: 700;
  color: #000000;
  max-width: 812px;
}

.howTo__text {
  font-size: 18px;
  line-height: 100%;
  color: #545454;
}

.howTo__inner {
  display: flex;
  gap: 60px;
}

.howTo__content {
  width: 100%;
  box-shadow: 0px 20px 70px 0px rgba(0, 0, 0, 0.1019607843);
  border-radius: 30px;
  padding: 30px;
}

.howTo__content-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

.howTo__content-title {
  font-size: 24px;
  font-weight: 600;
  color: #000;
}

.howTo__content-item {
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 26px 0;
  border-top: 1px solid #D8D8D8;
}

.howTo__content-item__num {
  width: 80px;
  height: 80px;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #E8EEEE;
  font-size: 24px;
  font-weight: 700;
  color: #166D6D;
  flex-shrink: 0;
}

.howTo__content-item__texts {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.howTo__content-item__title {
  font-size: 24px;
  font-weight: 600;
}

.howTo__content-item__text {
  line-height: 22px;
  font-size: 16px;
  color: #545454;
}

.howTo__right {
  width: 415px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.howTo__right-window {
  padding: 30px;
  border-radius: 20px;
  background: #E8EEEE;
}

.howTo__right-window.transparent {
  background: transparent;
  border: 1px solid #3DD9AB;
}

.howTo__right-window__title {
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: 600;
}

.howTo__right-window__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.howTo__right-window__item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.howTo__right-window__item span {
  font-size: 18px;
  line-height: 100%;
  color: #545454;
}

.howTo__right-window__item svg {
  flex-shrink: 0;
  position: relative;
  top: 4px;
}

.howTo__right-window__text {
  font-size: 18px;
  line-height: 100%;
  color: #545454;
}

@media (max-width: 1110px) {
  .howTo__inner {
    flex-direction: column;
  }

  .howTo__right {
    width: 100%;
  }
}

@media (max-width: 680px) {
  .howTo {
    margin-bottom: 60px;
  }

  .howTo__titleblock {
    gap: 15px;
    margin-bottom: 30px;
  }

  .howTo__title {
    font-size: 24px;
    line-height: 100%;
  }

  .howTo__text {
    font-size: 16px;
  }

  .howTo__content {
    padding: 15px;
    border-radius: 20px;
  }

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

  .howTo__content-top {
    margin-bottom: 24px;
  }

  .howTo__content-item__num {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }

  .howTo__content-item {
    align-items: flex-start;
    padding: 15px 0;
  }

  .howTo__content-item__title {
    font-size: 20px;
  }

  .howTo__inner {
    gap: 30px;
  }

  .howTo__right-window__title {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .howTo__right-window {
    padding: 20px;
  }
}


.popup-exit__content {
  border-radius: 30px;
  padding: 10px;
  max-width: 1126px;
  background: #fff;
}

.popup-exit__close {
  border-radius: 55px;
  padding: 8px 12px;
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
}

.popup-exit__top {
  border-radius: 20px;
  padding: 30px 40px;
  background: #166d6d;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.popup-exit__tags {
  display: flex;
  gap: 8px;
}

.popup-exit__tags li {
  border-radius: 55px;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.1);
  font-weight: 600;
  font-size: 16px;
  color: #fff;
}

.popup-exit__top-right {
  display: flex;
}

.popup-exit__phone {
  font-weight: 600;
  font-size: 24px;
  color: #fff;
  padding-right: 12px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  margin-right: 12px;
}

.popup-exit__wrap {
  display: flex;
}

.popup-exit__left,
.popup-exit__right {
  border-radius: 20px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  flex: 1 0 40%;
}

.popup-exit__right {
  background: rgba(22, 109, 109, 0.08);
}

.popup-exit__title {
  font-weight: 700;
  font-size: 36px;
  line-height: 120%;
  color: #000;
  margin-bottom: 20px;
}

.popup-exit__title span {
  color: #166d6d;
}

.popup-exit__subtitle {
  color: rgba(0, 0, 0, 0.8);
}

.popup-exit__items {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.popup-exit__items li {
  border-radius: 40px;
  padding: 6px 20px 6px 6px;
  background: rgba(22, 109, 109, 0.08);
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
}

.popup-exit__items li::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #166d6d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' viewBox='0 0 11 8'%3E%3Cpath d='M0.516 2.426L4.469 6.19L10.398 0.543' stroke='%23ffffff' stroke-width='1.5' fill='none' /%3E%3C/svg%3E") no-repeat center center;
  background-size: 11px 8px;
  flex-shrink: 0;
}

.popup-exit__form {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(22, 109, 109, 0.1);
}

.popup-exit__form-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  color: #000;
  margin-bottom: 12px;
}

.popup-exit__form-subtitle {
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 28px;
}

.popup-exit__form-wrap {
  max-width: 100%;
}

.popup-exit__form-btns {
  display: flex;
  gap: 8px;
}

.popup-exit__form-btns .button {
  flex-grow: 1;
}

.popup-exit__form-politic {
  display: flex;
  gap: 12px;
}

.popup-exit__form-politic p {
  text-align: left;
  font-weight: 400;
}

.popup-exit__form-politic input[type="checkbox"] {
  position: relative;
  width: 19px;
  height: 19px;
  padding: 0;
  color: #000;
  outline: none;
  border: 1px solid #c80018;
  border-radius: 5px;
  appearance: none;
  cursor: pointer;
  transition: all 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
  flex-shrink: 0;

  &::before {
    position: absolute;
    content: '';
    display: block;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 9px;
    border-style: solid;
    border-color: #c80018;
    border-width: 0 2px 2px 0;
    transform: translate(-50%, -65%) rotate(45deg);
    opacity: 0;
  }

  &:checked {
    background: #fff;
    border: 1px solid #fff;

    &::before {
      opacity: 1;
    }
  }
}

.popup-exit__networks {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.popup-exit__networks-text {
  color: rgba(0, 0, 0, 0.8);
}

.popup-exit__networks-wrap {
  display: flex;
  gap: 4px;
}

.popup-exit__networks-item {
  border-radius: 50px;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-weight: 700;
  font-size: 14px;
  line-height: 129%;
  text-align: center;
  color: #fff;
}

.popup-exit__networks-item.tg {
  background: #27a7e7;
}

.popup-exit__networks-item.max {
  background: linear-gradient(74deg, #4cf 0%, #53e 66.2%, #93d 100%), radial-gradient(50% 121.35% at -2.38% -43.92%, #00f 0%, rgba(0, 0, 0, 0) 100%);
}

@media (max-width: 900px) {
  .popup-exit__wrap {
    flex-direction: column;
  }

  .popup-exit__left,
  .popup-exit__right {
    border-radius: 20px;
    padding: 20px;
  }
}

@media (max-width: 768px) {
  .popup-exit__content {
    border-radius: 20px;
    padding: 4px;
  }

  .popup-exit__close {
    padding: 6px;
    width: 24px;
    height: 24px;
  }

  .popup-exit__top {
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 0;
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 10px;
  }

  .popup-exit__tags {
    gap: 4px;
  }

  .popup-exit__tags li {
    padding: 5px 10px;
    font-size: 12px;
  }

  .popup-exit__top-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .popup-exit__phone {
    font-size: 16px;
    padding: 0;
    border: none;
  }

  .popup-exit__left,
  .popup-exit__right {
    border-radius: 16px;
    padding: 16px;
    gap: 16px;
  }

  .popup-exit__right {
    padding: 24px 16px;
  }

  .popup-exit__title {
    font-size: 24px;
    margin-bottom: 12px;
  }

  .popup-exit__items {
    gap: 4px;
  }

  .popup-exit__items li {
    border-radius: 20px;
    padding: 6px 20px 6px 6px;
    align-items: stretch;
  }

  .popup-exit__items li::before {
    min-height: 24px;
    height: auto;
    border-radius: 40px;
  }

  .popup-exit__form {
    padding-bottom: 12px;
  }

  .popup-exit__form-title {
    font-size: 18px;
    margin-bottom: 8px;
  }

  .popup-exit__form-subtitle {
    margin-bottom: 20px;
  }

  .popup-exit__form-btns {
    flex-direction: column;
  }

  .popup-exit__networks {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .popup-exit__networks-item {
    flex-grow: 1;
  }
}

.news__banner {
  background-color: #166D6D;
  border-radius: 32px;
  padding: 40px;
  box-sizing: border-box;
  color: #FFFFFF;
  display: flex;
  position: relative;
  gap: 40px;
}

.news__banner-left {
  max-width: 716px;
}

.news__banner-tag {
  display: flex;
  gap: 12px;
  padding: 13.5px 20px;
  border-radius: 30px;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.1);
  width: fit-content;
  margin-bottom: 32px;
}

.news__banner-header {
  font-weight: 700;
  font-size: 36px;
  margin-bottom: 16px;
}

.news__banner-subheader {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 100%;
}

.news__promo-help {
  background-color: #FFFFFF;
  padding: 32px;
  border-radius: 20px;
  color: #000000;
}

.news__promo-help button {
  width: 100%;
}

.news__promo-help-title {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 20px;
}

.news__section-head {
  max-width: 600px;
  margin-bottom: 32px;
}

.news__section-head h2 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 16px;
}

.news__section-head p {
  color: rgba(0, 0, 0, 0.8);
}

.news__promo-help-list {
  flex-direction: column;
  display: flex;
  gap: 12px;
  padding-left: 22px;
  list-style-image: url(/netcat_template/template/domains/assets/img/icons/listCheckmark.svg);
  margin-bottom: 32px;
}

.news__categories-tags {
  display: flex;
  gap: 8px;
  margin-bottom: 40px;
  overflow: auto;
  text-wrap: nowrap;
}

.news__categories-tags::-webkit-scrollbar {
  display: none;
}

.news__categories-tags span {
  padding: 15px 24px;
  font-weight: 700;
  font-size: 16px;
  line-height: 13px;
  text-align: center;
  border-radius: 50px;
  border: 1px solid rgba(22, 109, 109, 0.2);
  color: #166D6D;
  display: block;
  transition: 0.3s all;
  cursor: pointer;
}

.news__categories-tags span:hover,
.news__categories-tags span.active {
  background-color: #166D6D;
  color: #FFFFFF;
}

@media (max-width: 768px) {
  .news__section-head {
    margin-bottom: 27px;
  }

  .news__section-head h2 {
    font-size: 18px;
    line-height: 120%;
    margin-bottom: 12px;
  }

  .news__section-head p,
  .news__categories-tags span,
  .news__banner-subheader {
    font-size: 14px;
  }

  .news__banner {
    flex-direction: column;
    padding: 20px;
    gap: 24px;
  }

  .news__banner-tag {
    font-size: 14px;
    margin-bottom: 12px;
    gap: 8px;
    padding: 9.5px 16px;
  }

  .news__banner-header {
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 10px;
  }

  .news__promo-help {
    padding: 16px 20px;
  }

  .news__promo-help-title {
    font-size: 18px;
    margin-bottom: 16px;
  }

  .news__categories-tags {
    margin-bottom: 32px;
  }
}

.news__section-content {
  display: flex;
  gap: 40px;
}

.news__grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr);
}

.news__card,
.news__other-card {
  display: flex;
  flex-direction: column;
  background-color: #F8F8F8;
  border-radius: 20px;
  padding: 20px 24px;
}

.news__card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 26px;
}

.news__date {
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
}

.news__category {
  color: #9E0618;
  font-weight: 600;
  font-size: 16px;
}

.news__card p {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 40px;
}

.news__link {
  margin-top: auto;
  display: flex;
  font-weight: 700;
  font-size: 16px;
  color: #166D6D;
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  transition: 0.3s all;
}

.news__link svg rect,
.news__link svg,
.news__services svg {
  transition: 0.3s all;
}

.news__link:hover svg,
.news__services a:hover svg {
  transform: translateX(4px);
}

.news__link:hover svg rect {
  fill: #9E0618;
}

.news__link:hover {
  color: #9e0618;
}

.news__card-header,
.news__other-header {
  display: block;
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 16px;
  transition: 0.3s all;
}

.news__card-header:hover {
  color: #166D6D;
}

.news__pagination {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}

.news__more-button {
  padding: 18.5px 24px;
  border: 1px solid #166D6D;
  color: #166D6D;
  font-weight: 700;
  font-size: 16px;
  line-height: 13px;
  border-radius: 50px;
  transition: 0.3s all;
}

.news__more-button:hover {
  background-color: #166D6D;
  color: #FFF;
}

.news__pagination-pages {
  display: flex;
  gap: 12px;
  margin-left: auto;
}

.news__page-number {
  font-weight: 700;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all;
  background-color: #F8F8F8;
  color: #166D6D;
  height: 50px;
  width: 50px;
  border-radius: 50%;
}

.news__page-number:hover,
.news__page-number.active {
  background-color: #9E0618;
  color: #FFFFFF;
}

.news__page-number:hover svg path {
  fill: #fff;
}

@media (max-width: 768px) {

  .news__card,
  .news__other-card {
    padding: 16px 20px;
  }

  .news__card-top {
    margin-bottom: 20px;
  }

  .news__date,
  .news__category,
  .news__link,
  .news__more-button {
    font-size: 14px;
  }

  .news__section-content {
    flex-direction: column;
  }

  .news__card-header,
  .news__other-header {
    font-size: 18px;
    margin-bottom: 12px;
  }

  .news__card p,
  .news__other-card p {
    margin-bottom: 24px;
    font-size: 14px;
  }

  .news__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .news__page-number {
    font-size: 18px;
  }

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

.news__right-container {
  background-color: #F8F8F8;
  border-radius: 20px;
  padding: 20px 24px;
}

.news__right-container-header {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 20px;
}

.news__search-field {
  width: 100%;
  position: relative;
  height: 54px;
}

.news__search-field button {
  background-color: #166D6D;
  color: #FFF;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0px;
  top: 0px;
}

.news__search-field input {
  padding: 16px 62px 16px 20px;
  border-radius: 40px;
  background-color: #FFF;
  width: 100%;
  height: 100%;
}

.news__section-right {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1 0 399px;
}

.news__latest {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.news__latest-item:not(:last-child) {
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.news__latest-item span {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  display: block;
  margin-bottom: 12px;
}

.news__latest-item a {
  font-weight: 600;
  font-size: 18px;
  transition: 0.3s all;
}

.news__latest-item a:hover {
  color: #166D6D;
}

.news__services {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.news__services a {
  padding: 17px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  color: #166D6D;
  transition: 0.3s all;
  background-color: rgba(22, 109, 109, 0.05);
  border-radius: 12px;
}

.news__services svg path {
  transition: 0.3s all;
}

.news__services a:hover svg path {
  fill: #FFF;
}

.news__services a:hover {
  background-color: #166D6D;
  color: #FFF;
}

.news__consult-note {
  top: 146px;
  position: sticky;
  background: linear-gradient(135deg, #327E7E 0%, #1D7676 100%);
  border-radius: 20px;
  padding: 20px 24px;
  color: #FFF;
  z-index: 2;
  overflow: hidden;
}

.news__consult-note p {
  font-weight: 600;
  margin-bottom: 12px;
  font-size: 20px;
}

.news__consult-note .button {
  width: 100%;
  margin-top: 24px;
}

.news__consult-note .circle {
  position: absolute;
  bottom: -62px;
  right: -55px;
  background: rgba(255, 255, 255, 0.05);
  width: 178px;
  height: 178px;
  border-radius: 50%;
  z-index: -1;
}

@media (max-width: 768px) {
  .news__right-container {
    padding: 16px 20px;
  }

  .news__right-container-header {
    font-size: 20px;
    margin-bottom: 16px;
  }

  .news__right-container,
  .news__section-right {
    display: none;
  }
}

.news__other-grid {
  display: flex;
  gap: 20px;
}

.news__other-category {
  background-color: #FFFFFF;
  color: #166D6D;
  font-size: 14px;
  border-radius: 50px;
  padding: 12px 20px;
  display: block;
  margin-bottom: 20px;
  width: fit-content;
}

.news__other-card p {
  margin-bottom: 20px;
  color: rgba(0, 0, 0, 0.8);
}

.news__other-links {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 32px;
}

.news__other-links a {
  color: #166D6D;
  font-weight: 600;
  text-decoration: underline;
  transition: 0.3s all;
}

.news__other-links a:hover {
  color: #9E0618;
}

@media (max-width: 768px) {
  .news__other-grid {
    flex-direction: column;
  }

  .news__other-links {
    margin-bottom: 24px;
  }

  .news__other-links a {
    font-size: 14px;
  }
}

.quick-services {
  margin-top: 40px;
  background: rgba(22, 109, 109, 0.05);
  padding: 32px 40px 40px 40px;
  border-radius: 20px;
}

.quick-services h3 {
  font-weight: 600;
  font-size: 28px;
  margin-bottom: 24px;
}

.quick-services-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.quick-services-links a {
  background-color: #FFF;
  padding: 16px 20px;
  border-radius: 50px;
  color: #166D6D;
  font-weight: 600;
  transition: 0.3s all;
}

.quick-services-links a:hover {
  color: #FFF;
  background-color: #166D6D;
}

@media (max-width: 768px) {
  .quick-services {
    padding: 16px 20px;
    margin-top: 32px;
  }

  .quick-services h3 {
    font-size: 20px;
    margin-bottom: 16px;
  }

  .quick-services-links a {
    font-size: 14px;
  }
}

.news__consult {
  background: #F8F8F8;
  border-radius: 20px;
  padding: 32px 20px 32px 40px;
  display: flex;
  gap: 77px;
  justify-content: space-between;
}

.news__consult-left {
  flex: 1;
}

.news__consult-title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 16px;
}

.news__consult-description {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 24px;
  max-width: 564px;
}

.news__consult-form {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

.news__consult-input {
  flex: 1;
  min-width: 493px;
  padding: 18.5px 24px;
  border: 1px solid rgba(22, 109, 109, 0.12);
  border-radius: 40px;
  font-size: 16px;
  outline: none;
  transition: border-color 0.3s ease;
}

.news__consult-input:focus {
  border-color: #166D6D;
}

.news__consult-button {
  transition: background 0.3s ease, transform 0.2s ease;
  white-space: nowrap;
}

.news__consult-privacy {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
}

.news__consult-privacy a {
  color: #166D6D;
  text-decoration: none;
}

.news__consult-privacy a:hover {
  text-decoration: underline;
}

.news__consult-right {
  flex: 0 0 408px;
  background: linear-gradient(135deg, #327E7E 0%, #1D7676 100%);
  border-radius: 20px;
  padding: 24px 32px 32px 32px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.news__consult-right-title {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 16px;
}

.news__consult-right-text {
  font-size: 16px;
  margin-bottom: 32px;
}

.news__consult-right-button {
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.3s ease;
}

.news__consult-section {
  padding-top: 70px;
}

.news__right-container.mobile {
  display: none;
}

@media (max-width: 768px) {
  .news__consult-section {
    padding: 0px;
  }

  .news__consult {
    flex-direction: column;
    padding: 16px 20px;
    gap: 32px;
  }

  .news__consult-right {
    flex: 1;
    width: 100%;
    padding: 16px 20px;
  }

  .news__consult-right-title {
    font-size: 20px;
    margin-bottom: 12px;
  }

  .news__consult-right-text {
    font-size: 14px;
    margin-bottom: 20px;
  }

  .news__consult-title {
    font-size: 18px;
    margin-bottom: 12px;
  }

  .news__consult-description {
    font-size: 14px;
    margin-bottom: 20px;
  }

  .news__consult-input {
    min-width: unset;
    font-size: 14px;
  }

  .news__consult-form {
    gap: 8px;
  }

  .news__consult-form .button {
    width: 100%;
    font-size: 14px;
  }

  .news__right-container.mobile {
    display: block;
    margin-bottom: 32px;
  }
}

.search-news-results {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1000;
  max-height: 220px;
  overflow-y: auto;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-top: none;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
  font-family: 'Segoe UI', Roboto, system-ui, sans-serif;
}

.search-news-results.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.search-result-news-item {
  display: block;
  padding: 10px 16px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.4;
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.15s ease, color 0.15s ease;
  cursor: pointer;
}

.search-result-news-item:last-child {
  border-bottom: none;
}

.search-result-news-item:hover {
  color: #166D6D;
}

.news__promo-help-tel {
  color: #166D6D;
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 20px;
  display: block;
}

.news__promo-help-subtitle {
  margin-bottom: 25px;
}

.news__banner-tags {
  display: flex;
  gap: 12px;
}

.news__banner-tags span {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 30px;
  font-weight: 600;
  padding: 10.5px 20px;
  margin-bottom: 46px;
}

@media (max-width: 768px) {
  .news__banner-tags {
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
  }

  .news__banner-tags span {
    margin: 0px;
    font-size: 14px;
    width: fit-content;
  }

  .news__promo-help-subtitle {
    margin-bottom: 20px;
  }

  .news__promo-help-tel {
    font-size: 18px;
    margin-bottom: 16px;
  }

  .news__promo-help button {
    font-size: 14px;
  }
}

.news__preview-image {
  max-height: 316px;
  width: 100%;
  border-radius: 20px;
  object-fit: cover;
  margin-bottom: 20px;
}

.news__text {
  background-color: #F8F8F8;
  border-radius: 20px;
  padding: 28px 32px;
}

.news__text p {
  margin-bottom: 20px;
  line-height: 130%;
  font-size: 16px;
}

.news__text h2 {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 16px;
}

.news__text h3 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 16px;
}

.news__text .note {
  background: rgba(219, 1, 26, 0.05);
  padding: 20px 24px;
  border-radius: 20px;
  margin-bottom: 32px;
}

.news__text .note span {
  display: block;
  color: #C80018;
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 600;
}

.news__text ul {
  list-style: none;
  margin-bottom: 32px;
}

.news__text ul li {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding-left: 32px;
}

.news__text ul li:not(:last-child) {
  margin-bottom: 16px;
}

.news__text ul li::before {
  content: '';
  position: absolute;
  left: 0;
  width: 21px;
  height: 21px;
  background-image: url('/netcat_template/template/domains/assets/img/news/newsTextListCheck.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.news__text *:last-child {
  margin-bottom: 0;
}

.news__related-container {
  margin-top: 20px;
  display: flex;
  gap: 10px;
  border-radius: 20px;
  overflow: hidden;
  background-color: #166D6D;
  padding: 10px 10px 10px 40px;
}

.news__related-left {
  flex: 1;
  padding: 30px 0px;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.news__related-badge {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.15);
  padding: 8px 20px;
  border-radius: 24px;
  font-size: 14px;
  margin-bottom: 24px;
  width: fit-content;
}

.news__related-title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 16px;
}

.news__related-description {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 32px;
}

.news__related-buttons {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.news__related-buttons button {
  flex: 1;
}

.news__related-btn-secondary {
  padding: 16px 32px;
  border-radius: 32px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  background-color: transparent;
  color: white;
  border: 1px solid white;
}

.news__related-btn-secondary:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.news__related-right {
  flex: 0 0 293px;
  background-color: white;
  padding: 22px 20px;
  display: flex;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
}

.news__related-form-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 8px;
  text-align: center;
}

.news__related-form-subtitle {
  font-size: 16px;
  color: #696969;
  margin-bottom: 24px;
  text-align: center;
  line-height: 120%;
}

.news__related-input {
  width: 100%;
  padding: 16px 20px;
  border: 1px solid rgba(214, 214, 214, 1);
  border-radius: 32px;
  font-size: 16px;
  margin-bottom: 8px;
  outline: none;
  transition: border-color 0.3s ease;
}

.news__related-input:focus {
  border-color: #2dd4a4;
}

.news__related-submit {
  width: 100%;
}

.news__related-checkbox-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  color: #4b5563;
  line-height: 1.5;
}

.news__related-checkbox {
  width: 18px;
  height: 18px;
  accent-color: #2dd4a4;
  margin-top: 2px;
  flex-shrink: 0;
}

.news__related-link {
  color: #1a7a73;
  text-decoration: underline;
  cursor: pointer;
}

.news__related-link:hover {
  color: #2dd4a4;
}

@media (max-width: 768px) {
  .news__text {
    padding: 16px 20px;
  }

  .news__text p {
    font-size: 14px;
  }

  .news__text h2 {
    font-size: 20px;
  }

  .news__text h3 {
    font-size: 18px;
  }

  .news__text .note {
    font-size: 14px;
    padding: 12px 16px;
  }

  .news__text .note span {
    font-size: 18px;
    margin-bottom: 8px;
  }

  .news__text ul li {
    font-size: 14px;
  }

  .news__related-container {
    padding: 20px;
    gap: 32px;
    flex-direction: column;
  }

  .news__related-left {
    padding: 0px;
  }

  .news__related-right {
    flex: none;
    padding: 18px 20px;
  }

  .news__related-badge {
    margin-bottom: 16px;
  }

  .news__related-form-title {
    font-size: 18px;
  }

  .news__related-form-subtitle {
    font-size: 14px;
    margin-bottom: 20px;
  }

  .news__related-title {
    font-size: 20px;
    margin-bottom: 12px;
  }

  .news__related-description {
    font-size: 14px;
    margin-bottom: 24px;
  }

  .news__related-input,
  .news__related-submit {
    font-size: 14px;
  }
}

.news__info-block {
  background: rgba(22, 109, 109, 0.05);
  border-radius: 20px;
  padding: 32px 40px 40px 40px;
  margin: 20px 0px;
}

.news__info-block:last-child {
  margin-bottom: 0px;
}

.news__info-block__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.news__info-block__title {
  max-width: 521px;
  font-size: 28px;
  font-weight: 700;
}

.news__info-block__button {
  background: transparent;
  border: 1px solid #166D6D;
  color: #166D6D;
  padding: 15px 24px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
}

.news__info-block__button:hover {
  background: #166D6D;
  color: #fff;
}

.news__info-block__button.mobile {
  display: none;
}

.news__info-block__description {
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 24px;
  max-width: 521px;
}

.news__info-block__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
  gap: 20px;
}

.news__info-block__card {
  background: #fff;
  border-radius: 12px;
  padding: 16px 20px;
  transition: box-shadow 0.3s ease;
}

.news__info-block__card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.news__info-block__card-label {
  font-size: 16px;
  color: #9E0618;
  font-weight: 600;
  margin-bottom: 12px;
}

.news__info-block__card-date {
  font-size: 16px;
  color: #9E0618;
  font-weight: 600;
  margin-bottom: 12px;
}

.news__info-block__card-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
}

.news__info-block__card-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
}

.news__info-block__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.news__info-block__tag {
  background: rgba(22, 109, 109, 0.1);
  color: #166D6D;
  padding: 15px 24px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  border: none;
}

.news__info-block__tag:hover {
  background: #3dd9ab;
  color: #fff;
}

@media (max-width: 768px) {
  .news__info-block {
    padding: 16px 20px;
  }

  .news__info-block__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .news__info-block__title {
    font-size: 18px;
  }

  .news__info-block__description {
    font-size: 14px;
    margin-bottom: 20px;
  }

  .news__info-block__grid {
    overflow-x: auto;
    display: flex;
    gap: 12px;
  }

  .news__info-block__grid::-webkit-scrollbar {
    display: none;
  }


  .news__info-block__card {
    flex: 1;
    min-width: 245px;
  }

  .news__info-block__tag {
    padding: 13.5px 20px;
    font-size: 14px;
  }

  .news__info-block__button {
    display: none;
  }

  .news__info-block__button.mobile {
    display: block;
    width: 100%;
    font-size: 14px;
    padding: 15px;
    margin-top: 24px;
  }
}

.medications__breadcrambs {
  margin: 30px 0;
}

.medications__intro {
  margin-bottom: 40px;
  padding: 40px;
  display: flex;
  justify-content: space-between;
  gap: 40px;
  border-radius: 32px;
  color: #ffffff;
  background-color: #166d6d;
}

.medications__subtitle {
  margin-bottom: 32px;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  width: max-content;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 30px;
}

.medications__subtitle::before {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("/assets/images/glossary/book.svg");
}

.medications__title {
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 36px;
}

.medications__description {
  opacity: 0.8;
}

.medications__important {
  margin-bottom: auto;
  padding: 32px;
  min-width: 460px;
  max-width: 460px;
  border-radius: 20px;
  color: #000000;
  background-color: #ffffff;
}

.medications__important-title {
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 24px;
}

.medications__important ul,
.medications__block--risks ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.medications__important ul li,
.medications__block--risks ul li {
  position: relative;
  padding-left: 27px;
}

.medications__important ul li::before,
.medications__block--risks ul li::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 15px;
  min-width: 15px;
  height: 15px;
  background-image: url("/assets/images/glossary/important.svg");
}

.medications__info {
  margin-bottom: 120px;
  padding: 24px 32px;
  border-radius: 20px;
  background-color: #f8f8f8;
}

.medications__info span {
  margin-bottom: 16px;
  display: block;
  font-weight: 700;
  font-size: 20px;
  color: #9e0618;
}

.medications__main {
  margin-bottom: 120px;
  display: flex;
  gap: 40px;
}

.medications__catalogue {
  max-width: 867px;
}

.medications__block {
  margin-bottom: 20px;
  padding: 32px 40px;
  border-radius: 20px;
  background-color: #f8f8f8;
}

.medications__block--green {
  background-color: #166d6d0d;
}

.medications__block--red {
  background-color: #db011a0d;
}

.medications__block-top {
  margin-bottom: 32px;
  display: flex;
  flex-direction: row-reverse;
  gap: 100px;
}

.medications__count {
  margin-bottom: auto;
  padding: 12px 20px;
  min-width: max-content;
  border-radius: 52px;
  font-weight: 600;
  color: #166d6d;
  background-color: #166d6d0d;
}

.medications__title-secondary {
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 28px;
}

.medications__tabs {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.tab {
  padding: 13px 20px;
  width: max-content;
  border-radius: 52px;
  font-weight: 600;
  color: #166d6d;
  border: 1px solid #166d6d;
  cursor: pointer;
  transition: background-color 0.7s;
}

.tab.active {
  color: #ffffff;
  background-color: #166d6d;
}

.medications__form {
  margin-bottom: 33px;
  display: flex;
  gap: 16px;
}

.input {
  padding: 15px 24px;
  height: 58px;
  border-radius: 40px;
  border: 1px solid #166d6d1f;
  background-color: #ffffff;
}

.medications__form .input {
  flex-grow: 1;
}

.medications select.input {
  max-width: 191px;
}

.medications .button {
  height: 58px;
}

.medications__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 123px;
}

.search-alphabet {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.search-alphabet__item.active {
  color: #ffffff;
  background-color: #166d6d;
}

.medications__wrapper {
  padding: 40px 0 40px 0;
}

.medications__list {
  margin-top: 32px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.medication {
  display: none;
  padding: 20px 24px;
  border-radius: 20px;
  background-color: #f8f8f8;
}

.medication.active {
  display: flex;
  flex-direction: column;
}

.medication__title {
  display: block;
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 22px;
}

.medication__title:hover {
  color: #166d6d;
}

.medication__parameters {
  margin: 20px 0 24px 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.medication__parameter {
  display: flex;
  gap: 16px;
}

.medication__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  border-radius: 8px;
  background-color: #166d6d0d;
}

.medication__text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.medication__text p {
  font-size: 14px;
  text-transform: lowercase;
}

.medication__link {
  margin-top: auto;
  padding-top: 16px;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #0000001a;
  font-weight: 700;
  color: #166d6d;
}

.medication__link::after {
  content: "";
  width: 21px;
  height: 21px;
  background-image: url("/assets/images/glossary/link.svg");
}

.medication__link:hover {
  color: #000000;
}

.list {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 19px;
}

.list li {
  padding: 16px 20px;
  width: calc(50% - 10px);
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-radius: 16px;
  background-color: #ffffff;
}

.list li span,
.list li a {
  font-weight: 600;
  font-size: 20px;
}

.list li a:hover {
  color: #166d6d;
}

.medications__block--red span {
  display: block;
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 20px;
  color: #c80018;
}

.medications__block--red .button {
  margin-top: 24px;
}

.medications__pagination {
  margin-bottom: 40px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
}

.medications__pagination-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  min-width: 50px;
  height: 50px;
  font-weight: 700;
  color: #166d6d;
  border-radius: 50%;
  background-color: #f8f8f8;
  transition: background-color 0.5s;
}

.medications__pagination-item.active {
  color: #ffffff;
  background-color: #9e0618;
  transition: background-color 0.5s;
}

.medications__pagination-item--prev {
  transform: scaleX(-1);
}

.medications__sidebar {
  min-width: 400px;
  width: 400px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.sidebar__block {
  padding: 20px 24px;
  border-radius: 20px;
  background-color: #f8f8f8;
}

.sidebar__title {
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 20px;
}

.sidebar__title--warning {
  color: #9e0618;
}

.link__list {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.link {
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  background-color: #166d6d0d;
  font-weight: 600;
  color: #166d6d;
}

.link a {
  font-weight: 600;
  color: #166d6d;
}

.link a:hover {
  color: #565656;
}

.link span {
  opacity: 0.6;
}

.sidebar__articles {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.sidebar__article:not(:last-child) {
  padding-bottom: 16px;
  border-bottom: 1px solid #0000001a;
}

.sidebar__article a {
  font-weight: 600;
  font-size: 18px;
}

.sidebar__article a:hover {
  color: #166d6d;
}

.sidebar__block--banner {
  position: sticky;
  top: 150px;
  color: #ffffff;
  background: linear-gradient(135deg, #327E7E 0%, #1D7676 100%);
}

.sidebar__block--banner::before {
  content: "";
  position: absolute;
  right: -54px;
  bottom: -54px;
  width: 178px;
  height: 178px;
  border-radius: 50%;
  background-color: #ffffff0d;
  pointer-events: none;
}

.medication-page .sidebar__block--banner::before {
  display: none;
}

.sidebar__button {
  margin-top: 24px;
  width: 100%;
  z-index: 2;
  position: relative;
}

.links {
  margin-bottom: 40px;
  display: flex;
  gap: 21px;
}

.links .sidebar__block {
  width: 33%;
}

.medications__block--how {
  margin-bottom: 120px;
}

.medications__block--how ol {
  margin-bottom: 15px;
  display: flex;
  gap: 20px;
}

.medications__block--how li {
  padding: 20px 24px;
  min-height: 60px;
  border-radius: 16px;
  background-color: #ffffff;
}

.medications__block--how li span {
  font-weight: 600;
  font-size: 22px;
}

@media (max-width: 1200px) {
  .medications__breadcrambs {
    margin: 25px 0;
  }

  .medications__intro {
    margin-bottom: 32px;
    padding: 20px;
    flex-direction: column;
    gap: 24px;
    border-radius: 20px;
  }

  .medications__subtitle {
    margin-bottom: 12px;
    padding: 9px 16px;
    gap: 8px;
  }

  .medications__title {
    margin-bottom: 10px;
    font-size: 24px;
  }

  .medications__important {
    padding: 16px 20px;
    min-width: 100%;
    border-radius: 15px;
  }

  .medications__important b {
    margin-bottom: 16px;
    font-size: 18px;
  }

  .medications__important ul li::before {
    width: 13px;
    min-width: 13px;
    height: 13px;
    background-size: 13px;
  }

  .medications__info {
    margin-bottom: 60px;
    padding: 16px 20px;
    border-radius: 16px;
  }

  .medications__info span {
    margin-bottom: 12px;
    font-size: 18px;
  }

  .medications__main {
    margin-bottom: 60px;
  }

  .medications__catalogue {
    max-width: 100%;
  }

  .medications__block {
    margin-bottom: 16px;
    padding: 20px;
    border-radius: 16px;
  }

  .medications__block-top {
    margin-bottom: 24px;
    flex-direction: column;
    gap: 16px;
  }

  .medications__count {
    margin-bottom: 0;
    margin-right: auto;
    padding: 12px 20px;
  }

  .medications__title-secondary {
    margin-bottom: 12px;
    font-size: 18px;
  }

  .medications__form {
    margin-bottom: 16px;
    flex-direction: column;
    gap: 8px;
  }

  .input {
    padding: 12px 24px;
    height: 48px;
  }

  .medications select.input {
    max-width: 100%;
  }

  .medications .button {
    height: 48px;
  }

  .medications__button {
    width: 100%;
  }

  .search-alphabet {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
  }

  .medications__list {
    gap: 12px;
  }

  .medication {
    display: none;
    padding: 16px 20px;
    border-radius: 16px;
  }

  .medication__title {
    font-size: 18px;
  }

  .medication__parameters {
    margin: 16px 0 24px 0;
  }

  .medication__text b {
    font-weight: 600;
  }

  .medication__icon {
    width: 46px;
    min-width: 46px;
    height: 46px;
  }

  .populars {
    gap: 12px;
  }

  .medications__block--red span {
    font-size: 18px;
  }

  .medications__block--red .button {
    margin-top: 20px;
    width: 100%;
  }

  .medications__pagination {
    margin-bottom: 40px;
    gap: 15px;
  }

  .medications__pagination-item {
    width: 48px;
    min-width: 48px;
    height: 48px;
  }

  .medications__sidebar {
    display: none;
  }

  .links {
    margin-bottom: 40px;
    flex-direction: column;
    gap: 12px;
  }

  .links .sidebar__block {
    width: 100%;
  }

  .medications__block--how {
    margin-bottom: 60px;
  }

  .medications__block--how ul {
    flex-direction: column;
  }

  .medications__block--how li {
    padding: 12px 16px;
    gap: 8px;
  }

  .medications__block--how li span {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  .medications__list {
    grid-template-columns: 1fr;
  }

  .popular {
    width: 100%;
  }

  .list li {
    width: 100%;
  }
}

.medications__intro-wrapper {
  display: flex;
  flex-direction: column;
}

.medications__intro ul {
  margin: 24px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.medications__intro ul li:not(.medications__important ul li) {
  padding: 11px 20px;
  border-radius: 30px;
  font-weight: 600;
  background-color: #ffffff1a;
  border: 1px solid #ffffff33;
}

.medications__intro-buttons {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 12px;
}

.button_transparent {
  color: #166d6d;
  border: 1px solid #166d6d;
  transition: box-shadow 0.5s;
}

.button_transparent:hover {
  box-shadow: #166d6d 0px 1px 5px;
  transition: box-shadow 0.5s;
}

.button_transparent-white {
  border: 1px solid #ffffff;
  transition: box-shadow 0.5s;
}

.button_transparent-white:hover {
  box-shadow: #ffffff 0px 1px 5px;
  transition: box-shadow 0.5s;
}

.medications__important-img {
  margin-bottom: 27px;
  object-fit: cover;
  border-radius: 16px;
}

.parameter {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

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

.parameter b {
  text-align: right;
}

.block-doctor__top {
  margin-bottom: 31px;
  padding-bottom: 20px;
  border-bottom: 1px solid #0000001a;
  font-weight: 600;
}

.block-doctor__wrapper {
  display: flex;
  gap: 20px;
}

.block-doctor__photo {
  min-width: 78px;
  border-radius: 50%;
  object-fit: cover;
}

.block-doctor__text {
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: #000000c4;
}

.block-doctor__name {
  font-weight: 600;
  font-size: 24px;
  color: #000000;
}

.block-doctor__name:hover {
  color: #166d6d;
}

.block-doctor__text ul {
  display: flex;
  align-items: center;
  gap: 12px;
}

.block-doctor__text ul li {
  padding: 12px 16px;
  border-radius: 40px;
  background-color: #ffffff;
}

.block-doctor__buttons {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.medications__block--foto .list {
  margin-bottom: 24px;
  flex-wrap: nowrap;
}

.medications__block--foto li {
  width: 33%;
  text-align: center;
}

.medications__block--foto img {
  width: 100%;
  height: 141px;
  object-fit: cover;
}

.medications ol {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.medications ol li {
  counter-increment: list 1;
  position: relative;
  padding: 16px 20px 16px 64px;
  border-radius: 16px;
  background-color: #ffffff;
}

.medications ol li span {
  display: block;
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 20px;
}

.medications ol li::marker {
  content: none;
}

.medications ol li::before {
  content: counter(list-item);
  position: absolute;
  left: 20px;
  top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: #166d6d;
  background-color: #166d6d1a;
  border-radius: 50%;
  font-weight: 700;
  font-size: 16px;
}

.links__wrapper {
  padding: 16px 20px;
  width: 33%;
  border-radius: 20px;
  background-color: #ffffff;
}

.medications__block--sources ul {
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-radius: 16px;
  color: #545454;
  background-color: #ffffff;
}

.medication-page .sidebar__block--banner {
  position: static;
}



@media (max-width: 1200px) {
  .medications__intro ul {
    margin: 16px 0 24px 0;
    gap: 8px;
  }

  .medications__intro ul li {
    font-size: 14px;
  }

  .medications__intro-buttons {
    margin-top: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .medications__important-img {
    margin: 0 auto;
    margin-bottom: 20px;
    max-width: 400px;
  }

  .parameter {
    margin-bottom: 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  .parameter b {
    text-align: left;
  }

  .block-doctor__top {
    margin-bottom: 20px;
    padding-bottom: 16px;
  }

  .block-doctor__wrapper {
    flex-direction: column;
  }

  .block-doctor__photo {
    max-width: 78px;
  }

  .block-doctor__text {
    gap: 12px;
  }

  .block-doctor__name {
    font-size: 20px;
  }

  .block-doctor__text ul {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .block-doctor__buttons {
    margin-top: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .medications__block--foto .list {
    margin-bottom: 20px;
    flex-wrap: wrap
  }

  .medications__block--foto li {
    width: 100%;
  }

  .medications__block--foto img {
    margin: 0 auto;
    max-width: 400px;
    height: 141px;
  }

  .medications__block--consultation ol li {
    padding: 16px 20px;
  }

  .medications__block--consultation ol li span {
    font-size: 18px;
  }

  .medications__block--consultation ol li::before {
    position: static;
    margin-bottom: 16px;
  }

  .links__wrapper {
    width: 100%;
    border-radius: 16px;
  }

  .medications__block--sources ul {
    padding: 16px 24px;
  }
}

@media (max-width: 768px) {
  .medications .button {
    width: 100%;
  }

  .button_transparent {
    width: 100%;
  }

  .button_transparent-white {
    width: 100%;
  }
}

.connect-form__wrapper {
  margin-top: 48px;
  display: flex;
  gap: 24px;
}

.connect-form__block {
  margin-bottom: auto;
  padding: 32px;
  background: #166d6d0f;
  border-radius: 20px;
}

.connect-form__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.connect-form__radio {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  background: #ffffff;
  border-radius: 12px;
  font-weight: 600;
  color: #d7011a;
}

.connect-form__radio input {
  display: none;
}

.connect-form__radio:last-of-type {
  color: #21c192;
}

.connect-form__radio-circle {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #d7011a;
  position: relative;
  flex-shrink: 0;
}

.connect-form__radio:last-of-type .connect-form__radio-circle {
  border-color: #21c192;
}

.connect-form__radio input:checked+.connect-form__radio-circle::after {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  background-color: #d7011a;
}

.connect-form__radio:last-of-type input:checked+.connect-form__radio-circle::after {
  background-color: #21c192;
}

.connect-form__field {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.connect-form__field label {
  font-size: 16px;
  color: #696969;
}

.connect-form textarea {
  grid-column: 1 / -1;
  resize: none;
  min-height: 130px;
  padding: 22px;
  border-radius: 27px;
}

.connect-form__bottom {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 20px;
}

.connect-form__bottom a {
  color: #166d6d;
  font-weight: 600;
  text-decoration: underline;
}

.connect-form__block--banner {
  width: 480px;
  min-width: 480px;
}

.connect-form__bottom .button {
  width: 80%;
}

.connect-form__block-buttons {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.connect-form__block-buttons .button {
  flex-grow: 1;
  height: 59px;
}

.connect-form__phone {
  background-color: #166d6d1a;
}

@media (max-width: 1023px) {
  .connect-form__wrapper {
    margin-top: 24px;
    flex-direction: column;
    gap: 16px;
  }

  .connect-form__block {
    margin-bottom: 0;
    padding: 16px 20px;
    border-radius: 16px;
  }

  .connect-form__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .connect-form__radio-circle {
    width: 20px;
    height: 20px;
  }

  .connect-form textarea {
    min-height: 158px;
    padding: 16px 20px;
  }

  .connect-form__bottom {
    margin-top: 16px;
    flex-direction: column;
    gap: 14px;
  }

  .connect-form__block--banner {
    width: 100%;
    min-width: 100%;
  }

  .connect-form__bottom .button,
  .connect-form__block-buttons .button {
    width: 100%;
  }

  .connect-form__block-buttons {
    margin-bottom: 20px;
    flex-direction: column;
    gap: 8px;
  }
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("/netcat_template/template/domains/assets/img/icons/select.svg");
  background-repeat: no-repeat;
  background-position: top 19px right 24px;
  cursor: pointer;
}

.articles__block-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 32px;
}

.articles__block-header h2 {
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 10px 0;
}

.articles__block-header p {
  margin: 0;
  color: #545454;
  font-size: 16px;
  max-width: 560px;
  line-height: 1.5;
}

.articles__block-actions {
  display: flex;
  gap: 10px;
  flex-wrap: nowrap;
  overflow-x: scroll;
}

.articles__block-actions::-webkit-scrollbar {
  display: none;
}

.articles__block-grid {
  display: grid;
  grid-template-columns: 1.47fr 1fr;
  gap: 40px;
  align-items: start;
}

.articles__block-card {
  background: #F8F8F8;
  border-radius: 20px;
  padding: 32px 40px;
}

.articles__block-card-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}

.articles__block-card-header {
  font-size: 28px;
  margin-bottom: 16px;
  font-weight: 600;
}

.articles__block-card-subtitle {
  color: #545454;
  font-size: 16px;
  max-width: 389px;
}

hr.articles__block-divider {
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin: 32px 0px;
}

.articles__block-featured {
  display: flex;
  gap: 24px;
}

.articles__block-featured img {
  width: 180px;
  height: 212px;
  border-radius: 16px;
  object-fit: cover;
  object-position: center;
  flex-shrink: 0;
}

.articles__block-featured-body {
  flex: 1;
  min-width: 0;
}

.articles__block-meta {
  font-size: 16px;
  color: #545454;
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.articles__block-meta .articles__block-tag-red {
  color: #9E0618;
  font-weight: 600;
}

.articles__block-read-header {
  font-size: 22px;
  margin-bottom: 16px;
  font-weight: 600;
  transition: 0.3s all;
  display: block;
}

.articles__block-featured-body p {
  font-size: 16px;
  color: #545454;
  margin-bottom: 20px;
}

.articles__block-read-link {
  color: #166D6D;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  transition: all 0.3s ease;
  position: relative;
}

.articles__block-read-link:hover,
.glossary-card .glossary-link:hover {
  color: #9E0618;
}

.articles__block-read-link:hover svg,
.glossary-card .glossary-link:hover svg {
  transform: translateX(5px);
  transition: transform 0.3s ease;
}

.articles__block-read-link:hover svg path {
  fill: #9E0618;
}

.glossary-card .glossary-link:hover svg path {
  stroke: #9E0618;
}

.articles__block-read-link svg,
.glossary-card .glossary-link svg {
  transition: transform 0.3s ease;
  flex-shrink: 0;
}

.articles__block-mini-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 20px;
}

.articles__block-mini-card {
  border-radius: 16px;
  padding: 16px 20px;
  background-color: #FFF;
}

.articles__block-mini-card .label {
  color: #9E0618;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 12px;
}

.articles__block-mini-card a {
  font-size: 18px;
  margin-bottom: 8px;
  font-weight: 600;
  transition: 0.3s all;
  display: block;
}

.articles__block-mini-card a:hover,
.articles__block-read-header:hover {
  color: #166D6D;
}

.articles__block-mini-card p {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
}

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

.side-stack .card {
  background: #F8F8F8;
  border-radius: 20px;
  padding: 24px 32px;

}

.side-stack .card .card__title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 12px;
}

.side-stack .card .subtitle {
  color: #545454;
  margin-bottom: 20px;
  font-size: 16px;
}

.card.news-card .button_green {
  display: block;
  margin-top: 4px;
  width: 100%;
}

.news-item {
  padding: 16px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.news-item:first-of-type {
  border-top: none;
  padding-top: 0;
}

.news-date {
  color: #9E0618;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 12px;
}

.news-item a {
  font-size: 18px;
  margin-bottom: 8px;
  font-weight: 700;
  transition: 0.3s all;
  display: block;
}

.news-item a:hover {
  color: #166D6D;
}

.news-item p {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
}

.glossary-card>p.subtitle {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1.5;
  margin: 0 0 16px 0;
}

.glossary-card .tag-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
}

.glossary-card .tag {
  background-color: #FFF;
  padding: 10.5px 20px;
  font-size: 14px;
  border-radius: 50px;
  color: #166D6D;
  font-weight: 600;
  transition: 0.3s all;
}

.glossary-card .tag:hover {
  color: #FFF;
  background-color: #166D6D;
}

.glossary-link {
  color: #166D6D;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 16px;
  transition: 0.3s all;
}

.articles__block-slider {
  display: none !important;
}

.articles__block-slider .swiper-pagination {
  display: flex;
  gap: 4px;
  width: 100%;
  margin-top: 20px;
}

.articles__block-slider .swiper-pagination-bullet {
  flex: 1;
  width: auto !important;
  height: 4px;
  margin: 0px !important;
  border-radius: 2px;
  opacity: 0.3;
  background: #EBEBEB;
  transition: 0.3s all;
}

.articles__block-button {
  background: transparent;
  border: 1px solid #166D6D;
  color: #166D6D;
  padding: 15px 24px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
  text-wrap: nowrap;
}

.articles__block-button:hover {
  background: #166D6D;
  color: #fff;
}

.articles__block-slider .swiper-pagination-bullet-active {
  opacity: 1;
  background: #166D6D;
}

@media (max-width: 860px) {
  .articles__block-header h2 {
    font-size: 24px;
  }

  .articles__block-mini-card.swiper-slide {
    height: auto;
  }

  .articles__block-card-header,
  .side-stack .card .card__title {
    font-size: 20px;
    margin-bottom: 12px;
  }

  .articles__block-card-subtitle,
  .side-stack .card .subtitle,
  .articles__block-header p {
    font-size: 14px;
    line-height: 100%;
  }

  hr.articles__block-divider {
    margin: 20px 0px;
  }

  .articles__block-grid {
    grid-template-columns: 1fr;
  }

  .articles__block-card {
    padding: 16px 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 16px;
  }

  .articles__block-featured {
    flex-direction: column;
    gap: 20px;
  }

  .articles__block-meta {
    font-size: 14px;
    gap: 12px;
    margin-bottom: 16px;
  }

  .articles__block-featured img {
    height: 127px;
    width: 100%;
  }

  .articles__block-read-header {
    font-size: 18px;
    margin-bottom: 16px;
  }

  .articles__block-featured-body p {
    font-size: 14px;
  }

  .articles__block-grid {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .side-stack .card {
    border-radius: 20px;
    padding: 16px 20px;
  }

  .articles__block-slider {
    margin-top: 32px;
    min-width: 0;
    width: 100%;
    flex-shrink: 0;
    display: block !important;
  }

  .articles__block-mini-grid {
    display: none;
  }

  .news-date,
  .news-item p,
  .glossary-link,
  .articles__block-read-link,
  .articles__block-button {
    font-size: 14px;
  }

  .news-item a {
    font-size: 16px;
  }
}
@media screen and (width>1000px) {
  .header__social > div {
    display: none;
  }
}
.page:has(.header.active) .bitrix-chat-custom-btn,
body:has(.header.active) .b24-widget-button-wrapper,
body:has(.header.active) .converse__card-wrapper {
    display: none !important;
}

.vacancies__intro {
    background-color: #166D6D;
    border-radius: 32px;
    padding: 40px;
    display: flex;
    gap: 40px;
    align-items: start;
    color: #FFF;
    max-width: 1320px;
    margin: 0 auto;
    margin-bottom: 120px;
}

.vacancies__intro.detail {
    margin-bottom: 40px;
}

.vacancies__intro-badge {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 30px;
    padding: 13.5px 20px;
    font-size: 16px;
    margin-bottom: 24px;
}

.vacancies__intro-title {
    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 16px;
    color: #FFF;
}

.vacancies__intro-description {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.4;
    margin-bottom: 24px;
}

.vacancies__intro-buttons {
    display: flex;
    gap: 12px;
    margin-bottom: 32px;
}

.vacancies-btn-secondary {
    padding: 16px 32px;
    border-radius: 32px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    background-color: transparent;
    color: white;
    border: 1px solid white;
}

.vacancies-btn-secondary:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.vacancies__intro-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.vacancies__intro-stat {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    padding: 16px 20px;
}

.vacancies__intro-stat-value {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #FFF;
}

.vacancies__intro-stat-text {
    font-size: 16px;
    color: #FFF;
    line-height: 1.3;
}

.vacancies__intro-card {
    background: #FFF;
    border-radius: 20px;
    padding: 24px 32px 0px 32px;
    color: #000;
    position: relative;
    overflow: hidden;
    flex: 0 0 460px;
}

.vacancies__intro-card-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 24px;
}

.vacancies__intro-card-list {
    list-style: none;
    padding: 0;
    margin: 0 0 9px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.vacancies__intro-card-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 16px;
    line-height: 1.3;
}

.vacancies__intro-card-image {
    margin-top: 16px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

@media (max-width: 1024px) {
    .vacancies__intro {
        grid-template-columns: 1fr;
        padding: 40px;
        gap: 32px;
    }

    .vacancies__intro-title {
        font-size: 32px;
    }
}

@media (max-width: 768px) {
    .vacancies__intro {
        padding: 20px;
        border-radius: 20px;
        flex-direction: column;
        gap: 32px;
    }

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

    .vacancies__intro-badge {
        margin-bottom: 12px;
    }

    .vacancies__intro-description,
    .vacancies__intro-stat-text,
    .vacancies__intro-card-item,
    .vacancies__intro-badge {
        font-size: 14px;
    }

    .vacancies__intro-stats {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .vacancies__intro-buttons {
        flex-direction: column;
    }

    .vacancies__intro-btn {
        width: 100%;
        text-align: center;
    }

    .vacancies__intro-card-list {
        margin: 0;
    }

    .vacancies__intro-card {
        border-radius: 15px;
        padding: 16px 20px;
        flex: unset;
    }

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

    .vacancies__intro-stat-value {
        font-size: 18px;
    }

    .vacancies__intro-card-image {
        display: none;
    }
}

.vacancy__header {
    text-align: center;
    margin: 0 auto 48px;
}

.vacancy__title {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 24px;
    line-height: 1.2;
    text-align: center;
}

.vacancy__subtitle {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}

.vacancy__label {
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.vacancy__label::before {
    content: '';
    width: 16px;
    height: 2px;
    flex-shrink: 0;
}

.vacancy__label--red {
    color: #166D6D;
}

.vacancy__label--red::before {
    background-color: #C80018;
}

.vacancy__label--white {
    color: #FFF;
}

.vacancy__label--white::before {
    background-color: #FFF;
}

.vacancy__label--center {
    justify-content: center;
}

.benefits__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.benefits__card {
    background: #F8F8F8;
    border-radius: 20px;
    padding: 24px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.benefits__card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
}

.benefits__icon {
    width: 48px;
    height: 48px;
    background-color: rgba(22, 109, 109, 0.1);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    flex-shrink: 0;
}

.benefits__card-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 1.2;
}

.benefits__card-text {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
}

@media (max-width: 1024px) {
    .benefits__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .vacancy__header {
        margin-bottom: 32px;
    }

    .vacancy__title {
        font-size: 24px;
        margin-bottom: 16px;
    }

    .vacancy__subtitle {
        font-size: 16px;
    }

    .vacancy__label {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .vacancy__label--center {
        margin-bottom: 24px;
    }

    .benefits__grid {
        display: flex;
        overflow-x: auto;
        gap: 16px;
        padding-bottom: 5px;
    }

    .benefits__grid::-webkit-scrollbar {
        height: 2px;
    }

    .benefits__title {
        font-size: 28px;
    }

    .benefits__subtitle {
        font-size: 16px;
    }

    .benefits__card {
        height: auto;
        flex: 0 0 100%;
        scroll-snap-align: center;
        min-width: 0;
        padding: 24px;
    }

    .benefits__icon {
        width: 40px;
        height: 40px;
    }

    .benefits__card-title {
        font-size: 18px;
        margin-bottom: 8px;
    }
}

.whom-find {
    background-color: #166D6D;
    border-radius: 32px;
    padding: 40px;
    color: #FFF;
    position: relative;
    overflow: hidden;
}

.whom-find__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
}

.whom-find__title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 16px;
    color: #FFF;
}

.whom-find__description {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
}

.whom-find__cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.whom-find__card {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 15px;
    padding: 16px 20px;
    transition: transform 0.3s ease, background 0.3s ease;
}

.whom-find__card:hover {
    transform: translateY(-4px);
    background: rgba(255, 255, 255, 0.15);
}

.whom-find__card-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #FFF;
}

.whom-find__card-text {
    font-size: 14px;
    color: #FFF;
}

@media (max-width: 1024px) {
    .whom-find {
        padding: 48px 40px;
    }

    .whom-find__container {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .whom-find__title {
        font-size: 32px;
    }

    .whom-find__cards {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .whom-find {
        padding: 20px;
        border-radius: 20px;
    }

    .whom-find__title {
        font-size: 24px;
        margin-bottom: 12px;
    }

    .whom-find__description {
        font-size: 14px;
    }

    .whom-find__cards {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .whom-find__card {
        padding: 12px 16px;
    }

    .whom-find__card-title {
        font-size: 16px;
    }
}

.for-doctors__block {
    background-color: #F8F8F8;
    border-radius: 32px;
    padding: 40px;
}

.for-doctors__grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 60px;
    align-items: start;
}

.for-doctors__title {
    font-size: 36px;
    font-weight: 700;
    color: #166D6D;
    margin-bottom: 16px;
}

.for-doctors__description {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
}

.for-doctors__cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.for-doctors__card {
    background: #FFF;
    border-radius: 15px;
    padding: 16px 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.for-doctors__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
}

.for-doctors__card-text {
    font-size: 16px;
    color: #166D6D;
    font-weight: 600;
}

@media (max-width: 768px) {
    .for-doctors__grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .for-doctors__block {
        padding: 20px;
        border-radius: 16px;
    }

    .for-doctors__title {
        font-size: 18px;
    }

    .for-doctors__description {
        font-size: 14px;
    }

    .for-doctors__cards {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .for-doctors__card {
        padding: 12px 16px;
    }
}

.directions__grid {
    display: grid;
    grid-template-columns: 1fr 1.8fr;
    gap: 40px;
    align-items: start;
}

.directions__sidebar {
    background-color: #166D6D;
    border-radius: 24px;
    padding: 48px 40px;
    color: #FFF;
    position: sticky;
    top: 20px;
}

.directions__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 12px;
    color: #FFF;
}

.directions__description {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 20px;
}

.directions__list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.directions__list-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 16px;
    color: #FFF;
}

.directions__list-icon {
    margin-top: 5px;
}


.directions__cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.directions__card {
    background: #F8F8F8;
    border-radius: 20px;
    padding: 20px 24px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    cursor: pointer;
}

.directions__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
}

.directions__card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 16px;
}

.directions__card-title {
    font-size: 22px;
    font-weight: 600;
    flex: 1;
}

.directions__card-arrow {
    width: 29px;
    height: 29px;
    background-color: rgba(200, 0, 24, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.directions__card:hover .directions__card-arrow {
    transform: translateX(5px);
    background-color: #c80017;
}

.directions__card-arrow svg path {
    transition: fill 0.3s ease;
}

.directions__card:hover .directions__card-arrow svg path {
    stroke: #FFF;
}

.directions__card-text {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
    margin: 0;
}

@media (max-width: 768px) {
    .directions__grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .directions__sidebar {
        padding: 16px 20px;
        border-radius: 16px;
        position: relative;
    }

    .directions__title {
        font-size: 20px;
    }

    .directions__description,
    .directions__list-item,
    .directions__card-text {
        font-size: 14px;
    }

    .directions__cards {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .directions__card {
        padding: 16px 20px;
    }

    .directions__card-header {
        margin-bottom: 12px;
    }

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

.vacancies__filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin-bottom: 20px;
}

.vacancies__filter {
    padding: 15px 24px;
    border-radius: 50px;
    border: 1px solid rgba(137, 137, 137, 0.2);
    background: #FFF;
    font-size: 16px;
    font-weight: 700;
    color: #6A6A6A;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

.vacancies__filter:hover {
    border-color: #166D6D;
    color: #166D6D;
}

.vacancies__filter--active {
    background: linear-gradient(0deg, #c80018 0%, #df001a 50%, #9e0618 100%);
    color: #FFF;
    border-color: transparent;
}

.vacancies__filter--active:hover {
    color: #FFF;
    opacity: 0.9;
}

.vacancies__categories-note {
    text-align: center;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.4);
    margin-bottom: 40px;
}

.vacancies__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.vacancy-card {
    background: #F8F8F8;
    border-radius: 20px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.vacancy-card:hover {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
}

.vacancy-card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 20px;
}

.vacancy-card__tag {
    padding: 8px 16px;
    border-radius: 40px;
    background: rgba(22, 109, 109, 0.1);
    color: #166D6D;
    font-size: 14px;
    line-height: 1.2;
}

.vacancy-card__title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 1.2;
    transition: 0.3s all;
}

.vacancy-card__title:hover {
    color: #166D6D;
}

.vacancy-card__description {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 24px;
    flex-grow: 1;
}

.vacancy-card__requirements {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.vacancy-card__requirement {
    padding: 8px 16px;
    border-radius: 40px;
    background: rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
}

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

.vacancy-card__apply-btn {
    width: 306px;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: opacity 0.3s ease, transform 0.3s ease;
    flex-shrink: 0;
}

.vacancy-card__info {
    text-align: right;
    flex-grow: 1;
}

.vacancy-card__salary {
    font-size: 16px;
    font-weight: 600;
    color: #166D6D;
    line-height: 1.2;
    margin-bottom: 4px;
}

.vacancy-card__format {
    font-size: 14px;
    line-height: 1.2;
    color: rgba(0, 0, 0, 0.6);
}

.vacancies__mobile-select {
    display: none;
    position: relative;
    margin: 0 auto 12px;
}

.vacancies__select-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 24px;
    background: #FFF;
    border: 1px solid rgba(200, 0, 24, 0.2);
    border-radius: 50px;
    cursor: pointer;
    user-select: none;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.vacancies__select-trigger:hover {
    border-color: #C80018;
}

.vacancies__select-trigger--open {
    border-color: #C80018;
    box-shadow: 0 4px 16px rgba(200, 0, 24, 0.1);
}

.vacancies__select-text {
    font-size: 14px;
    font-weight: 600;
    color: #C80018;
}

.vacancies__select-arrow {
    transition: transform 0.3s ease;
    display: flex;
}

.vacancies__select-trigger--open .vacancies__select-arrow {
    transform: rotate(180deg);
}

.vacancies__select-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background: #FFF;
    border: 1.5px solid rgba(200, 0, 24, 0.2);
    border-radius: 16px;
    padding: 5px;
    display: none;
    flex-direction: column;
    gap: 2px;
    z-index: 100;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.vacancies__select-dropdown--open {
    display: flex;
}

.vacancies__select-option {
    padding: 12px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
    border: none;
    background: transparent;
    text-align: left;
    width: 100%;
    font-family: inherit;
}

.vacancies__select-option:hover {
    background: rgba(200, 0, 24, 0.05);
}

.vacancies__select-option--active {
    background: rgba(200, 0, 24, 0.08);
    color: #C80018;
}

@media (max-width: 768px) {
    .vacancies__grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .vacancies__filters {
        justify-content: flex-start;
    }

    .vacancies__filters {
        display: none;
    }

    .vacancies__mobile-select {
        display: block;
    }

    .vacancies__block {
        padding: 48px 0;
    }

    .vacancies__title {
        font-size: 28px;
    }

    .vacancies__filter {
        padding: 12px 20px;
        font-size: 14px;
    }

    .vacancies__categories-note {
        margin-bottom: 24px;
        font-size: 14px;
    }

    .vacancy-card {
        padding: 20px;
    }

    .vacancy-card__tags,
    .vacancy-card__requirements {
        gap: 8px;
    }

    .vacancy-card__title {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .vacancy-card__description {
        font-size: 14px;
    }

    .vacancy-card__requirements {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .vacancy-card__footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .vacancy-card__apply-btn {
        text-align: center;
        width: 100%;
        order: 2;
    }

    .vacancy-card__info {
        text-align: left;
    }
}

.requirements {
    background: #FFF;
    padding: 60px 0;
}

.requirements__header {
    text-align: center;
    margin: 0 auto 48px;
}

.requirements__title {
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 24px;
    line-height: 1.2;
    color: #000;
}

.requirements__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.requirements__card {
    background: #F8F8F8;
    border-radius: 20px;
    padding: 20px 24px;
}

.requirements__card-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 16px;
}

.requirements__list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.requirements__list-item {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
    padding-left: 18px;
    position: relative;
}

.requirements__list-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #166D6D;
}

.steps__header {
    text-align: center;
    margin: 0 auto 48px;
    max-width: 734px;
}

.steps__title {
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 24px;
    line-height: 1.2;
    color: #000;
}

.steps__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.steps__card {
    background: #F8F8F8;
    border-radius: 20px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    min-height: 309px;
}

.steps__icon {
    width: 48px;
    height: 48px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 4px;
    border-radius: 10px;
    overflow: hidden;
}

.steps__icon-square {
    width: 100%;
    height: 100%;
    background: rgba(22, 109, 109, 0.1);
}

.steps__icon-square--active {
    background: #166D6D;
}

.steps__card-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 1.2;
    margin-top: auto;
}

.steps__card-text {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.4;
}

@media (max-width: 768px) {
    .requirements__grid,
    .steps__grid {
        display: flex;
        overflow-x: auto;
        padding-bottom: 5px;
        gap: 16px;
    }

    .requirements__grid::-webkit-scrollbar,
    .steps__grid::-webkit-scrollbar {
        height: 2px;
    }

    .requirements__card,
    .steps__card {
        height: auto;
        flex: 0 0 100%;
        border-radius: 16px;
        min-height: unset;
    }

    .requirements__card {
        padding: 16px 20px;
    }

    .requirements__card-title {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .requirements__list-item {
        font-size: 14px;
    }

    .requirements__header {
        margin-bottom: 32px;
    }

    .requirements__title,
    .steps__title {
        font-size: 28px;
    }

    .requirements,
    .steps {
        padding: 40px 0;
    }

    .steps__icon {
        width: 40px;
        height: 40px;
    }

    .steps__card-title {
        margin-top: 111px;
        margin-bottom: 12px;
        font-size: 20px;
    }

    .steps__card-text {
        font-size: 14px;
    }
}

.application__grid {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 60px;
    align-items: start;
}

.application__label {
    margin-bottom: 24px;
}

.application__title {
    font-size: 42px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 24px;
}

.application__description {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.4;
    max-width: 522px;
}

.application__form-card {
    background: #F8F8F8;
    border-radius: 20px;
    padding: 32px;
}

.application__form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
}

.application__form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
}

.application__form-group--full {
    grid-column: 1 / -1;
}

.application__form-label {
    font-size: 16px;
    color: #696969;
    margin-bottom: 12px;
}

.application__form-input,
.application__form-select,
.application__form-textarea {
    width: 100%;
    padding: 21px 27px;
    border: 1px solid #D6D6D6;
    border-radius: 27px;
    background: #FFF;
    font-size: 16px;
    color: #000;
    font-family: inherit;
    transition: border-color 0.3s ease;
    outline: none;
    box-sizing: border-box;
}

.application__form-input::placeholder,
.application__form-textarea::placeholder {
    color: #696969;
}

.application__form-input:focus,
.application__form-select:focus,
.application__form-textarea:focus {
    border-color: #166D6D;
}

.application__form-input.error,
.application__form-select.error,
.application__form-textarea.error {
    border-color: #C80018;
}

.application__form-select {
    font-weight: 600;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23166D6D' stroke-width='2' fill='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 20px center;
    padding-right: 48px;
    cursor: pointer;
}

.application__form-textarea {
    resize: vertical;
    min-height: 120px;
}

.application__form-upload {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 21px 27px;
    background: #FFF;
    font-weight: 600;
    border: 1px solid #D6D6D6;
    border-radius: 27px;
    cursor: pointer;
    transition: border-color 0.3s ease;
}

.application__form-upload:hover {
    border-color: #166D6D;
}

.application__form-upload__text {
    font-size: 16px;
    color: #000;
}

.application__form-upload__text--has-file {
    color: #166D6D;
    font-weight: 600;
}

.application__form-upload input[type="file"] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.application__form-consent {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: 20px 0 24px;
    width: 260px;
}

.application__form-consent__checkbox {
    position: relative;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin-top: 2px;
    cursor: pointer;
}

.application__form-consent__checkbox input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
}

.application__form-consent__checkmark {
    position: absolute;
    inset: 0;
    background: #FFF;
    border: 1px solid #07AC7C;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.application__form-consent__checkbox input:checked~.application__form-consent__checkmark {
    background: #07AC7C;
    border-color: #07AC7C;
}

.application__form-consent__checkmark::after {
    content: '';
    position: absolute;
    display: none;
    left: 4px;
    top: 1px;
    border-radius: 2px;
    width: 6px;
    height: 10px;
    border: solid #FFF;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.application__form-consent__checkbox input:checked~.application__form-consent__checkmark::after {
    display: block;
}

.application__form-consent__text {
    font-size: 14px;
    color: #696969;
    line-height: 1.4;
}

.application__form-consent__text a {
    color: #0A5555;
    text-decoration: underline;
    font-weight: 700;
    transition: 0.3s all;
}

.application__form-consent__text a:hover {
    color: #07AC7C;
}

.application__form-bottom {
    display: flex;
    gap: 24px;
    align-items: center;
}

.application__form-submit {
    width: 290px;
}

.application__form-submit:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}


@media (max-width: 1024px) {
    .application__grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .application__title {
        font-size: 32px;
    }
}

@media (max-width: 640px) {
    .application {
        padding: 48px 0;
    }

    .application__title {
        font-size: 28px;
    }

    .application__form-card {
        padding: 20px;
        flex: unset;
    }

    .application__form-row {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .application__form-bottom {
        flex-direction: column;
    }

    .application__form-submit {
        width: 100%;
    }

    .application__form-input,
    .application__form-select,
    .application__form-upload,
    .application__form-textarea {
        padding: 15.5px 20px;
        font-size: 14px;
    }

    .application__form-upload__text {
        font-size: 14px;
    }

    .application__form-textarea {
        min-height: 158px;
    }

    .application__form-bottom {
        gap: 0px;
    }

    .application__form-consent {
        width: 100%;
        margin: 14px 0px 0px 0px;
    }
}

.work-clinic {
    background-color: #F8F8F8;
    border-radius: 32px;
    padding: 40px;
}

.work-clinic__grid {
    display: flex;
    gap: 48px;
    align-items: center;
}

.work-clinic__title {
    font-size: 36px;
    font-weight: 700;
    color: #166D6D;
    margin-bottom: 24px;
    line-height: 1.2;
}

.work-clinic__text,
.work-clinic p {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.5;
    margin-bottom: 12px;
}

.work-clinic__text:last-child,
.work-clinic p:last-child {
    margin-bottom: 0;
}

.work-clinic__image {
    width: 466px;
    height: 369px;
    border-radius: 16px;
    object-fit: cover;
}

@media (max-width: 768px) {
    .work-clinic__grid {
        flex-direction: column;
        gap: 40px;
    }

    .work-clinic {
        padding: 20px 8px 8px 8px;
        border-radius: 16px;
    }

    .work-clinic__content {
        padding: 0px 12px;
    }

    .work-clinic__title {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .work-clinic__image {
        height: 225px;
        width: 100%;
    }
}

.about-clinic {
    padding: 80px 0;
}

.about-clinic__header {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 48px;
}

.about-clinic__label {
    margin-bottom: 24px;
}

.about-clinic__title {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 24px;
    line-height: 1.2;
    color: #000;
}

.about-clinic__subtitle {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.7);
    line-height: 1.5;
}

.about-clinic__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 21px;
}

.about-clinic__card {
    background: #F8F8F8;
    border-radius: 20px;
    padding: 32px;
    display: flex;
    flex-direction: column;
}

.about-clinic__icon {
    width: 48px;
    height: 48px;
    background: rgba(200, 0, 24, 0.05);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    flex-shrink: 0;
}

.about-clinic__card-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 1.2;
}

.about-clinic__card-text {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.5;
    margin-bottom: 24px;
    flex-grow: 1;
}

.about-clinic__links {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.about-clinic__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    background: rgba(22, 109, 109, 0.05);
    border-radius: 8px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    color: #166D6D;
    transition: background 0.3s ease, transform 0.2s ease;
}

.about-clinic__link:hover {
    background: #166D6D;
    color: #FFF;
}

.about-clinic__link-arrow {
    flex-shrink: 0;
    transition: transform 0.3s ease;
}

.about-clinic__link:hover .about-clinic__link-arrow {
    transform: translateX(3px);
}

.about-clinic__link:hover .about-clinic__link-arrow path {
    stroke: #FFF !important;
}

@media (max-width: 1024px) {
    .about-clinic__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .about-clinic__title {
        font-size: 32px;
    }
}

@media (max-width: 640px) {
    .about-clinic {
        padding: 48px 0;
    }

    .about-clinic__grid {
        display: flex;
        overflow-x: auto;
        gap: 16px;
        padding-bottom: 5px;
    }

    .about-clinic__grid::-webkit-scrollbar {
        height: 2px;
    }

    .about-clinic__title {
        font-size: 28px;
    }

    .about-clinic__subtitle {
        font-size: 15px;
    }

    .about-clinic__card {
        flex: 0 0 90%;
        padding: 20px;
        border-radius: 16px;
    }

    .about-clinic__icon {
        width: 40px;
        height: 40px;
        margin-bottom: 20px;
    }

    .about-clinic__card-title {
        font-size: 20px;
    }

    .about-clinic__card-text {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .about-clinic__link {
        padding: 12px 16px;
        font-size: 14px;
    }
}

.faq-vacancy {
    padding: 80px 0;
}

.faq-vacancy__header {
    text-align: center;
    margin-bottom: 48px;
}

.faq-vacancy__title {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
}

.faq-vacancy__subtitle {
    margin-top: 24px;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.2;
}

.faq-vacancy__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.faq-vacancy__item {
    padding: 20px 22px;
    background: #F8F8F8;
    border-radius: 20px;
    overflow: hidden;
    transition: background 0.3s ease;
}

.faq-vacancy__item--active {
    background: #F8F8F8;
}

.faq-vacancy__question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    gap: 20px;
    transition: padding 0.5s ease;
}

.faq-vacancy__question-text {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    flex: 1;
}

.faq-vacancy__toggle {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid #166D6D;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: padding 0.3s ease, transform 0.3s ease, background 0.3s ease;
    background: transparent;
}

.faq-vacancy__item--active .faq-vacancy__question {
    padding-bottom: 16px;
}

.faq-vacancy__item--active .faq-vacancy__toggle {
    background: #166D6D;
}

.faq-vacancy__toggle svg {
    width: 14px;
    height: 14px;
    transition: transform 0.3s ease;
}

.faq-vacancy__item--active .faq-vacancy__toggle svg {
    transform: rotate(45deg);
}

.faq-vacancy__toggle svg line,
.faq-vacancy__toggle svg path {
    stroke: #166D6D;
    transition: stroke 0.3s ease;
}

.faq-vacancy__item--active .faq-vacancy__toggle svg line,
.faq-vacancy__item--active .faq-vacancy__toggle svg path {
    stroke: #FFF;
}

.faq-vacancy__answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease;
}

.faq-vacancy__item--active .faq-vacancy__answer {
    max-height: 300px;
}

.faq-vacancy__answer-inner {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    padding-top: 16px;
}

.faq-vacancy__answer-text {
    font-size: 16px;
    color: #545454;
    line-height: 1.5;
}

@media (max-width: 768px) {
    .faq-vacancy {
        padding: 48px 0;
    }

    .faq-vacancy__title {
        font-size: 28px;
    }

    .faq-vacancy__item {
        padding: 16px 20px;
    }

    .faq-vacancy__question {
        padding: 0;
    }

    .faq-vacancy__answer-inner {
        padding: 0;
        padding-top: 16px;
    }

    .faq-vacancy__question-text {
        font-size: 16px;
    }

    .faq-vacancy__answer-text {
        font-size: 15px;
    }
}

.no-vacancy {
    margin: 0 auto;
    background-color: #166D6D;
    border-radius: 32px;
    display: flex;
    justify-content: space-between;
    gap: 40px;
    align-items: center;
    overflow: hidden;
    max-width: 1320px;
    margin-bottom: 120px;
}

.no-vacancy__content {
    color: #FFF;
    padding: 32px 0px 40px 40px;
}

.no-vacancy__title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 16px;
    color: #FFF;
}

.no-vacancy__text {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.80);
    line-height: 1.4;
    margin-bottom: 32px;
    max-width: 621px;
}

.no-vacancy__btn {
    width: 227px;
    display: block;
}

.no-vacancy__image {
    height: 244px;
    object-fit: cover;
    border-radius: 32px;
    width: 512px;
}

@media (max-width: 768px) {
    .no-vacancy {
        flex-direction: column;
        padding: 0px;
        border-radius: 16px;
        gap: 32px;
        margin-bottom: 60px;
    }

    .no-vacancy__title {
        font-size: 24px;
        margin-bottom: 12px;
    }

    .no-vacancy__text {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .no-vacancy__btn {
        width: 100%;
        text-align: center;
        padding: 16px 24px;
    }

    .no-vacancy__image {
        min-height: 206px;
        border-radius: 16px;
        width: 100%;
    }

    .no-vacancy__content {
        padding: 16px 20px 0px 20px;
    }
}
.vacancy-detail__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 32px;
}

.vacancy-detail__tag {
    padding: 10.5px 20px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.1);
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.vacancy-detail__info-grid {
    display: grid;
    grid-template-columns: 118px 1fr;
    gap: 16px;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
}


.vacancy-detail__info-row {
    display: contents;
}

.vacancy-detail__info-label {
    padding-bottom: 16px;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
    vertical-align: top;
    margin-right: 12px;
}

.vacancy-detail__info-value {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    vertical-align: top;
}

.vacancy-detail__resume-note {
    background: #F8F8F8;
    border-radius: 16px;
    padding: 16px 20px;
    font-size: 15px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.4;
    margin-bottom: 32px;
}

.vacancy__contents {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.vacancy__contents a {
    text-wrap: nowrap;
    color: #166D6D;
    font-weight: 600;
    line-height: 13px;
    border-radius: 50px;
    border: 1px solid rgba(22, 109, 109, 0.2);
    padding: 16px 20px;
    transition: 0.3s all;
}

.vacancy__contents a:hover {
    background-color: #166D6D;
    color: #FFF;
}

.vacancy-role {
    padding: 80px 0;
}

.vacancy-role__header {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 48px;
}

.vacancy-role__title {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 24px;
    line-height: 1.2;
}

.vacancy-role__subtitle {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.5;
}

.vacancy-role__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.vacancy-role__card {
    background: #F8F8F8;
    border-radius: 20px;
    padding: 24px;
}

.vacancy-role__icon {
    width: 48px;
    height: 48px;
    background-color: rgba(22, 109, 109, 0.1);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    flex-shrink: 0;
}

.vacancy-role__card-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 12px;
    line-height: 1.2;
}

.vacancy-role__card-text {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.4;
}

@media (max-width: 768px) {
    .vacancies__intro.detail {
        margin-bottom: 32px;
    }

    .vacancy-role__grid {
        display: flex;
        overflow-x: auto;
        padding-bottom: 5px;
        gap: 16px;
    }

    .vacancy-role__grid::-webkit-scrollbar {
        height: 2px;
    }

    .vacancy-role__title {
        font-size: 28px;
    }

    .vacancy-detail__tag {
        font-size: 14px;
    }

    .vacancies__intro.detail .vacancies__intro-buttons {
        margin-bottom: 0px;
    }

    .vacancy__contents {
        gap: 8px;
    }

    .vacancy-role {
        padding: 48px 0;
    }

    .vacancy-detail__info-grid {
        grid-template-columns: 1fr;
        margin-bottom: 16px;
        gap: 12px;
    }

    .vacancy-detail__info-row {
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    .vacancy-detail__info-label {
        padding-bottom: 8px;
        font-size: 14px;
    }

    .vacancy-detail__info-value {
        font-size: 14px;
    }


    .vacancy-role__card {
        padding: 24px;
        flex: 0 0 90%;
    }

    .vacancy-role__icon {
        height: 40px;
        width: 40px;
    }

    .vacancy-role__card-title {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .vacancy-role__card-text {
        font-size: 14px;
    }

    .vacancy-detail__resume-note {
        padding: 12px 16px;
        font-size: 14px;
        margin-bottom: 0px;
    }

    .vacancy__contents a {
        padding: 14px 18px;
    }
}

.responsibilities {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    margin-bottom: 120px;
}

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

.responsibilities__block {
    background: #F8F8F8;
    border-radius: 20px;
    padding: 36px 40px;
}

.responsibilities__block.green {
    background: linear-gradient(92.04deg, #166D6D -1.19%, #2B8080 100%);
    color: #FFF !important;
}

.responsibilities__right {
    flex: 0 0 399px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.responsibilities__title,
.responsibilities__block h2 {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 20px;
}

.responsibilities__title.green,
.responsibilities__block h2.green {
    color: #166D6D;
}

.responsibilities__description,
.responsibilities__block p {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.5;
    margin-bottom: 32px;
}

.responsibilities__block.green .responsibilities__description,
.responsibilities__block.green p {
    color: #FFF !important;
}

.responsibilities__list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.responsibilities__item {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #FFF;
    border-radius: 12px;
    padding: 16px;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.4;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.responsibilities__item:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.responsibilities__item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.application__info-items {
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.application__info-item {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #F8F8F8;
    border-radius: 12px;
    padding: 16px;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.4;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.application__info-item:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.application__info-item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}


.responsibilities__card {
    background: #F8F8F8;
    border-radius: 20px;
    padding: 20px 24px 24px 24px;
}

.responsibilities__card-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 16px;
    line-height: 1.3;
}

.responsibilities__card-text {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.5;
    margin-bottom: 24px;
}

.responsibilities__card-btn {
    display: block;
    width: 100%;
}

.responsibilities__params-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.responsibilities__params-table {
    width: 100%;
    border-collapse: collapse;
}

.responsibilities__params-row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 16px;
}

.responsibilities__params-row:last-child {
    border-bottom: none;
    margin-bottom: 0px;
}

.responsibilities__params-label {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
    vertical-align: top;
    padding-top: 16px;
}

.responsibilities__params-value {
    padding: 16px 0px;
    font-size: 16px;
    font-weight: 600;
    text-align: right;
    vertical-align: top;
}

.responsibilities__params-row:first-child .responsibilities__params-value,
.responsibilities__params-row:first-child .responsibilities__params-label {
    padding-top: 0px;
}

.responsibilities__params-row:last-child .responsibilities__params-value {
    padding-bottom: 0px;
}

.responsibilities__block h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 16px;
}

.responsibilities__block ul {
    padding-left: 18px;
}

.responsibilities__block ul:not(:last-child) {
    margin-bottom: 24px;
}

.responsibilities__block li {
    list-style-type: disc;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.6);
}

.responsibilities__block li::marker {
    font-size: 13px;
}

.responsibilities__block li:not(:last-child) {
    margin-bottom: 8px;
}

.responsibilities__services {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.responsibilities__service {
    background-color: #FFF;
    border-radius: 16px;
    padding: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.responsibilities__service:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.responsibilities__service-tag {
    display: block;
    width: fit-content;
    padding: 10px 16px;
    font-weight: 600;
    background-color: rgba(200, 0, 24, 0.05);
    color: #C80018;
    border-radius: 100px;
    margin-bottom: 20px;
}

.responsibilities__service-title {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 12px;
}

.responsibilities__service-subtitle {
    color: rgba(0, 0, 0, 0.8);
    font-size: 16px;
}

@media (max-width: 768px) {
    .responsibilities {
        flex-direction: column;
        margin-bottom: 60px;
    }

    .responsibilities__left {
        order: 2;
    }

    .responsibilities__block {
        padding: 16px 20px;
    }

    .responsibilities__services {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .responsibilities__title,
    .responsibilities__block h2{
        font-size: 20px;
        margin-bottom: 12px;
    }

    .responsibilities__description,
    .responsibilities__block p {
        font-size: 14px;
        margin-bottom: 24px;
    }

    .responsibilities__right {
        flex: 1;
        width: 100%;
        flex-direction: column;
        gap: 16px;
    }

    .responsibilities__card {
        flex: 1;
        padding: 16px 20px;
    }

    .responsibilities__card.application {
        display: none;
    }

    .responsibilities__params-title {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .responsibilities__params-label,
    .responsibilities__params-value {
        font-size: 14px;
    }

    .responsibilities__params-label {
        padding-top: 12px;
    }

    .responsibilities__params-value {
        padding: 12px 0px;
    }

    .responsibilities__item {
        padding: 12px 16px;
        font-size: 14px;
        align-items: flex-start;
        gap: 10px;
    }

    .responsibilities__item-icon {
        margin-top: 3px;
    }

    .responsibilities__item-icon svg {
        width: 15px;
        height: 15px;
    }

    .application__info .vacancy__label {
        margin: 0px auto 24px;
        justify-content: center;
    }

    .responsibilities__block h3 {
        font-size: 18px;
        margin-bottom: 16px;
    }

    .responsibilities__service-tag {
        font-size: 14px;
        padding: 8px 16px;
        margin-bottom: 16px;
    }

    .responsibilities__block li,
    .responsibilities__service-subtitle {
        font-size: 14px;
    }

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

    .application__info-item {
        padding: 12px 16px;
        align-items: flex-start;
        font-size: 14px;
    }

    .application__info-item-icon {
        width: 15px;
        height: 15px;
        margin-top: 3px;
    }

    .work-clinic.detail {
        padding: 16px 20px;
    }
}

.pacientamSlider__slider .swiper-slide{
  height: auto;
}
.pacientamSlider__slider .swiper-slide .news__card{
  height: 100%;
}

  .pacientamSlider__titleblock{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 48px;
  }
  .pacientamSlider__title{
    font-size: 36px;
  }
.pacientamSlider__btns{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 40px;
}
.pacientamSlider__btn{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F8F8F8;
  cursor: pointer;
}
.pacientamSlider__btn.swiper-button-disabled{
  opacity: 0.6;
}
.pacientamSlider__pag{
  text-align: center;
  margin-top: 16px;
  display: none;
}
.pacientamSlider__pag .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background: #9E0618!important;
}
.button.button_green.button_large.pacientamSlider__mobileLink{
  display: none;
}
@media(max-width:764px){
  .button.button_green.button_large.pacientamSlider__mobileLink{
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
  .pacientamSlider__pag{
    display: block;
  }
  .pacientamSlider__btns{
    display: none;
  }
  .pacientamSlider__titleblock .button.button_green.button_large{
    display: none;
  }
  
  .pacientamSlider__title{
    font-size: 18px;
  }
  .pacientamSlider__titleblock{
    margin-bottom: 24px;
  }
}

.footer__social-button svg {
    width: 35px;
    height: 35px;
}
.footer__social-button {
    padding: 0;
    width: 35px;
    height: 35px;
    border: none;
}
 :root {
        --color: #b5aee1;
        --hover-color: #dcd8f6;
        --max-width: 360px;
    }

    .coopolicy__visible {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: fit-content;
        gap: 30px;
        background-color: #000000b5;
        color: white;
        border-radius: 13px;
        padding: 10px 15px;
        position: fixed;
        bottom: 20px;
        left: 50%;
        transform: translatex(-50%);
        max-width: var(--max-width);
        width: 100%;
        box-sizing: border-box;
    }

    .coopolicy,
    .coopolicy p {
        font-size: 14px;
        margin: 0;
    }

    .coopolicy__title,
    .coopolicy__agreed {
        font-weight: 900;
        font-size: 16px;
    }

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

    .coopolicy__agreed {
        color: #25C596;
        cursor: pointer;
    }

    .coopolicy__agreed:hover,
    .coopolicy__subtitle:hover {
        color: var(--hover-color);
    }

    .coopolicy__subtitle {
        cursor: pointer;
        text-decoration: underline;
        opacity: 0.8;
        font-size: 12px;
    }

    .coopolicy__hidden {
        padding: 30px;
        border-radius: 12px;
        background-color: white;
        max-width: var(--max-width);
        position: fixed;
        bottom: 100px;
        left: 50%;
        transform: translate(-50%, 150%);
        box-sizing: border-box;
        width: var(--max-width);
    }

    .coopolicy__hidden.active {
        transform: translate(-50%, -23%);
    }

    .coopolicy__close {
        padding: 5px 10px;
        background-color: #ebebeb;
        width: fit-content;
        border-radius: 50%;
        cursor: pointer;
        position: absolute;
        top: 14px;
        right: 14px;
    }

    .coopolicy__close:hover {
        background-color: var(--color);
    }

    .coopolicy__close span {
        transform: rotate(45deg);
        display: block;
    }

    .coopolicy__inner {
        display: flex;
        flex-direction: column;
        gap: 11px;
    }

    .coopolicy__hidden .coopolicy__agreed {
        background-color: var(--color);
        color: black;
        text-align: center;
        padding: 5px;
        border-radius: 20px;
        margin-top: 10px;
    }

    .coopolicy__hidden .coopolicy__agreed:hover {
        background-color: var(--hover-color);
    }

    .coopolicy>* {
        transition: transform 0.5s ease;
        z-index: 999999999999999999999999;
    }

    .closed.coopolicy {
        display: none;
        visibility: hidden;
        opacity: 0;
        z-index: -1;
    }

    .closed.coopolicy>* {
        display: none;
        visibility: hidden;
        opacity: 0;
        z-index: -1;
    }

    .coopolicy__text a:hover {
        color: var(--hover-color);
    }

    .coopolicy__text a {
        text-decoration: underline;
        color: black;
        font-weight: 600;
    }
    .coopolicy__visible {
        bottom: 105px;
    }
    
    .coopolicy__agreed_top {
            font-size: 14px;
            color: white;
            background-color: #25C596;
    }
    
    .coopolicy__agreed.coopolicy__agreed_top {
      background: #25C596;
      color: white;
      padding: 12px;
      border-radius: 8px;
      border: 1px solid #25C596;
    }
    
    .coopolicy__agreed.coopolicy__agreed_top:hover {
      background: white;
      color: #25C596;
    }
     .s-facts-block {
      padding: 60px 12px;
    }

    .s-facts-block__title {
      font-family: 'Roboto', sans-serif;
      font-size: 28px;
      font-weight: 700;
      color: #333;
      text-align: center;
      margin-bottom: 0;
      padding-bottom: 12px;
      position: relative;
    }

    .s-facts-block__title::after {
      content: '';
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 0;
      width: calc(100% + 40px);
      height: 3px;
      background: #e63946;
    }

    .s-facts-block__inner {
      max-width: 1200px;
      margin: 0 auto;
    }

    .s-facts-block__grid {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      justify-content: center;
      padding: 60px 12px 0;
    }

    .s-facts-block__card {
      flex: 0 1 calc(50% - 15px);
      max-width: calc(50% - 15px);
      min-width: 280px;
      background: #fff;
      border-radius: 0;
      overflow: hidden;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
      display: flex;
      flex-direction: column;
    }

    .s-facts-block__card-header {
      background: rgba(22, 109, 109, 1);

      color: #fff;

      padding: 12px 16px;
      border-radius: 0;


      font-family: 'Segoe UI';
      font-weight: 700;
      font-style: Bold;
      font-size: 21px;

      line-height: 24.15px;
      letter-spacing: 0%;
      text-align: center;
      vertical-align: middle;
      text-transform: uppercase;

    }

    .s-facts-block__card-content {
      padding: 16px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      flex: 1;
    }

    .s-facts-block__fact {

      font-family: 'Segoe UI';
      font-weight: 400;

      font-size: 21px;

      line-height: 29.4px;

      vertical-align: middle;


      color: rgba(84, 84, 84, 1);


    }

    .s-facts-block__source-block {
      margin-top: auto;
      padding: 12px;

      border-top: 1px solid #e0e0e0;
      border-radius: 0;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;

      color: rgba(64, 64, 64, 1);

      font-family: 'Segoe UI';
      font-weight: 400;

      font-size: 16px;

      line-height: 18.4px;

      vertical-align: middle;
      display: flex;
      flex-direction: column;

    }

    .s-facts-block__source-block strong {
      font-weight: 700;
    }

    .s-facts-block {
        overflow: hidden;
    }
    .s-facts-block__swiper .swiper-wrapper, .s-facts-block__swiper .swiper-slide {
        display: contents;
    }

    @media (max-width: 768px) {
      .s-facts-block {
        padding: 40px 12px;
      }

      .s-facts-block__grid {
        flex-direction: column;
        gap: 10px;
        /* padding: 40px 12px 0; */
        padding: 0;
      }

      .s-facts-block__card {
        flex: 1 1 100%;
        max-width: 100%;
        height: 100%;
      }

      .s-facts-block__swiper {
            display: block;
        }
        .s-facts-block__swiper .swiper-wrapper {
            display: flex;
        }
        .s-facts-block__swiper .swiper-slide {
            display: block;
            height: auto;
        }
    }
    
    
 /* Общие стили страницы — metro-page: основные стили */
.metro-page {
    --metro-green: #166d6d;
    --metro-soft: #e7f0f0;
    --metro-surface: #f8f8f8;
    color: #000;
    font-size: 16px;
    line-height: normal;
    padding-top: 30px;
}

.metro-page *,
.metro-page *::before,
.metro-page *::after {
    box-sizing: border-box;
}

.metro-page ul,
.metro-page ol,
.metro-page dl,
.metro-page dd {
    margin: 0;
    padding: 0;
    list-style: none;
}

.metro-page a {
    text-decoration: none;
}

.metro-page a:focus-visible,
.metro-page button:focus-visible {
    outline: 3px solid #166d6d;
    outline-offset: 4px;
}

.metro-page [id] {
    scroll-margin-top: 24px;
}

/* Общие стили страницы — metro-page: адаптив */
@media (max-width: 760px) {
    .metro-page {
        font-size: 14px;
        padding-top: 20px;
    }
}


/* Общие кнопки — metro-button: основные стили */
.metro-button {
    min-height: 58px;
    padding: 14px 24px;
    font-size: 16px;
    line-height: 18.4px;
    text-align: center;
    border: 0;
}

.metro-button_white {
    background: #fff;
    color: #000;
}

.metro-button_white:hover {
    background: #e7f0f0;
}


/* Общие заголовки секций — metro-section: основные стили */
.metro-section__header {
    margin-bottom: 40px;
}

.metro-section__title {
    margin-bottom: 20px;
    font-weight: 700;
    line-height: normal;
}

.metro-section__intro {
    max-width: 776px;
    margin: 0 auto;
    text-align: center;
    color: #000c;
}

/* Общие заголовки секций — metro-section: адаптив */
@media (max-width: 760px) {
    .metro-section__header {
        margin-bottom: 30px;
    }

    .metro-section__title {
        font-size: 22px;
        margin-bottom: 12px;
    }

    .metro-section__title span {
        max-width: 82%;
        padding: 0 16px;
    }

    .metro-section__desktop-break {
        display: none;
    }
}


/* Первый экран и срочная консультация — metro-hero, metro-consultation: основные стили */
.metro-hero__panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 460px;
    gap: 40px;
    padding: 40px;
    background: var(--metro-green);
    border-radius: 32px;
}

.metro-hero__main {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
    min-width: 0;
    color: #fff;
}

.metro-hero__badge {
    display: flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    border-radius: 30px;
    padding: 12px 20px;
    background: #ffffff1a;
}

.metro-hero__badge img {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
}

.metro-hero__title {
    font-size: 36px;
    font-weight: 700;
    line-height: normal;
    margin-top: 20px;
}

.metro-hero__description {
    margin-top: 16px;
    color: #ffffffcc;
}

.metro-hero__facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 24px !important;
}

.metro-hero__fact {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
    padding: 20px;
    border-radius: 15px;
    background: #ffffff1a;
}

.metro-hero__fact strong {
    font-size: 20px;
    font-weight: 700;
}

.metro-hero__actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.metro-consultation {
    padding: 32px;
    border-radius: 20px;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.metro-consultation__title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 8px;
}

.metro-consultation__prices {
    padding: 20px !important;
    background: var(--metro-soft);
    border-radius: 10px;
}

.metro-consultation__price {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 10px;
    padding: 12px 0;
    border-bottom: 1px solid #166d6d1a;
}

.metro-consultation__price:first-child {
    padding-top: 0;
}

.metro-consultation__price:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.metro-consultation__price dd {
    font-weight: 600;
    white-space: nowrap;
}

.metro-consultation__footer {
    display: grid;
    gap: 12px;
    margin-top: 4px;
}

.metro-consultation .metro-consultation__phone {
    display: inline;
    white-space: nowrap;
}

.metro-hero__benefits {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 10px !important;
}

.metro-hero__benefit {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px;
    border-radius: 20px;
    background: var(--metro-soft);
    font-size: 18px;
    font-weight: 600;
    color: #000c;
}

.metro-hero__number {
    display: grid;
    place-items: center;
    width: 60px;
    height: 60px;
    flex: 0 0 60px;
    border-radius: 12px;
    background: var(--metro-green);
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

/* Первый экран и срочная консультация — metro-hero, metro-consultation: адаптив */
@media (max-width: 1250px) {
    .metro-hero__panel {
        grid-template-columns: minmax(0, 1fr) 400px;
        gap: 24px;
        padding: 32px;
    }

    .metro-hero__fact {
        padding: 16px;
    }
}

@media (max-width: 1000px) {
    .metro-hero__panel {
        grid-template-columns: 1fr;
    }

    .metro-hero__benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .metro-hero__panel {
        padding: 20px;
        border-radius: 20px;
        gap: 20px;
    }

    .metro-hero__main {
        gap: 12px;
    }

    .metro-hero__badge {
        width: 100%;
        padding: 8px 16px;
        gap: 6px;
        border-radius: 15px;
    }

    .metro-hero__badge img {
        width: 16px;
        height: 16px;
        flex-basis: 16px;
    }

    .metro-hero__title {
        font-size: 24px;
        line-height: 1.2;
        margin-top: 12px;
    }

    .metro-hero__description {
        margin-top: 10px;
    }

    .metro-hero__facts {
        grid-template-columns: 1fr;
        gap: 8px;
        margin-top: 16px !important;
    }

    .metro-hero__fact {
        gap: 6px;
    }

    .metro-hero__fact strong {
        font-size: 18px;
    }

    .metro-hero__actions {
        flex-direction: column;
        gap: 8px;
    }

    .metro-consultation {
        padding: 20px;
        border-radius: 15px;
    }

    .metro-consultation__title {
        font-size: 18px;
    }

    .metro-consultation__prices {
        padding: 16px !important;
    }

    .metro-consultation__price {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        padding: 8px 0;
    }

    .metro-consultation .metro-consultation__phone {
        display: block;
    }

    .metro-hero__benefits {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .metro-hero__benefit {
        gap: 12px;
        padding: 8px;
        border-radius: 15px;
        font-size: 16px;
    }

    .metro-hero__number {
        width: 52px;
        height: 52px;
        flex-basis: 52px;
        border-radius: 7px;
        font-size: 18px;
    }
}  
.metro-page .metro-station-facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

.metro-station-facts__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    min-width: 0;
    padding: 20px;
    border-radius: 20px;
    background: var(--metro-soft, #e7f0f0);
}

.metro-station-facts__title {
    margin: 0;
    color: var(--metro-green, #166d6d);
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
}

.metro-station-facts__text {
    margin: 0;
    color: rgba(0, 0, 0, 0.8);
    font-size: 16px;
    line-height: normal;
}

/* Помощь у центральной станции — metro-station-facts: адаптив */
@media (max-width: 1000px) {
    .metro-page .metro-station-facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .metro-page .metro-station-facts {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .metro-station-facts__item {
        padding: 16px;
        border-radius: 15px;
    }

    .metro-station-facts__title {
        font-size: 18px;
    }

    .metro-station-facts__text {
        font-size: 14px;
    }
}
/* Выезд рядом со станцией — metro-location: основные стили */
.metro-location__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.metro-location__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 520px;
    padding: 40px;
    border-radius: 20px;
    background: #f8f8f8;
}

.metro-location__copy {
    display: grid;
    gap: 24px;
}

.metro-location__title {
    margin: 0;
    color: #000;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
}

.metro-location__text {
    display: grid;
    gap: 12px;
    color: #000c;
    font-size: 16px;
    line-height: normal;
}

.metro-location__text p,
.metro-location__caption p {
    margin: 0;
}

.metro-location__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 28px 0 0;
    padding: 0;
    list-style: none;
}

.metro-location__tags li {
    padding: 10px 16px;
    border-radius: 100px;
    background: #e7f0f0;
    color: #166d6d;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}

.metro-location__visual {
    position: relative;
    display: flex;
    min-height: 520px;
    align-items: flex-end;
    overflow: hidden;
    padding: 20px;
    border-radius: 20px;
    background: #e7f0f0;
}

.metro-location__image {
    position: absolute;
    top: -40.1%;
    left: 0;
    display: block;
    width: 100%;
    height: 153.3%;
    object-fit: cover;
}

.metro-location__caption {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 24px;
    border-radius: 10px;
    background: #fff;
    color: #000c;
    font-size: 16px;
    line-height: normal;
}

.metro-location__caption h3 {
    margin: 0 0 10px;
    color: #000;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
}

/* Выезд рядом со станцией — metro-location: адаптив */
@media (max-width: 1100px) {
    .metro-location__grid {
        grid-template-columns: 1fr;
    }

    .metro-location__visual {
        display: none;
    }
}

@media (max-width: 760px) {
    .metro-location__content {
        min-height: 0;
        padding: 20px;
        border-radius: 20px;
    }

    .metro-location__copy {
        gap: 16px;
    }

    .metro-location__title {
        font-size: 24px;
    }

    .metro-location__text {
        font-size: 14px;
    }

    .metro-location__tags {
        gap: 6px;
        margin-top: 20px;
    }

    .metro-location__tags li {
        padding: 8px 12px;
        font-size: 14px;
    }
}



/* Детальная страница: общая сетка, секции, заголовки, текст и кнопки */

.metro-detail {
    --detail-green: #166d6d;
    --detail-surface: #f8f8f8;
    padding-top: 30px;
    color: #000;
    font-family: "Segoe UI", sans-serif;
    font-size: 16px;
    line-height: normal;
}

.metro-detail *,
.metro-detail *::before,
.metro-detail *::after {
    box-sizing: border-box;
}

.metro-detail [id] {
    scroll-margin-top: 24px;
}

.metro-detail__layout {
    display: grid;
    grid-template-columns: 309px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}

.metro-detail__main {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

.metro-detail__section {
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 0;
    padding: 40px;
    border-radius: 20px;
    background: var(--detail-surface);
}

.metro-detail__title {
    width: 100%;
    margin: 0;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
}

.metro-detail__title span {
    max-width: calc(100% - 32px);
    background: var(--detail-surface);
}

.metro-detail__card-text,
.metro-detail__text {
    margin: 0;
}

.metro-detail__text-group {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.metro-detail__text-group .metro-detail__title {
    margin-bottom: 8px;
}

.metro-detail__section_grouped {
    gap: 40px;
}

.metro-detail__button {
    font-family: inherit;
    font-size: 16px;
    line-height: 18.4px;
    min-height: 42px;
    padding: 11px 20px 12px;
    border: 0;
    text-decoration: none;
    white-space: nowrap;
}

.metro-detail__button_large {
    min-height: 58px;
    padding: 19px 24px;
}

.metro-detail__section_green {
    --detail-surface: #166d6d;
}

.metro-detail__section_green .metro-detail__title {
    color: #fff;
}

.metro-detail__section_green .metro-detail__title::after {
    border-color: #fff;
}

.metro-detail__visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

.metro-detail a:focus-visible,
.metro-detail button:focus-visible,
.metro-detail__doctor-track:focus-visible {
    outline: 3px solid #9e0618;
    outline-offset: 3px;
}

/* Детальная страница: общая сетка, секции, заголовки, текст и кнопки: адаптив */

@media (max-width: 1199px) {
    .metro-detail__layout {
        grid-template-columns: 240px minmax(0, 1fr);
    }

    .metro-detail__section {
        padding: 28px;
    }

    .metro-detail__title {
        font-size: 26px;
    }

    .metro-detail__license-footer,
    .metro-detail__reviewer {
        flex-wrap: wrap;
    }
}

@media (max-width: 900px) {
    .metro-detail__layout {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 600px) {
    .metro-detail {
        font-size: 14px;
        padding-top: 20px;
    }

    .metro-detail__layout,
    .metro-detail__main {
        gap: 10px;
    }

    .metro-detail__section {
        padding: 40px 20px;
        gap: 20px;
    }

    .metro-detail__title {
        font-size: 18px;
    }

    .metro-detail__title span {
        max-width: calc(100% - 48px);
        padding: 0 10px;
    }

    .metro-detail__text-group {
        gap: 12px;
    }

    .metro-detail__text-group .metro-detail__title {
        margin-bottom: 8px;
    }

    .metro-detail__section_grouped {
        gap: 32px;
    }

    .metro-detail__button_large {
        min-height: 58px;
        font-size: 14px;
        padding: 16px;
    }

    .metro-detail__title_included span {
        width: 164px;
    }

    .metro-detail__title_prices span {
        width: 176.333px;
    }

    .metro-detail__title_therapy span {
        width: 183.333px;
    }

    .metro-detail__title_assessment span {
        width: 203.333px;
    }

    .metro-detail__title_preparation span {
        width: 183.333px;
    }

    .metro-detail__title_cost span {
        width: 183.333px;
    }

    .metro-detail__title_home-care span {
        width: 183.333px;
    }

    .metro-detail__title_map span {
        width: 151px;
    }

    .metro-detail__title_aftercare span {
        width: 180px;
    }

    .metro-detail__title_about span {
        width: 213.333px;
    }

    .metro-detail__title_timely span {
        width: 180px;
    }

    .metro-detail__title_privacy span {
        width: 160px;
    }
}

/* Детальная страница: боковое меню «Услуги у метро» */

.metro-detail__sidebar {
    padding: 24px;
    background: var(--detail-surface);
    border-radius: 20px;
}

.metro-detail__sidebar-title {
    margin: 0 0 16px;
    font-size: 20px;
    font-weight: 700;
    color: #000c;
}

.metro-detail__services {
    display: grid;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.metro-detail__service {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 100px;
    background: #fff;
    color: #000;
    text-decoration: none;
}

.metro-detail__service:hover {
    color: var(--detail-green);
    background: #e7f0f0;
}

.metro-detail__chevron {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-top: 1px solid var(--detail-green);
    border-right: 1px solid var(--detail-green);
    transform: rotate(45deg);
    margin-right: 3px;
}

/* Детальная страница: боковое меню «Услуги у метро»: адаптив */

@media (max-width: 900px) {
    .metro-detail__services {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .metro-detail__sidebar {
        padding: 20px;
    }

    .metro-detail__sidebar-title {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .metro-detail__services {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Детальная страница: информационные карточки */

.metro-detail__cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.metro-detail__cards_two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.metro-detail__card {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    border-radius: 20px;
    background: #fff;
    min-width: 0;
}

.metro-detail__card-title {
    color: var(--detail-green);
    font-size: 20px;
    line-height: normal;
    font-weight: 700;
    margin: 0;
}

/* Детальная страница: информационные карточки: адаптив */

@media (max-width: 1199px) {
    .metro-detail__cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .metro-detail__cards,
    .metro-detail__cards_two {
        grid-template-columns: minmax(0, 1fr);
    }

    .metro-detail__card {
        padding: 20px;
        gap: 8px;
        border-radius: 15px;
    }

    .metro-detail__card-title {
        font-size: 16px;
    }
}

/* Детальная страница: цены на услуги */

.metro-detail__prices {
    width: 100%;
    border: 0;
    border-collapse: collapse;
    table-layout: fixed;
    margin: 0;
}

.metro-detail__prices th,
.metro-detail__prices td {
    border: 0;
    padding: 20px 10px;
    text-align: left;
    vertical-align: middle;
    font-size: 16px;
    line-height: 1.3;
}

.metro-detail__prices th:first-child {
    width: 35%;
    padding-left: 20px;
}

.metro-detail__prices th:nth-child(2) {
    width: 30%;
}

.metro-detail__prices th:nth-child(3) {
    width: 18%;
}

.metro-detail__prices th:last-child,
.metro-detail__prices td:last-child {
    width: 17%;
    padding-right: 20px;
}

.metro-detail__prices thead th {
    background: var(--detail-green);
    color: #fff;
    padding-top: 16px;
    padding-bottom: 16px;
}

.metro-detail__prices thead th:first-child {
    border-radius: 40px 0 0 40px;
}

.metro-detail__prices thead th:last-child {
    border-radius: 0 40px 40px 0;
}

.metro-detail__prices tbody tr+tr {
    border-top: 1px solid #0000001a;
}

.metro-detail__price {
    font-weight: 700;
}

/* Детальная страница: цены на услуги: адаптив */

@media (max-width: 1199px) {
    .metro-detail__prices th,
    .metro-detail__prices td {
        padding: 16px 6px;
        font-size: 14px;
    }

    .metro-detail__prices th:first-child {
        width: 29%;
        padding-left: 12px;
    }

    .metro-detail__prices th:nth-child(2) {
        width: 29%;
    }

    .metro-detail__prices th:nth-child(3) {
        width: 22%;
    }

    .metro-detail__prices th:last-child,
    .metro-detail__prices td:last-child {
        width: 20%;
        padding-right: 10px;
    }

    .metro-detail__prices .metro-detail__button {
        font-size: 14px;
        padding: 10px 12px;
    }
}

@media (max-width: 600px) {
    .metro-detail__prices,
    .metro-detail__prices tbody {
        display: block;
    }

    .metro-detail__prices thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
    }

    .metro-detail__prices tbody tr {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        padding: 20px 0;
    }

    .metro-detail__prices tbody tr:first-child {
        padding-top: 0;
    }

    .metro-detail__prices tbody tr:last-child {
        padding-bottom: 0;
    }

    .metro-detail__prices th,
    .metro-detail__prices td,
    .metro-detail__prices th:first-child,
    .metro-detail__prices td:last-child {
        display: block;
        width: auto;
        padding: 0;
    }

    .metro-detail__prices .metro-detail__button {
        width: 100%;
        font-size: 14px;
    }
}

/* Детальная страница: списки подготовки и факторов стоимости */

.metro-detail__checklist {
    display: grid;
    gap: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.metro-detail__check-item {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.metro-detail__check-item img {
    flex: 0 0 20px;
    width: 20px;
    height: 24px;
    object-fit: contain;
}

/* Детальная страница: списки подготовки и факторов стоимости: адаптив */

@media (max-width: 600px) {
    .metro-detail__checklist {
        gap: 12px;
    }
}

/* Детальная страница: когда стоит обратиться за помощью */

.metro-detail__warnings {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.metro-detail__warning {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    border-radius: 15px;
    padding: 16px;
}

.metro-detail__warning img {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
}

/* Детальная страница: когда стоит обратиться за помощью: адаптив */

@media (max-width: 600px) {
    .metro-detail__warnings {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
    }

    .metro-detail__warning {
        padding: 16px;
        gap: 8px;
        border-radius: 10px;
    }
}

/* Детальная страница: карта зоны выезда */

.metro-detail__map {
    position: relative;
    height: 438px;
    border-radius: 20px;
    overflow: hidden;
}

.metro-detail__map-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.metro-detail__map-pin {
    position: absolute;
    left: 73.2%;
    top: 46%;
    width: 38px;
    height: 45px;
}

.metro-detail__map-pin>img {
    display: block;
    width: 38px;
    height: 45px;
}

.metro-detail__map-pin-center {
    position: absolute;
    display: grid;
    place-items: center;
    background: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    top: 4px;
    left: 4px;
}

.metro-detail__map-pin-center img {
    width: 15px;
    height: 12px;
}

.metro-detail__map-label {
    position: absolute;
    bottom: 6px;
    left: 6px;
    right: auto;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    border-radius: 20px;
    background: #fff;
    z-index: 1;
}

.metro-detail__map-label>img {
    width: 20px;
    height: 16px;
    flex: 0 0 20px;
    margin-top: 6px;
}

.metro-detail__map-label p {
    margin: 4px 0 0;
    color: #000c;
}

.metro-detail__map-title {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
}

/* Детальная страница: карта зоны выезда: адаптив */

@media (max-width: 600px) {
    .metro-detail__map {
        height: 320px;
    }

    .metro-detail__map-label {
        left: 10px;
        right: 10px;
        bottom: 10px;
        gap: 8px;
        padding: 16px;
        border-radius: 15px;
    }

    .metro-detail__map-label br {
        display: none;
    }

    .metro-detail__map-title {
        font-size: 16px;
    }

    .metro-detail__map-pin {
        left: 60%;
        top: 35.5%;
        transform: scale(.711);
        transform-origin: top left;
    }
}

/* Детальная страница: врачи клиники и управление слайдером */

.metro-detail__doctors {
    min-width: 0;
}

.metro-detail__doctor-track {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

.metro-detail__doctor-track::-webkit-scrollbar {
    display: none;
}

.metro-detail__doctor {
    display: flex;
    flex-direction: column;
    flex: 0 0 calc((100% - 40px) / 3);
    min-width: 0;
    border-radius: 15px;
    overflow: hidden;
    background: #fff;
    scroll-snap-align: start;
}

.metro-detail__doctor-photo {
    display: block;
    width: 100%;
    height: 280px;
    object-fit: cover;
}

.metro-detail__doctor-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 20px;
    text-align: center;
    gap: 8px;
    flex: 1;
}

.metro-detail__doctor-name {
    margin: 0 0 8px;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 600;
    text-decoration: underline;
}

.metro-detail__doctor-role {
    margin: 0;
    color: #858585;
    font-size: 14px;
    line-height: 1;
}

.metro-detail__doctor-action {
    border: 0;
    background: var(--detail-green);
    color: #fff;
    font: 600 16px/18px "Segoe UI", sans-serif;
    padding: 14px 20px;
    width: 100%;
    cursor: pointer;
}

.metro-detail__slider-controls {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 24px;
}

.metro-detail__slider-button {
    display: grid;
    place-items: center;
    border: 0;
    width: 40px;
    height: 40px;
    padding: 0 0 3px;
    border-radius: 50%;
    background: var(--detail-green);
    color: #fff;
    font: 26px/1 sans-serif;
    cursor: pointer;
}

.metro-detail__slider-button:disabled {
    background: #166d6d33;
    cursor: default;
}

/* Детальная страница: врачи клиники и управление слайдером: адаптив */

@media (max-width: 1199px) {
    .metro-detail__doctor {
        flex-basis: calc((100% - 20px) / 2);
    }
}

@media (max-width: 600px) {
    .metro-detail__doctor-track {
        gap: 10px;
    }

    .metro-detail__doctor {
        flex-basis: 220px;
    }

    .metro-detail__doctor-photo {
        height: 200px;
    }

    .metro-detail__doctor-info {
        padding: 14px 16px;
        gap: 4px;
    }

    .metro-detail__doctor-name {
        font-size: 16px;
        margin-bottom: 6px;
    }

    .metro-detail__doctor-role {
        font-size: 12px;
        line-height: 14px;
    }

    .metro-detail__doctor-action {
        font-size: 14px;
    }

    .metro-detail__slider-controls {
        display: none;
    }
}

/* Детальная страница: лицензии */

.metro-detail__licenses {
   width: 100%;
}

.metro-detail__license {
    display: block;
    height: 302px;
    border-radius: 8px;
    overflow: hidden;
}

.metro-detail__license img {
    display: block;
    width: 100%;
    height: 163%;
    object-fit: fill;
}

.metro-detail__license-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.metro-detail__license-number {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    padding: 10px 24px;
    margin: 0;
    border-radius: 100px;
    background: #c800181a;
    color: #c80018;
    font-weight: 600;
}

/* Детальная страница: лицензии: адаптив */

@media (max-width: 600px) {
    

    .metro-detail__license {
        height:260px;
        border-radius: 4px;
    }
    .metro-detail__license img{
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .metro-detail__license-footer {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .metro-detail__license-number {
        order: -1;
        min-height: 36px;
        padding: 8px 12px;
        font-size: 12px;
    }
}

/* Детальная страница: врач, проверивший страницу */

.metro-detail__reviewer {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.metro-detail__reviewer-profile {
    display: flex;
    align-items: center;
    gap: 20px;
    min-width: 0;
}

.metro-detail__reviewer-photo {
    width: 100px;
    height: 100px;
    flex: 0 0 100px;
    object-fit: cover;
    border-radius: 10px;
}

.metro-detail__reviewer-info {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.metro-detail__reviewer-info p {
    margin: 0;
    color: #000c;
}

.metro-detail__reviewer-info>p:first-child {
    margin-bottom: 4px;
}

.metro-detail__reviewer-role {
    font-weight: 600;
}

.metro-detail__reviewer-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
    flex: 0 0 197px;
}

.metro-detail__reviewer-actions p {
    margin: 0;
    color: #000c;
}

.metro-detail__reviewer-actions time {
    font-weight: 600;
    color: #000;
}

/* Детальная страница: врач, проверивший страницу: адаптив */

@media (max-width: 1199px) {
    .metro-detail__reviewer-actions {
        flex-direction: row;
        flex-basis: 100%;
        align-items: center;
        justify-content: space-between;
    }
}

@media (max-width: 600px) {
    .metro-detail__reviewer {
        padding: 20px;
        gap: 16px;
    }

    .metro-detail__reviewer-profile {
        display: grid;
        grid-template-columns: 80px minmax(0, 1fr);
        gap: 6px 12px;
        width: 100%;
    }

    .metro-detail__reviewer-info {
        display: contents;
    }

    .metro-detail__reviewer-info>p:first-child {
        grid-column: 1 / -1;
        grid-row: 1;
    }

    .metro-detail__reviewer-info .metro-detail__card-title {
        grid-column: 2;
        grid-row: 2;
    }

    .metro-detail__reviewer-role {
        grid-column: 2;
        grid-row: 3;
    }

    .metro-detail__reviewer-photo {
        width: 80px;
        height: 80px;
        grid-column: 1;
        grid-row: 2 / 4;
        align-self: center;
    }

    .metro-detail__reviewer-actions {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .metro-detail__reviewer-actions p {
        display: flex;
        justify-content: space-between;
        gap: 8px;
    }

    .metro-detail__reviewer-actions .metro-detail__button {
        min-height: 48px;
    }
}

/* Страница метро: общие стили */

.metro-page {
    --metro-green: #166d6d;
    --metro-soft: #e7f0f0;
    --metro-surface: #f8f8f8;
    color: #000;
    font-size: 16px;
    line-height: normal;
    padding-top: 30px;
}

.metro-page *,
.metro-page *::before,
.metro-page *::after {
    box-sizing: border-box;
}

.metro-page ul,
.metro-page ol,
.metro-page dl,
.metro-page dd {
    margin: 0;
    padding: 0;
    list-style: none;
}

.metro-page a {
    text-decoration: none;
}

.metro-page a:focus-visible,
.metro-page button:focus-visible {
    outline: 3px solid #166d6d;
    outline-offset: 4px;
}

.metro-page [id] {
    scroll-margin-top: 24px;
}

/* Страница метро: общие стили: адаптив */

@media (max-width: 760px) {
    .metro-page {
        font-size: 14px;
        padding-top: 20px;
    }
}

/* Страница метро: общие кнопки */

.metro-button {
    min-height: 58px;
    padding: 14px 24px;
    font-size: 16px;
    line-height: 18.4px;
    text-align: center;
    border: 0;
}

.metro-button_white {
    background: #fff;
    color: #000;
}

.metro-button_white:hover {
    background: #e7f0f0;
}

/* Первый экран: описание услуги и преимущества */

.metro-hero__panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 460px;
    gap: 40px;
    padding: 40px;
    background: var(--metro-green);
    border-radius: 32px;
}

.metro-hero__main {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
    min-width: 0;
    color: #fff;
}

.metro-hero__badge {
    display: flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    border-radius: 30px;
    padding: 12px 20px;
    background: #ffffff1a;
}

.metro-hero__badge img {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
}

.metro-hero__title {
    font-size: 36px;
    font-weight: 700;
    line-height: normal;
    margin-top: 20px;
}

.metro-hero__description {
    margin-top: 16px;
    color: #ffffffcc;
}

.metro-hero__facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 24px !important;
}

.metro-hero__fact {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
    padding: 20px;
    border-radius: 15px;
    background: #ffffff1a;
}

.metro-hero__fact strong {
    font-size: 20px;
    font-weight: 700;
}

.metro-hero__actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.metro-hero__benefits {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 10px !important;
}

.metro-hero__benefit {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px;
    border-radius: 20px;
    background: var(--metro-soft);
    font-size: 18px;
    font-weight: 600;
    color: #000c;
}

.metro-hero__number {
    display: grid;
    place-items: center;
    width: 60px;
    height: 60px;
    flex: 0 0 60px;
    border-radius: 12px;
    background: var(--metro-green);
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

/* Первый экран: описание услуги и преимущества: адаптив */

@media (max-width: 1250px) {
    .metro-hero__panel {
        grid-template-columns: minmax(0, 1fr) 400px;
        gap: 24px;
        padding: 32px;
    }

    .metro-hero__fact {
        padding: 16px;
    }
}

@media (max-width: 1000px) {
    .metro-hero__panel {
        grid-template-columns: 1fr;
    }

    .metro-hero__benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .metro-hero__panel {
        padding: 20px;
        border-radius: 20px;
        gap: 20px;
    }

    .metro-hero__main {
        gap: 12px;
    }

    .metro-hero__badge {
        width: 100%;
        padding: 8px 16px;
        gap: 6px;
        border-radius: 15px;
    }

    .metro-hero__badge img {
        width: 16px;
        height: 16px;
        flex-basis: 16px;
    }

    .metro-hero__title {
        font-size: 24px;
        line-height: 1.2;
        margin-top: 12px;
    }

    .metro-hero__description {
        margin-top: 10px;
    }

    .metro-hero__facts {
        grid-template-columns: 1fr;
        gap: 8px;
        margin-top: 16px !important;
    }

    .metro-hero__fact {
        gap: 6px;
    }

    .metro-hero__fact strong {
        font-size: 18px;
    }

    .metro-hero__actions {
        flex-direction: column;
        gap: 8px;
    }

    .metro-hero__benefits {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .metro-hero__benefit {
        gap: 12px;
        padding: 8px;
        border-radius: 15px;
        font-size: 16px;
    }

    .metro-hero__number {
        width: 52px;
        height: 52px;
        flex-basis: 52px;
        border-radius: 7px;
        font-size: 18px;
    }
}

/* Первый экран: консультация и стоимость услуг */

.metro-consultation {
    padding: 32px;
    border-radius: 20px;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.metro-consultation__title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 8px;
}

.metro-consultation__prices {
    padding: 20px !important;
    background: var(--metro-soft);
    border-radius: 10px;
}

.metro-consultation__price {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 10px;
    padding: 12px 0;
    border-bottom: 1px solid #166d6d1a;
}

.metro-consultation__price:first-child {
    padding-top: 0;
}

.metro-consultation__price:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.metro-consultation__price dd {
    font-weight: 600;
    white-space: nowrap;
}

.metro-consultation__footer {
    display: grid;
    gap: 12px;
    margin-top: 4px;
}

.metro-consultation .metro-consultation__phone {
    display: inline;
    white-space: nowrap;
}

/* Первый экран: консультация и стоимость услуг: адаптив */

@media (max-width: 760px) {
    .metro-consultation {
        padding: 20px;
        border-radius: 15px;
    }

    .metro-consultation__title {
        font-size: 18px;
    }

    .metro-consultation__prices {
        padding: 16px !important;
    }

    .metro-consultation__price {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        padding: 8px 0;
    }

    .metro-consultation .metro-consultation__phone {
        display: block;
    }
}

/* Страница метро: общие заголовки и описания секций */

.metro-section__header {
    margin-bottom: 40px;
}

.metro-section__title {
    margin-bottom: 20px;
    font-weight: 700;
    line-height: normal;
}

.metro-section__intro {
    max-width: 776px;
    margin: 0 auto;
    text-align: center;
    color: #000c;
}

/* Страница метро: общие заголовки и описания секций: адаптив */

@media (max-width: 760px) {
    .metro-section__header {
        margin-bottom: 30px;
    }

    .metro-section__title {
        font-size: 22px;
        margin-bottom: 12px;
    }

    .metro-section__title span {
        max-width: 82%;
        padding: 0 16px;
    }

    .metro-section__desktop-break {
        display: none;
    }
}

/* Станции метро: услуги, популярные станции и схема */

.metro-stations__services {
    display: flex;
    gap: 8px;
    margin-bottom: 20px;
}

.metro-stations__service {
    flex: 1 0 auto;
    padding: 14px 24px;
    border: 1px solid var(--metro-green);
    border-radius: 50px;
    background: #fff;
    color: var(--metro-green);
    font-weight: 700;
    font-size: 16px;
    line-height: 15px;
}

.metro-stations__service {
    text-align: center;
}

.metro-stations__service:hover,
.metro-stations__open:hover {
    background: #d6e7e7;
}

.metro-stations__layout {
    display: grid;
    grid-template-columns: 309px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}

.metro-stations__popular {
    background: var(--metro-surface);
    border-radius: 20px;
    padding: 24px;
}

.metro-stations__popular h3 {
    font-size: 20px;
    font-weight: 700;
    color: #000c;
    margin-bottom: 16px;
}

.metro-stations__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.metro-stations__tag {
    padding: 8px 16px;
    border-radius: 100px;
    color: #fff;
    background: var(--metro-green);
    font-weight: 600;
    line-height: normal;
}

.metro-stations__tag:hover {
    background: #115858;
}

.metro-stations__map {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px;
    border-radius: 20px;
    padding: 40px;
    background: var(--metro-surface);
}

.metro-stations__line {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
}

.metro-stations__line::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 23px;
    width: 2px;
    background: var(--metro-green);
}

.metro-stations__line:first-child::after,
.metro-stations__line:last-child::after {
    content: "";
    position: absolute;
    left: 16px;
    width: 16px;
    height: 2px;
    background: var(--metro-green);
}

.metro-stations__line:first-child::after {
    top: 0;
}

.metro-stations__line:last-child {
    align-self: start;
}

.metro-stations__line:last-child::after {
    bottom: 0;
}

.metro-stations__station {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.metro-stations__marker {
    width: 48px;
    height: 48px;
    border: 2px solid var(--metro-green);
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #fff;
    flex: 0 0 48px;
    z-index: 1;
}

.metro-stations__marker img {
    width: 22px;
    height: 18px;
}

.metro-stations__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 82px;
    padding: 20px;
    border-radius: 20px;
    background: #fff;
    flex: 1;
    min-width: 0;
}

.metro-stations__name {
    font-size: 18px;
    font-weight: 600;
}

.metro-stations__open {
    background: var(--metro-soft);
    border: 0;
    border-radius: 27px;
    padding: 13px 16px;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    color: #000;
}

.metro-stations__arrow {
    display: none;
}

/* Станции метро: услуги, популярные станции и схема: адаптив */

@media (max-width: 1250px) {
    .metro-stations__layout {
        grid-template-columns: 250px minmax(0, 1fr);
    }

    .metro-stations__map {
        gap: 20px;
        padding: 24px;
    }

    .metro-stations__row {
        padding: 14px;
    }

    .metro-stations__open {
        padding: 10px;
    }

    .metro-stations__name {
        font-size: 16px;
    }

    .metro-stations__service {
        padding-inline: 16px;
    }
}

@media (max-width: 1000px) {
    .metro-stations__layout {
        grid-template-columns: 1fr;
    }

    .metro-stations__services {
        overflow-x: auto;
        padding-bottom: 2px;
    }
}

@media (max-width: 760px) {
    .metro-stations__services {
        margin-bottom: 16px;
        gap: 4px;
    }

    .metro-stations__service {
        font-size: 14px;
        padding: 12px 16px;
    }

    .metro-stations__layout {
        gap: 10px;
    }

    .metro-stations__popular {
        padding: 20px;
    }

    .metro-stations__popular h3 {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .metro-stations__map {
        display: block;
        padding: 20px;
    }

    .metro-stations__line {
        gap: 6px;
    }

    .metro-stations__line::before {
        left: 17px;
    }

    .metro-stations__line:first-child {
        padding-bottom: 6px;
    }

    .metro-stations__line:first-child::after,
    .metro-stations__line:last-child::after {
        left: 10px;
    }

    .metro-stations__marker {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
    }

    .metro-stations__marker img {
        width: 16px;
        height: 12px;
    }

    .metro-stations__row {
        min-height: 48px;
        padding: 12px;
        border-radius: 20px;
    }

    .metro-stations__name {
        font-size: 14px;
    }

    .metro-stations__open {
        flex: 0 0 24px;
        width: 24px;
        height: 24px;
        padding: 0;
        color: var(--metro-green);
    }

    .metro-stations__open-label {
        display: none;
    }

    .metro-stations__arrow {
        display: block;
        font-size: 23px;
        line-height: 20px;
    }
}

/* Карточки помощи */

.metro-help__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.metro-help__card {
    padding: 24px;
    border-radius: 20px;
    background: var(--metro-surface);
}

.metro-help__number {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    background: var(--metro-green);
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    border-radius: 50%;
    margin-bottom: 32px;
}

.metro-help__number_red {
    background: #c80018;
}

.metro-help__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 12px;
}

.metro-help__description {
    color: #000c;
}

/* Карточки помощи: адаптив */

@media (max-width: 1000px) {
    .metro-help__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .metro-help__grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .metro-help__card {
        display: grid;
        grid-template-columns: 36px minmax(0, 1fr);
        align-items: center;
        gap: 12px;
        padding: 20px;
    }

    .metro-help__number {
        width: 36px;
        height: 36px;
        font-size: 16px;
        margin: 0;
    }

    .metro-help__title {
        font-size: 18px;
        margin: 0;
    }

    .metro-help__description {
        grid-column: 1 / -1;
    }
}

/* Причины обращения в клинику */

.metro-reasons__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2.05fr);
    gap: 20px;
}

.metro-reasons__summary {
    padding: 32px;
    border-radius: 20px;
    background: var(--metro-green);
    color: #ffffffcc;
}

.metro-reasons__summary h2 {
    font-size: 36px;
    line-height: 1.1;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
}

.metro-reasons__list {
    display: grid;
    gap: 12px;
    margin-top: 16px !important;
}

.metro-reasons__list li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.metro-reasons__list img {
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
}

.metro-reasons__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.metro-reasons__card {
    display: grid;
    grid-template-rows: 1fr auto auto;
    gap: 12px;
    min-height: 213px;
    padding: 28px;
    border-radius: 20px;
    background: var(--metro-surface);
}

.metro-reasons__icon {
    width: 40px;
    height: 40px;
    margin-bottom: 16px;
}

.metro-reasons__card h3 {
    font-size: 24px;
    font-weight: 600;
}

.metro-reasons__card p {
    color: #000c;
}

/* Причины обращения в клинику: адаптив */

@media (max-width: 1000px) {
    .metro-reasons__layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .metro-reasons__layout,
    .metro-reasons__grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .metro-reasons__summary {
        padding: 32px 20px;
    }

    .metro-reasons__summary h2 {
        font-size: 22px;
        margin-bottom: 12px;
    }

    .metro-reasons__list {
        gap: 8px;
        margin-top: 12px !important;
    }

    .metro-reasons__list li {
        gap: 6px;
    }

    .metro-reasons__card {
        grid-template-columns: 32px minmax(0, 1fr);
        grid-template-rows: auto auto;
        min-height: 0;
        padding: 20px;
        gap: 12px 8px;
        align-items: center;
    }

    .metro-reasons__icon {
        width: 32px;
        height: 32px;
        margin: 0;
    }

    .metro-reasons__card h3 {
        font-size: 18px;
    }

    .metro-reasons__card p {
        grid-column: 1 / -1;
    }
}

/* Врач и лицензии: общая сетка и оформление карточек */

.metro-trust__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.metro-doctor,
.metro-license {
    padding: 32px;
    border-radius: 20px;
    background: var(--metro-surface);
    min-width: 0;
}

.metro-trust__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
}

/* Врач и лицензии: общая сетка и оформление карточек: адаптив */

@media (max-width: 1000px) {
    .metro-trust__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .metro-trust__grid {
        gap: 8px;
    }

    .metro-doctor,
    .metro-license {
        padding: 20px;
    }

    .metro-trust__title {
        font-size: 18px;
    }
}

/* Карточка врача */

.metro-doctor__profile {
    display: grid;
    grid-template-columns: 129px minmax(0, 1fr);
    column-gap: 20px;
    row-gap: 12px;
    margin-top: 24px;
}

.metro-doctor__photo {
    width: 129px;
    height: 100%;
    min-height: 195px;
    grid-row: span 2;
    object-fit: cover;
    border-radius: 10px;
}

.metro-doctor__identity h4 {
    color: var(--metro-green);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
}

.metro-doctor__identity p {
    font-weight: 600;
    color: #000c;
}

.metro-doctor__bio {
    color: #000c;
}

.metro-doctor__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 28px !important;
}

.metro-doctor__tags li {
    background: var(--metro-soft);
    color: var(--metro-green);
    border-radius: 100px;
    padding: 10px 16px;
    font-weight: 600;
}

/* Карточка врача: адаптив */

@media (max-width: 760px) {
    .metro-doctor__profile {
        grid-template-columns: 90px minmax(0, 1fr);
        margin-top: 12px;
    }

    .metro-doctor__photo {
        width: 90px;
        height: 90px;
        min-height: 0;
        grid-row: auto;
        object-position: center;
    }

    .metro-doctor__identity h4 {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .metro-doctor__identity {
        align-self: center;
    }

    .metro-doctor__bio {
        grid-column: 1 / -1;
    }

    .metro-doctor__tags {
        gap: 4px;
        margin-top: 16px !important;
    }

    .metro-doctor__tags li {
        padding: 8px 12px;
    }

    .metro-doctor__tags li:first-child {
        order: 1;
    }
}

/* Карточка лицензий */

.metro-license {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.metro-license__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.metro-license__number {
    padding: 10px 16px;
    border-radius: 100px;
    background: #c800181a;
    color: #c80018;
    font-size: 14px;
    font-weight: 600;
}

.metro-license>p {
    color: #000c;
}

.metro-license__gallery {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 8px 0 12px;
}

.metro-license__preview {
    display: block;
    height: 120px;
    overflow: hidden;
    border-radius: 8px;
    background: #fff;
}

.metro-license__preview img {
    width: 100%;
    height: auto;
}

.metro-license__button {
    align-self: flex-start;
    margin-top: auto;
}

/* Карточка лицензий: адаптив */

@media (max-width: 760px) {
    .metro-license__heading {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .metro-license__number {
        font-size: 12px;
    }

    .metro-license__gallery {
        gap: 7px;
        margin: 4px 0;
    }

    .metro-license__preview {
        height: 80px;
    }

    .metro-license__button {
        align-self: stretch;
    }
}

.footer__social-button--linkedin:hover svg rect {
    fill: white;
}

.content-table__btn-view {
  display: none;
}

@media (width <=900px) {

  .content-table__btn-view {
    display: block;
  }

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

  .content-table__btn-view img {
    width: 25px;
  }

  
  .navigation__list-item .navigation__link {
    max-height: 200px;
    transition: max-height .3s, opacity .3s;
  }
  
  .navigation__list-item {
    margin-bottom: 10px;
    max-height: 200px;
    transition: max-height .3s, opacity .3s, margin-bottom .3s;
  }

  .navigation__list-item.close .navigation__link {
    max-height: 0;
    opacity: 0;
    margin-bottom: 0px;
  }
  
  .navigation__list-item.close  {
    max-height: 0;
    opacity: 0;
    margin-bottom: 0px;
  }
  
  .content-table__navigation {
      gap: 0px;
  }
}

.content-table__btn-view {
  transition: transform .3s;
}

.content-table__btn-view.open {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.metro-related {
    margin-top: 80px;
    gap: 40px;
    overflow: hidden;
}

.metro-related__title {
    font-size: 36px;
}

.metro-related__slider {
    width: 100%;
    min-width: 0;
    overflow: visible;
}

.metro-related__card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    height: auto;
    padding: 32px;
    background: #fff;
    border-radius: 20px;
    box-sizing: border-box;
}

.metro-related__card-title {
    margin: 0;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
}

.metro-related__links {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
}

.metro-related__link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 20px;
    border-radius: 10px;
    background: var(--detail-surface);
    color: #000;
    font-size: 16px;
    line-height: normal;
    text-decoration: none;
}

.metro-related__link:hover {
    background: #e7f0f0;
}

.metro-related__link-text {
    flex: 1;
    min-width: 0;
}

.metro-related__icon,
.metro-related__arrow {
    display: block;
    flex-shrink: 0;
}

@media (max-width: 1199px) {
    .metro-related {
        padding: 40px;
    }

    .metro-related__card {
        padding: 24px;
    }

    .metro-related__card-title {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .metro-related {
        padding: 40px 20px;
    }

    .metro-related__title {
        font-size: 22px;
    }

    .metro-related__title span {
        max-width: calc(100% - 8px);
        padding: 0 10px;
    }

    .metro-related__card {
        padding: 20px;
        gap: 12px;
        border-radius: 15px;
        justify-content: flex-start;
    }

    .metro-related__card-title {
        font-size: 16px;
    }

    .metro-related__link {
        padding: 12px 16px;
        gap: 8px;
        font-size: 14px;
    }

    .metro-related__icon_metro {
        width: 13px;
        height: 10px;
    }

    .metro-related__icon_location {
        width: 12px;
        height: 13.657px;
    }
}

.details__code-btn {
  display: none;
}

@media screen and (width <=900px) {
  .details__code {
    display: flex;
    justify-content: space-between;
  }

  .details__cards {
    max-height: 0;
    transition: max-height .3s, opacity .3s;
    opacity: 0;
  }

  .details__cards.open {
    max-height: 800px;
    opacity: 1;
  }

  .details__code-btn {
    display: block;
    transition: transform .3s;
  }

  .details__code-btn.open {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@media (max-width: 650px) {
    .consult {
        padding: 10px 0;
    }
}

@media screen and (max-width: 900px) {
    .law__inner {
        gap: 0px;
    }
    
    .law__pagination {
        padding-top: 15px;
    }
}

.spisok-literatury__btn {
  display: none;
}

@media (max-width: 560px) {
  .content-table .author__photo img {
      width: 45%;
  }
}

@media screen and (width <=900px) {
  .spisok-literatury__btn {
    display: block;
    transition: transform .3s;
  }
  
  #spisok-literatury span {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 30px;
  }

  .spisok-literatury__btn.open {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .list-references ol {
    max-height: 0;
    opacity: 0;
    transition: max-height .3s, opacity .3s;
  }

  .list-references ol.open {
    max-height: 1200px;
    opacity: 1;
    transition: max-height .3s, opacity .3s;
  }
}

/* Форма обратного звонка — metro-callback: основные стили */
.metro-callback {
    background: var(--metro-green, #166d6d);
    color: #fff;
}

.metro-callback__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 648px);
    gap: 100px;
    align-items: center;
    min-height: 688px;
}

.metro-callback__body {
    min-width: 0;
    padding-block: 48px;
}

.metro-callback__title {
    margin: 0 0 20px;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
}

.metro-callback__description {
    color: #ffffffcc;
    font-size: 16px;
    line-height: normal;
}

.metro-callback__form {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin-top: 40px;
}

.metro-callback__fields {
    display: grid;
    gap: 10px;
}

.metro-callback .metro-callback__input {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 71px;
    margin: 0;
    padding: 24px;
    border: 1px solid #fff;
    border-radius: 40px;
    background: transparent;
    color: #fff;
    font: inherit;
    line-height: 21px;
}

.metro-callback .metro-callback__input::placeholder {
    color: #ffffffb3;
    opacity: 1;
}

.metro-callback__consent {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 28px 0 24px;
    color: #ffffffb3;
    font-size: 16px;
    line-height: normal;
}

.metro-callback .metro-callback__checkbox {
    position: static;
    display: block;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    margin: 2px 0 0;
    padding: 0;
    appearance: auto;
    opacity: 1;
    accent-color: #c80018;
    cursor: pointer;
}

.metro-callback__consent label {
    min-width: 0;
    cursor: pointer;
}

.metro-page .metro-callback__consent a {
    color: inherit;
    font-weight: 600;
    text-decoration: underline;
}

.metro-callback__submit {
    align-self: flex-start;
}

.metro-callback__visual {
    display: flex;
    align-items: flex-end;
    align-self: stretch;
    min-width: 0;
}

.metro-callback__image {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 648 / 551;
    object-fit: contain;
}

.metro-callback .metro-callback__input:focus-visible,
.metro-callback .metro-callback__checkbox:focus-visible,
.metro-callback a:focus-visible,
.metro-callback button:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 4px;
}

/* Форма обратного звонка — metro-callback: адаптив */
@media (max-width: 1250px) {
    .metro-callback__inner {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 40px;
        min-height: 600px;
    }
}

@media (max-width: 760px) {
    .metro-callback__inner {
        display: block;
        min-height: 0;
    }

    .metro-callback__body {
        padding-block: 32px;
    }

    .metro-callback__title {
        margin-bottom: 12px;
        font-size: 24px;
    }

    .metro-callback__description {
        font-size: 14px;
    }

    .metro-callback__form {
        margin-top: 24px;
    }

    .metro-callback .metro-callback__input {
        min-height: 58px;
        padding: 18px 20px;
        font-size: 16px;
    }

    .metro-callback__consent {
        gap: 10px;
        margin: 20px 0;
        font-size: 14px;
    }

    .metro-callback__submit {
        align-self: stretch;
    }

    .metro-callback__visual {
        display: none;
    }
}

.metro-detail__section.base-text{
    gap:0;
    min-width:auto;
    width:100%;
}
.metro-detail__section.base-text h2{
    text-align:center;
    position:relative;
     z-index:11;
    font-size:32px;
    margin-bottom:20px;
}
.metro-detail__section.base-text span{
     background: #f8f8f8;
     padding:0 10px;
}
.metro-detail__section.base-text h2::after{
    content:'';
    display:block;
    position:absolute;
    top: 50%;
    height: 6px;
    width: 100%;
    border-top: 2px solid #9e0618;
    border-bottom: 2px solid #9e0618;
    z-index: -1;
}
.metro-detail__section.base-text p{
    font-size:16px;
    line-height:100%;
    margin-bottom:12px;
}
@media(max-width:1100px){
    .metro-detail__section.base-text h2::after{display:none;}
}
@media (max-width: 600px) {
    .metro-detail__section.base-text h2 {
        font-size: 18px;
    }
}

.metro-detail__section.base-text ul li{
    font-size:16px;
    color:rgba(0, 0, 0, 0.8);
    margin-bottom:12px;
    padding-left:27px;
    position:relative;
    
}
.metro-detail__section.base-text ol li{
    font-size:16px;
    color:rgba(0, 0, 0, 0.8);
    margin-bottom:12px;

    position:relative;
    
}
.metro-detail__section.base-text p{
     color:rgba(0, 0, 0, 0.8);
}
.metro-detail__section.base-text ul li::before{
    content:'';
    display:block;
    width:17px;
    height:17px;
    border-radius:50%;
    background-color:#166D6D;
    background-image:url('/netcat_template/template/domains/assets/img/checkmark.png');
    background-repeat:no-repeat;
    background-position:4px 6px;
    position:absolute;
    left:0;
    top:0;
}
@media(max-width:600px){
    .metro-detail__section.base-text ul li{
        font-size:14px;
    }
    .metro-detail__section.base-text ol li{
        font-size:14px;
    }
    .metro-detail__section.base-text p{
        font-size:14px
    }
}

.metro-steps__break {
    display: none;
}

.metro-page .metro-steps__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 40px;
    padding: 32px;
    border-radius: 20px;
    background: var(--metro-surface);
}

.metro-steps__item {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 200px;
}

.metro-steps__item + .metro-steps__item::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -20px;
    width: 1px;
    background: url("./metro-assets/steps-divider-desktop.svg") repeat-y;
}

.metro-steps__number {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin-bottom: 24px;
    border-radius: 50%;
    background: #c80018;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.metro-steps__title {
    margin: auto 0 12px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}

.metro-steps__text {
    margin: 0;
    color: #000c;
}

@media (min-width: 761px) and (max-width: 1100px) {
    .metro-page .metro-steps__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .metro-steps__item:nth-child(3)::before {
        content: none;
    }
}

@media (max-width: 760px) {
    .metro-steps .metro-section__title span {
        max-width: none;
        padding: 0 20px;
    }

    .metro-steps__break {
        display: initial;
    }

    .metro-page .metro-steps__list {
        grid-template-columns: 1fr;
        gap: 32px;
        padding: 20px;
    }

    .metro-steps__item {
        display: grid;
        grid-template-columns: 36px minmax(0, 1fr);
        align-items: center;
        gap: 12px;
        min-height: 0;
    }

    .metro-steps__item + .metro-steps__item::before {
        top: -16px;
        right: 0;
        bottom: auto;
        left: 0;
        width: auto;
        height: 1px;
        background: url("./metro-assets/steps-divider-mobile.svg") repeat-x;
    }

    .metro-steps__number {
        width: 36px;
        height: 36px;
        margin: 0;
        font-size: 16px;
    }

    .metro-steps__title {
        margin: 0;
        font-size: 18px;
    }

    .metro-steps__text {
        grid-column: 1 / -1;
    }
}




.popup-call__content {
  box-sizing: border-box;
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  flex: 0 1 620px;
  width: 100%;
  min-width: 0;
  max-width: 620px;
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 16px;
  background: #fff;
  color: #122632;
  box-shadow: 0 20px 80px #132f3433;
  overflow: auto;
  overscroll-behavior: contain;
  transform: none;
}

.popup-call__layout {
  grid-area: 1 / 1;
  min-width: 0;
}

.popup-call .popup-call__close {
  box-sizing: border-box;
  position: static;
  inset: auto;
  z-index: 1;
  grid-area: 1 / 1;
  align-self: start;
  justify-self: end;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin: 12px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #fff;
  font: inherit;
  font-size: 34px;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
  transform: none;
}

.popup-call__close::before,
.popup-call__close::after {
  content: none;
}

.popup-call__header {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 108px;
  align-items: center;
  gap: 20px;
  padding: 32px 32px 24px;
  background: #087981;
  color: #fff;
}

.popup-call__title {
  margin: 0 0 12px;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -.7px;
  overflow-wrap: break-word;
}

.popup-call__title-line,
.popup-call__description-line {
  display: block;
}

.popup-call__description {
  margin: 0;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.45;
}

.popup-call__hours {
  text-align: center;
}

.popup-call__clock {
  display: grid;
  place-items: center;
  width: 88px;
  height: 88px;
  margin: 0 auto 9px;
}

.popup-call__clock svg {
  grid-area: 1 / 1;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: #fff;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-linejoin: round;
  margin-right: 8px;
}

.popup-call__clock-text {
  grid-area: 1 / 1;
  color: #ff4658;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: -1px;
}

.popup-call__hours-text {
  display: block;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}

.popup-call__hours-line {
  display: block;
}

.popup-call__contacts {
  box-sizing: border-box;
  padding: 20px 32px 24px;
}

.popup-call__phones {
  display: grid;
  gap: 10px;
}

.popup-call__phone {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 20px;
  min-width: 0;
  min-height: 92px;
  margin: 0;
  padding: 14px 18px;
  border: 1px solid transparent;
  border-radius: 16px;
  background: #eaf4f5;
  color: #122632;
  text-decoration: none;
}

.popup-call__phone-icon {
  display: grid;
  place-items: center;
  flex: none;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fce1e4;
  color: #c8283c;
}

.popup-call__phone-icon svg {
  width: 30px;
  height: 30px;
  fill: currentColor;
}

.popup-call__phone-copy {
  min-width: 0;
}

.popup-call__phone-label {
  display: block;
  margin-bottom: 4px;
  color: #637580;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
}

.popup-call__phone-number {
  display: block;
  color: #122632;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.6px;
  white-space: nowrap;
}

.popup-call__phone-note {
  display: block;
  margin-top: 4px;
  color: #637580;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}

.popup-call__telegram {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 56px;
  margin-top: 12px;
  padding: 15px;
  border: 0;
  border-radius: 14px;
  background: #1597e5;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
  text-align: center;
}

.popup-call__telegram svg {
  flex: none;
  width: 28px;
  height: 28px;
  fill: #fff;
}

@media (hover: hover) {
  .popup-call__close:hover { opacity: .8; }
  .popup-call__phone:hover { background: #deeff0; border-color: #087981; color: #122632; }
  .popup-call__telegram:hover { background: #087fc6; color: #fff; }
}

@media (max-width: 640px) {
  .popup-call__header {
  grid-template-columns: minmax(0, 1fr) 92px;
  gap: 14px;
  padding: 32px 20px 20px;
  }
  .popup-call__title { margin-bottom: 14px; font-size: 26px; }
  .popup-call__description { font-size: 14px; }
  .popup-call__description-line { display: inline; }
  .popup-call__clock { width: 82px; height: 82px; margin-bottom: 7px; }
  .popup-call__clock-text { font-size: 26px; }
  .popup-call__hours-text { font-size: 11px; }
  .popup-call__contacts { padding: 16px 16px 20px; }
  .popup-call__phone { gap: 12px; min-height: 82px; padding: 12px; border-radius: 12px; }
  .popup-call__phone-icon { width: 52px; height: 52px; }
  .popup-call__phone-icon svg { width: 27px; height: 27px; }
  .popup-call__phone-label,
  .popup-call__phone-note { font-size: 12px; }
  .popup-call__phone-number { font-size: 23px; letter-spacing: -.4px; }
  .popup-call__telegram { gap: 10px; min-height: 52px; padding: 13px 10px; font-size: 17px; }
  .popup-call__telegram svg { width: 26px; height: 26px; }
}

@media (max-width: 480px) {
  .popup-call__header { grid-template-columns: minmax(0, 1fr); padding-top: 32px; }
  .popup-call__hours { display: flex; align-items: center; gap: 12px; text-align: left; }
  .popup-call__clock { width: 54px; height: 54px; margin: 0; }
  .popup-call__clock-text { font-size: 18px; }
  .popup-call__hours-text { font-size: 13px; }
  .popup-call__phone-number { font-size: 21px; }
  .popup-call__title-line:first-child { padding-right: 28px; }
}

@media (max-width: 350px) {
  .popup-call__contacts { padding: 16px 12px 20px; }
  .popup-call__phone { gap: 10px; padding: 14px 10px; }
  .popup-call__phone-icon { width: 44px; height: 44px; }
  .popup-call__phone-number { font-size: clamp(16px, 5.7vw, 20px); }
}

@media (max-height: 620px) {
  .popup-call__header { padding: 24px 24px 16px; }
  .popup-call__title { margin-bottom: 10px; font-size: 26px; }
  .popup-call__description { font-size: 14px; }
  .popup-call__clock { width: 68px; height: 68px; margin-bottom: 4px; }
  .popup-call__clock-text { font-size: 24px; }
  .popup-call__contacts { padding: 14px 24px 18px; }
  .popup-call__phone { min-height: 76px; padding: 10px 14px; }
  .popup-call__phone-icon { width: 48px; height: 48px; }
  .popup-call__telegram { min-height: 48px; margin-top: 10px; padding: 12px; }
}

@media (max-width: 480px) and (max-height: 620px) {
  .popup-call__header { gap: 10px; padding: 28px 18px 14px; }
  .popup-call__title { font-size: 24px; }
  .popup-call__description { font-size: 13px; }
  .popup-call__hours { gap: 10px; }
  .popup-call__clock { width: 44px; height: 44px; margin: 0; }
  .popup-call__clock-text { font-size: 18px; }
  .popup-call__hours-text { font-size: 11px; }
  .popup-call__contacts { padding: 12px; }
  .popup-call__phone { gap: 10px; padding: 10px; }
  .popup-call__phone-icon { width: 42px; height: 42px; }
  .popup-call__phone-label,
  .popup-call__phone-note { font-size: 11px; }
  .popup-call__phone-number { font-size: clamp(16px, 5.7vw, 20px); }
  .popup-call__telegram { font-size: 16px; }
}

@media (max-width: 480px) and (max-height: 500px) {
  .popup-call__header { gap: 6px; padding: 24px 16px 10px; }
  .popup-call__title { margin-bottom: 6px; font-size: 23px; }
  .popup-call__contacts { padding: 10px 12px; }
  .popup-call__phones { gap: 8px; }
  .popup-call__phone { min-height: 68px; padding: 8px 10px; }
  .popup-call__telegram { min-height: 44px; margin-top: 8px; padding: 10px; }
}

@media (min-width: 481px) {
  .popup-call__header { padding-right: 76px; }
}
.tpw{--tpw-teal:#166d6d;--tpw-deep:#125b5b;--tpw-ink:#193e3b;--tpw-muted:#637974;--tpw-red:#c80018;font:15px/1.45 "Segoe UI",Arial,sans-serif;color:var(--tpw-ink)}
.tpw *,.tpw *::before,.tpw *::after{box-sizing:border-box}.tpw [hidden]{display:none!important}.tpw button,.tpw input{font:inherit}.tpw button{cursor:pointer}.tpw a{color:inherit;text-decoration:none}.tpw button:focus-visible,.tpw a:focus-visible,.tpw input:focus-visible{outline:3px solid var(--tpw-red);outline-offset:3px}.tpw svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.tpw button,.tpw a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.tpw-dock{position:fixed;z-index:120;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:min(1110px,calc(100% - 48px))}
.tpw-panel{animation:tpw-border-breathe 8s ease-in-out infinite,tpw-appear .28s ease-out;position:relative;display:flex;align-items:center;gap:24px;padding:17px 23px 17px 19px;min-height:116px;border:1px solid #cee0d9;border-radius:19px;background:#fff;box-shadow:0 14px 55px #153f3324,0 2px 8px #153f3309}
.tpw-intro{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.tpw-intro-copy{min-width:0;flex:1}.tpw-message{transition:opacity .17s ease,transform .17s ease}.tpw-message.is-changing,.tpw-launcher-label.is-changing{opacity:0;transform:translateY(3px)}.tpw-portrait{display:block;width:68px;height:68px;flex:none;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #a9ccc0;background:#edf4f0;animation:tpw-portrait-breathe 8s ease-in-out infinite}.tpw-photo-crop{display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit}.tpw-photo-crop img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 28%;transform:scale(1.75);transform-origin:50% 26%}.tpw-emblem{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;flex:none;background:var(--tpw-teal);color:#fff;position:relative}.tpw-emblem>svg{width:29px;height:29px}.tpw-emblem::after{content:"";width:11px;height:11px;border:3px solid #fff;border-radius:50%;background:#9de4c6;position:absolute;right:-3px;bottom:2px}.tpw-eyebrow{display:flex;align-items:center;gap:7px;color:var(--tpw-teal);font-size:11px;letter-spacing:.8px;font-weight:700;text-transform:uppercase;margin-bottom:3px}.tpw-eyebrow span{color:#748680;font-size:10px;letter-spacing:.2px;font-weight:500}.tpw-intro strong{display:block;font-size:19px;line-height:1.3;letter-spacing:-.35px;font-weight:650}.tpw-intro p{margin:4px 0 0;font-size:12px;color:var(--tpw-muted)}
.tpw-primary{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:13px;flex:none;border:0;border-radius:11px;background:var(--tpw-teal);color:#fff;min-height:53px;padding:10px 17px;font-weight:650!important;font-size:14px!important;transition:background .2s,transform .2s,box-shadow .2s}.tpw-primary::after{content:"";position:absolute;z-index:-1;inset:-50% auto -50% -60%;width:35%;background:linear-gradient(90deg,transparent,#ffffff25,transparent);transform:skewX(-22deg);animation:tpw-button-shine 9s ease-in-out infinite;pointer-events:none}.tpw-primary>svg{width:19px;height:19px}.tpw-primary>span:last-child{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#ffffff1f;font-size:16px}.tpw-primary:hover{background:#0c5656;transform:translateY(-2px);box-shadow:0 6px 17px #125b5b26}.tpw-primary>span:last-child{transition:transform .2s}.tpw-primary:hover>span:last-child{transform:translate(2px,-2px)}.tpw-primary:active{transform:translateY(0)}
.tpw-actions{display:flex;gap:8px;border-left:1px solid #e1eae6;padding-left:20px}.tpw-action{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:64px;min-width:69px;border:0;background:transparent;border-radius:10px;padding:7px 9px;color:var(--tpw-ink);font-size:11px!important;font-weight:600!important;position:relative;transition:background .18s,transform .2s,box-shadow .2s}.tpw-action::after{content:"";position:absolute;inset:0;border:1px solid #9bc6b5;border-radius:inherit;opacity:0;transform:scale(.94);transition:opacity .2s,transform .2s;pointer-events:none}.tpw-action:hover::after,.tpw-action:focus-visible::after{opacity:1;transform:scale(1)}.tpw-action:active{transform:scale(.96)}.tpw-action:hover{background:#edf5f2}.tpw-action svg{color:var(--tpw-teal);width:23px;height:23px;transition:transform .22s ease}.tpw-action--phone:hover svg{animation:tpw-phone-ring .55s ease-in-out 2}.tpw-action--tg:hover svg{transform:translate(3px,-3px) rotate(-6deg)}.tpw-action--calc:hover svg{transform:scale(1.14)}.tpw-action--chat:hover svg{transform:translateY(-3px)}.tpw-action--tg svg{fill:#229ed9;stroke:none}.tpw-action--calc svg{color:#b20c24}.tpw-action--calc:hover{background:#fbf0f1}
.tpw-collapse{position:absolute;top:-30px;right:20px;display:flex;align-items:center;justify-content:center;gap:8px;width:101px;height:31px;padding:0 10px;border:1px solid #b8d3c7;border-bottom:0;border-radius:12px 12px 0 0;background:#f2f8f4;color:#456e5e;box-shadow:0 -3px 12px #193e3b07;font-size:11px!important;font-weight:600!important;transition:background .2s,color .2s}.tpw-collapse::after{content:"";position:absolute;inset:-7px -3px 0}.tpw-collapse svg{width:14px;height:14px;transition:transform .2s}.tpw-collapse:hover{background:#166d6d;color:#fff}.tpw-collapse:hover svg{transform:translateY(2px)}
.tpw-dock[data-collapsed="true"]{left:auto;right:24px;transform:none;width:auto}.tpw-launcher{animation:tpw-launcher-breathe 8s ease-in-out infinite;display:flex;align-items:center;gap:12px;padding:8px 16px 8px 8px;min-height:58px;border:1px solid #0e5654;border-radius:32px;background:linear-gradient(120deg,#166d6d,#125b5b);color:#fff;box-shadow:0 10px 30px #0c4c4145;font-weight:650!important;font-size:14px!important;transition:box-shadow .2s}.tpw-launcher:hover{background:#0e5654;box-shadow:0 12px 35px #0c4c4155;transform:translateY(-2px)}.tpw-launcher .tpw-portrait{width:40px;height:40px;animation:none;border-color:#fff;box-shadow:0 0 0 1px #ffffff60}.tpw-launcher-label{display:block;width:145px;text-align:left;transition:opacity .17s,transform .17s}.tpw-launcher .tpw-emblem svg{width:22px;height:22px}.tpw-launcher>svg{width:16px;height:16px;color:#fff}
.tpw-dialog{position:fixed;inset:auto 24px calc(144px + env(safe-area-inset-bottom,0px)) auto;width:385px;max-width:calc(100% - 32px);max-height:calc(100dvh - 176px - env(safe-area-inset-bottom,0px));overflow:auto;margin:0;padding:0;border:1px solid #d8e6df;border-radius:20px;background:#fff;color:var(--tpw-ink);box-shadow:0 20px 75px #103a3130}.tpw-dialog[open]{animation:tpw-appear .22s ease-out}.tpw-dialog::backdrop{background:#123b3430;backdrop-filter:blur(3px)}.tpw-dialog-header{position:relative;padding:25px 25px 22px;background:linear-gradient(125deg,#166d6d,#115454);color:#fff;overflow:hidden}.tpw-dialog-header::before{content:"";position:absolute;width:180px;height:180px;border:1px solid #ffffff14;border-radius:50%;right:-83px;bottom:-120px;box-shadow:0 0 0 25px #ffffff06,0 0 0 50px #ffffff04}.tpw-dialog-kicker{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.5px;margin-bottom:14px;color:#d3eee5}.tpw-dialog-kicker svg{width:17px;height:17px}.tpw-dialog h2{font-size:25px;line-height:1.2;letter-spacing:-.6px;margin:0 35px 9px 0;font-weight:650}.tpw-dialog-header p{margin:0;max-width:300px;font-size:13px;color:#e0efea}.tpw-close{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:#ffffff14;color:#fff}.tpw-close:hover{background:#ffffff26}.tpw-close svg{width:18px;height:18px}.tpw-dialog-body{padding:22px 23px 21px}.tpw-caption{display:block;margin:0 0 10px;color:#758980;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:650}
.tpw-contact{display:flex;align-items:center;gap:12px;border:1px solid #dfebe5;border-radius:12px;padding:12px;margin-bottom:10px;transition:background .2s,border-color .2s;width:100%;text-align:left;background:#fff;color:var(--tpw-ink)}.tpw-contact:hover{background:#f3f8f5;border-color:#b4d0c2}.tpw-contact-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:#eaf3ed;color:var(--tpw-teal);flex:none}.tpw-contact--tg .tpw-contact-icon{background:#edf6fc;color:#229ed9}.tpw-contact--tg svg{fill:currentColor;stroke:none}.tpw-contact>span:nth-child(2){flex:1;min-width:0}.tpw-contact strong{font-size:15px;font-weight:650;display:block}.tpw-contact small{font-size:11px;color:var(--tpw-muted);display:block;margin-top:2px}.tpw-contact>svg{width:17px;height:17px;color:#6f8d7d}.tpw-contact--callback{margin-top:16px;background:#fbf3f4;border-color:#f0dadd}.tpw-contact--callback .tpw-contact-icon{background:#f7e5e8;color:#b10b23}.tpw-contact--callback:hover{background:#f8e8eb;border-color:#deb7bf}.tpw-dialog-footer{display:flex;align-items:center;gap:7px;font-size:11px;color:#688075;margin-top:18px}.tpw-dialog-footer svg{width:14px;height:14px}.tpw-dialog-footer a{text-decoration:underline;text-underline-offset:3px}
.tpw-back{display:flex;gap:7px;align-items:center;border:0;background:none;padding:0;min-height:38px;margin:-7px 0 10px;color:var(--tpw-teal);font-size:12px!important}.tpw-back svg{width:16px;height:16px}.tpw-form>p{color:var(--tpw-muted);font-size:13px;margin:0 0 20px}.tpw-label{display:block;margin-bottom:8px;font-size:13px;font-weight:600}.tpw-input{display:block;width:100%;min-height:50px;background:#fff;border:1px solid #c4d9cf;border-radius:10px;padding:11px 12px;color:var(--tpw-ink);font-size:16px!important;box-shadow:none}.tpw-input::placeholder{color:#8a9b94}.tpw-input[aria-invalid="true"]{border-color:#c80018}.tpw-form .tpw-error{color:#b30b23;font-size:12px;margin:7px 0 0}.tpw-consent{display:flex;align-items:flex-start;gap:9px;margin:16px 0;color:#617a6f;font-size:11px;line-height:1.5;cursor:pointer}.tpw-consent input{accent-color:var(--tpw-teal);width:17px;height:17px;flex:none;margin:2px 0 0}.tpw-consent a{text-decoration:underline;text-underline-offset:2px}.tpw-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:49px;border:0;border-radius:10px;background:var(--tpw-red);color:#fff;font-weight:650!important;font-size:14px!important}.tpw-submit:hover{background:#a70014}.tpw-submit svg{width:18px;height:18px}.tpw-form-result{padding:13px;border:1px solid #c5ded2;border-radius:10px;background:#f0f8f3;font-size:13px;color:#285741;margin-top:15px}.tpw-form-result p{margin:5px 0 10px}.tpw-form-result a{display:block;padding-block:5px;text-decoration:underline;text-underline-offset:3px}
@keyframes tpw-appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1040px){.tpw-panel{gap:15px;padding-inline:16px}.tpw-intro{gap:11px}.tpw-portrait{width:60px;height:60px}.tpw-intro strong{font-size:17px}.tpw-emblem{width:50px;height:50px}.tpw-primary{padding-inline:14px;font-size:13px!important;gap:10px}.tpw-primary>svg{display:none}.tpw-actions{padding-left:12px;gap:3px}.tpw-action{min-width:62px;padding-inline:6px}.tpw-eyebrow span{display:none}}
@media(max-width:820px){.tpw-panel{gap:13px}.tpw-emblem{width:45px;height:45px}.tpw-intro strong{font-size:16px}.tpw-intro p{font-size:11px}.tpw-primary{font-size:12px!important;padding-inline:12px}.tpw-primary>span:last-child{display:none}.tpw-action{min-width:54px;font-size:10px!important}.tpw-actions{padding-left:9px}.tpw-dialog{bottom:calc(144px + env(safe-area-inset-bottom,0px))}}
@media(max-width:820px){.tpw-dock{width:calc(100% - 20px);bottom:calc(10px + env(safe-area-inset-bottom,0px))}.tpw-panel{display:grid;grid-template-columns:1fr;padding:13px 10px 8px;gap:11px;border-radius:17px}.tpw-intro{padding-left:3px;gap:12px;padding-right:3px}.tpw-portrait{width:48px;height:48px}.tpw-emblem{width:36px;height:36px;border-radius:11px}.tpw-emblem>svg{width:22px;height:22px}.tpw-emblem::after{width:9px;height:9px;border-width:2px}.tpw-eyebrow{font-size:9px;letter-spacing:.7px;margin-bottom:2px}.tpw-eyebrow span{display:inline;font-size:9px}.tpw-intro strong{font-size:15px;line-height:1.3;letter-spacing:-.15px}.tpw-intro p{display:block;font-size:11px;line-height:1.35;margin-top:3px}.tpw-primary{display:none}.tpw-actions{padding:0;border:0;gap:5px;display:grid;grid-template-columns:repeat(4,1fr)}.tpw-action{padding:8px 4px;gap:4px;min-height:59px;min-width:0;background:#f2f7f4;font-size:10px!important;border-radius:10px}.tpw-action--chat{display:flex}.tpw-action svg{width:21px;height:21px}.tpw-action--tg{background:#eef6fa}.tpw-action--calc{background:#fbf2f3}.tpw-collapse{top:-28px;right:16px;width:95px;height:29px;font-size:10px!important}.tpw-collapse svg{width:15px;height:15px}.tpw-dock[data-collapsed="true"]{right:12px}.tpw-launcher{min-height:52px;padding:6px 13px 6px 6px;font-size:13px!important;gap:9px}.tpw-launcher .tpw-portrait{width:36px;height:36px}.tpw-dialog{inset:auto 10px calc(150px + env(safe-area-inset-bottom,0px)) 10px;width:auto;max-width:none;max-height:calc(100dvh - 170px - env(safe-area-inset-bottom,0px));border-radius:18px}.tpw-dialog-header{padding:22px}.tpw-dialog h2{font-size:23px}.tpw-dialog-kicker{margin-bottom:11px}.tpw-dialog-body{padding:18px 20px}.tpw-dialog-footer{margin-top:14px}.tpw-contact{padding:11px;margin-bottom:8px}.tpw-contact strong{font-size:14px}.tpw-contact--callback{margin-top:12px}.tpw-form>p{margin-bottom:15px}.tpw-dialog[data-collapsed="true"]{bottom:calc(78px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 98px - env(safe-area-inset-bottom,0px))}}
@media(max-height:540px){.tpw-dialog{inset:12px 12px auto auto;max-height:calc(100dvh - 24px);width:min(400px,calc(100% - 24px))}.tpw-dialog-header{padding:18px 22px}.tpw-dialog-kicker{margin-bottom:8px}.tpw-dialog-body{padding-top:15px}.tpw-dialog[data-collapsed="true"]{inset:12px 12px auto auto;max-height:calc(100dvh - 24px)}}


.tpw-intro>.tpw-portrait{padding:0;transition:transform .2s}.tpw-intro>.tpw-portrait:hover{transform:translateY(-2px)}
.tpw-tip{position:absolute;bottom:calc(100% + 11px);left:50%;transform:translateX(-50%);width:max-content;max-width:280px;padding:9px 12px;border-radius:9px;background:#153f35;color:#fff;font-size:12px;line-height:1.4;font-weight:400;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;pointer-events:none;box-shadow:0 6px 20px #153f3326;z-index:3}
.tpw-tip::after{content:"";position:absolute;top:100%;left:50%;border:5px solid transparent;border-top-color:#153f35}
.tpw-action--chat .tpw-tip{left:auto;right:0;transform:none}.tpw-action--chat .tpw-tip::after{left:auto;right:20px}
.tpw-action:focus-visible .tpw-tip{opacity:1;visibility:visible}.tpw[data-tooltips-dismissed="true"] .tpw-tip{opacity:0!important;visibility:hidden!important}
@media(hover:hover){.tpw-action:hover .tpw-tip{opacity:1;visibility:visible}}
.tpw-copy-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-4px 0 13px}.tpw-copy{display:flex;align-items:center;gap:5px;min-height:32px;border:0;border-radius:6px;padding:3px 4px;background:none;color:#4d7d68;font-size:11px!important}.tpw-copy:hover{background:#edf5ef}.tpw-copy svg{width:13px;height:13px}.tpw-copy-row>span{font-size:10px;color:#487b64}
/* Пять альтернативных компоновок доступны через ?layout=… в режиме прототипа. */
@media(min-width:821px){
.tpw[data-layout="card"] .tpw-dock{left:auto;right:24px;transform:none;width:360px}.tpw[data-layout="card"] .tpw-panel{display:flex;flex-direction:column;align-items:stretch;gap:21px;padding:25px 23px 22px;border-radius:24px}.tpw[data-layout="card"] .tpw-intro{align-items:flex-start;gap:15px}.tpw[data-layout="card"] .tpw-portrait{width:62px;height:62px}.tpw[data-layout="card"] .tpw-eyebrow{font-size:10px;letter-spacing:.3px}.tpw[data-layout="card"] .tpw-eyebrow>span{display:none}.tpw[data-layout="card"] .tpw-intro strong{font-size:20px;line-height:1.25}.tpw[data-layout="card"] .tpw-intro p{font-size:12px;line-height:1.5;margin-top:7px}.tpw[data-layout="card"] .tpw-primary{min-height:50px}.tpw[data-layout="card"] .tpw-actions{padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.tpw[data-layout="card"] .tpw-action{flex-direction:row;gap:9px;background:#eef5f1;min-height:51px;font-size:12px!important}.tpw[data-layout="card"] .tpw-action--calc{background:#fbf0f2}.tpw[data-layout="card"] .tpw-action--tg{background:#eef6fb}.tpw[data-layout="card"] .tpw[data-layout="card"] .tpw-collapse{right:24px}
.tpw[data-layout="capsule"] .tpw-dock{width:min(930px,calc(100% - 48px))}.tpw[data-layout="capsule"] .tpw-panel{border-radius:60px;min-height:89px;padding:11px 17px 11px 12px;gap:23px}.tpw[data-layout="capsule"] .tpw-portrait{width:60px;height:60px}.tpw[data-layout="capsule"] .tpw-intro strong{font-size:17px}.tpw[data-layout="capsule"] .tpw-intro p{display:none}.tpw[data-layout="capsule"] .tpw-message{min-height:0!important}.tpw[data-layout="capsule"] .tpw-eyebrow>span{display:none}.tpw[data-layout="capsule"] .tpw-primary{order:3;min-height:48px;border-radius:30px;padding-inline:18px;font-size:12px!important}.tpw[data-layout="capsule"] .tpw-primary>svg{display:none}.tpw[data-layout="capsule"] .tpw-primary>span:last-child{display:none}.tpw[data-layout="capsule"] .tpw-actions{padding-left:18px;gap:7px}.tpw[data-layout="capsule"] .tpw-action{min-width:44px;min-height:44px;width:44px;height:44px;border-radius:50%;background:#edf5f0;padding:10px}.tpw[data-layout="capsule"] .tpw-action>span:not(.tpw-tip){display:none}.tpw[data-layout="capsule"] .tpw-action--tg{background:#edf6fc}.tpw[data-layout="capsule"] .tpw-action--calc{background:#faedf0}.tpw[data-layout="capsule"] .tpw-collapse{right:38px;top:-27px;height:28px;width:88px}
.tpw[data-layout="conversation"] .tpw-dock{left:24px;transform:none;width:650px}.tpw[data-layout="conversation"] .tpw-panel{gap:13px;padding:0;border:0;border-radius:16px;box-shadow:none;background:transparent;animation:none;min-height:62px}.tpw[data-layout="conversation"] .tpw-intro{position:absolute;bottom:calc(100% + 15px);left:0;width:390px;background:#fff;border:1px solid #bad8c9;border-radius:23px 23px 23px 5px;padding:19px;box-shadow:0 8px 30px #153f3320;align-items:flex-start}.tpw[data-layout="conversation"] .tpw-portrait{width:62px;height:62px}.tpw[data-layout="conversation"] .tpw-intro strong{font-size:19px}.tpw[data-layout="conversation"] .tpw-intro p{margin-top:7px;line-height:1.5}.tpw[data-layout="conversation"] .tpw-eyebrow>span{display:none}.tpw[data-layout="conversation"] .tpw-primary{order:2;min-height:62px;border-radius:16px;box-shadow:0 6px 25px #153f3320}.tpw[data-layout="conversation"] .tpw-primary>svg{display:none}.tpw[data-layout="conversation"] .tpw-actions{display:flex;gap:7px;background:#fff;padding:6px 9px;border:1px solid #d2e2d9;border-radius:16px;box-shadow:0 6px 25px #153f3318}.tpw[data-layout="conversation"] .tpw-action{min-width:67px;min-height:50px;gap:3px;padding:5px 7px}.tpw[data-layout="conversation"] .tpw-collapse{top:auto;bottom:calc(100% + var(--tpw-intro-height,150px) + 14px);right:auto;left:283px}.tpw[data-layout="conversation"] .tpw-dialog{left:24px;right:auto}
.tpw[data-layout="rail"] .tpw-dock{left:auto;right:24px;transform:none;width:370px}.tpw[data-layout="rail"] .tpw-panel{display:grid;grid-template-columns:minmax(0,1fr) 63px;gap:0;padding:0;border-radius:23px;overflow:visible}.tpw[data-layout="rail"] .tpw-intro{padding:23px 20px 18px;display:block;align-self:start}.tpw[data-layout="rail"] .tpw-portrait{width:65px;height:65px;margin-bottom:16px}.tpw[data-layout="rail"] .tpw-intro strong{font-size:22px;line-height:1.25}.tpw[data-layout="rail"] .tpw-intro p{font-size:13px;line-height:1.5;margin-top:10px}.tpw[data-layout="rail"] .tpw-eyebrow>span{display:none}.tpw[data-layout="rail"] .tpw-primary{grid-column:1;grid-row:2;min-height:47px;font-size:12px!important;margin:0 18px 20px;padding-inline:12px}.tpw[data-layout="rail"] .tpw-primary>svg{display:none}.tpw[data-layout="rail"] .tpw-primary>span:last-child{display:none}.tpw[data-layout="rail"] .tpw-actions{grid-column:2;grid-row:1 / span 2;padding:15px 6px;border:0;background:#166d6d;border-radius:0 22px 22px 0;display:flex;flex-direction:column;justify-content:space-around;gap:10px}.tpw[data-layout="rail"] .tpw-action{min-width:0;min-height:58px;width:49px;font-size:8px!important;gap:7px;padding:7px 0;color:#fff}.tpw[data-layout="rail"] .tpw-action svg{color:#fff}.tpw[data-layout="rail"] .tpw-action--tg svg{fill:#fff}.tpw[data-layout="rail"] .tpw-action:hover{background:#ffffff19}.tpw[data-layout="rail"] .tpw-collapse{right:18px}.tpw[data-layout="rail"] .tpw-action--chat .tpw-tip{right:100%;bottom:0}.tpw[data-layout="rail"] .tpw-action .tpw-tip{left:auto;right:calc(100% + 12px);bottom:12px;transform:none}
.tpw[data-layout="footer"] .tpw-dock{left:0;right:0;bottom:0;transform:none;width:100%}.tpw[data-layout="footer"] .tpw-panel{width:100%;border-radius:0;background:#125d59;border:0;border-top:3px solid #c80018;box-shadow:0 -8px 38px #153f3320;animation:none;padding:21px max(24px,calc((100vw - 1180px)/2));gap:30px;color:#fff}.tpw[data-layout="footer"] .tpw-eyebrow{color:#d4ebe1}.tpw[data-layout="footer"] .tpw-eyebrow>span{color:#bdded0}.tpw[data-layout="footer"] .tpw-intro p{color:#d1e4db}.tpw[data-layout="footer"] .tpw-intro strong{color:#fff}.tpw[data-layout="footer"] .tpw-primary{background:#c80018;min-height:54px}.tpw[data-layout="footer"] .tpw-primary:hover{background:#ae0015}.tpw[data-layout="footer"] .tpw-actions{border-color:#ffffff24;padding-left:25px;gap:10px}.tpw[data-layout="footer"] .tpw-action{background:#ffffff0e;color:#fff}.tpw[data-layout="footer"] .tpw-action svg{color:#fff}.tpw[data-layout="footer"] .tpw-action--tg svg{fill:#fff}.tpw[data-layout="footer"] .tpw-action:hover{background:#ffffff21}.tpw[data-layout="footer"] .tpw-collapse{right:25px;background:#125d59;color:#fff;border-color:#125d59}
}
/* Свёрнутое состояние одинаково для всех вариантов. */
.tpw[data-layout] .tpw-dock[data-collapsed="true"]{left:auto;right:24px;bottom:calc(20px + env(safe-area-inset-bottom,0px));width:auto;transform:none}


.tpw[data-layout="footer"] .tpw[data-layout="footer"] 
@media(max-width:820px){.tpw-eyebrow{gap:5px}.tpw-eyebrow>span{display:none}}

/* Animation and text respect the user pause control and reduced motion. */
.tpw[data-motion-paused="true"] .tpw-panel,.tpw[data-motion-paused="true"] .tpw-portrait,.tpw[data-motion-paused="true"] .tpw-launcher,.tpw[data-motion-paused="true"] .tpw-primary::after{animation:none}
.tpw-dialog{bottom:calc(var(--tpw-dock-height,116px) + 40px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - var(--tpw-dock-height,116px) - 66px - env(safe-area-inset-bottom,0px))}
@keyframes tpw-border-breathe{0%,100%{border-color:#cee0d9;box-shadow:0 14px 55px #153f3324,0 0 0 0 #166d6d00}50%{border-color:#87bbaa;box-shadow:0 14px 48px #153f3328,0 0 0 4px #166d6d0a}}
@keyframes tpw-portrait-breathe{0%,100%{box-shadow:0 0 0 2px #a9ccc0}50%{box-shadow:0 0 0 3px #84b5a3,0 0 0 6px #166d6d08}}
@keyframes tpw-launcher-breathe{0%,100%{border-color:#0e5654;box-shadow:0 10px 30px #0c4c4145}50%{border-color:#75b7a4;box-shadow:0 10px 30px #0c4c414b,0 0 0 4px #166d6d12}}
@keyframes tpw-button-shine{0%,65%{left:-60%}85%,100%{left:150%}}
@keyframes tpw-phone-ring{0%,100%{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}
@media(max-width:820px){.tpw-dialog,.tpw-dialog[data-collapsed="true"]{bottom:calc(var(--tpw-dock-height,146px) + 30px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - var(--tpw-dock-height,146px) - 50px - env(safe-area-inset-bottom,0px))}}
@media(max-height:540px){.tpw-dialog,.tpw-dialog[data-collapsed="true"]{inset:12px 12px auto auto;max-height:calc(100dvh - 24px)}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tpw *{animation:none!important;transition:none!important}}

.tpw .tpw-primary--call{color:#fff!important;gap:10px;min-width:223px;padding:10px 15px}
.tpw .tpw-primary--call>.tpw-call-copy{display:flex!important;flex-direction:column;align-items:flex-start;gap:3px;flex:none;width:auto!important;height:auto!important;border-radius:0!important;background:none!important;transform:none!important}
.tpw-call-copy strong{font-size:18px;line-height:1.2;letter-spacing:.2px;font-weight:700;white-space:nowrap}.tpw-call-copy small{font-size:10px;line-height:1.3;font-weight:400;opacity:.85;white-space:nowrap}
.tpw .tpw-primary--call>.tpw-call-arrow{display:grid;width:22px;height:22px;flex:none}.tpw .tpw-primary--call>svg{display:block;width:21px;height:21px}
@media(max-width:1040px){.tpw .tpw-primary--call{min-width:207px;padding-inline:12px}.tpw-call-copy strong{font-size:17px}.tpw .tpw-primary--call>.tpw-call-arrow{display:none}}
@media(max-width:820px){.tpw .tpw-primary--call{display:flex;min-height:43px;width:100%;gap:10px;border-radius:10px;padding:7px 13px}.tpw .tpw-primary--call>.tpw-call-copy{flex-direction:row;align-items:center;justify-content:center;gap:11px}.tpw-call-copy strong{font-size:17px}.tpw-call-copy small{font-size:9px}.tpw-panel{gap:8px}.tpw-action{min-height:52px}.tpw-action--consult{background:#eaf3ed}}
@media(max-width:360px){.tpw .tpw-primary--call>.tpw-call-copy{gap:8px}.tpw-call-copy strong{font-size:16px}.tpw-call-copy small{display:none}}
@media(min-width:821px){.tpw[data-layout="card"] .tpw-primary--call{width:100%;min-height:58px}.tpw[data-layout="capsule"] .tpw-primary--call{min-width:213px;min-height:54px}.tpw[data-layout="capsule"] .tpw-primary--call>svg{display:none}.tpw[data-layout="capsule"] .tpw-call-copy strong{font-size:17px}.tpw[data-layout="capsule"] .tpw-primary--call>.tpw-call-arrow{display:none}.tpw[data-layout="conversation"] .tpw-primary--call{min-width:222px;min-height:62px}.tpw[data-layout="rail"] .tpw-primary--call{min-width:0;padding:11px;gap:9px}.tpw[data-layout="rail"] .tpw-primary--call>.tpw-call-arrow{display:none}.tpw[data-layout="rail"] .tpw-call-copy strong{font-size:16px}.tpw[data-layout="footer"] .tpw-primary--call{min-width:235px}}

@media(prefers-reduced-motion:reduce){.tpw *{animation:none!important;transition:none!important}}

.tpw-callback-timing{display:block;white-space:nowrap}
@media(max-width:820px){.tpw-dialog,.tpw-dialog[data-collapsed="true"]{inset:16px 10px;margin:auto;width:calc(100% - 20px);height:fit-content;max-height:calc(100dvh - 32px)}}

@media(min-width:821px){.tpw[data-layout="card"] .tpw-dialog{inset:16px;margin:auto;height:fit-content;max-height:calc(100dvh - 32px)}}
.tpw-accessible-copy{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#tpw-typed-copy.is-typing::after{content:"";position:absolute;display:inline-block;margin-left:2px;width:1px;height:1em;background:currentColor;animation:tpw-caret .8s steps(1) infinite}
@keyframes tpw-caret{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){#tpw-typed-copy.is-typing::after{display:none}}

.tpw[data-layout="card"] .tpw-panel{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#a60019,#e1002a,#ff8a9b,#c80018,#a60019) border-box;background-size:100% 100%,300% 300%;background-position:0 0,0% 50%;animation:tpw-frame-gradient 7s ease-in-out infinite}
.tpw[data-layout="card"][data-motion-paused="true"] .tpw-panel{animation-play-state:paused}
@keyframes tpw-frame-gradient{0%,100%{background-position:0 0,0% 50%}50%{background-position:0 0,100% 50%}}

.tpw[data-layout="card"] .tpw-primary--call{background:linear-gradient(115deg,#104f53,#17777a,#11595f,#104f53);background-size:260% 260%;animation:tpw-call-gradient 8s ease-in-out infinite,tpw-call-pulse 3.6s ease-out infinite}
.tpw[data-layout="card"] .tpw-primary--call::after{display:none}
.tpw[data-layout="card"][data-motion-paused="true"] .tpw-primary--call{animation-play-state:paused}
@keyframes tpw-call-gradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes tpw-call-pulse{0%,100%{box-shadow:0 0 0 0 #166d6d00,0 4px 12px #166d6d12}18%{box-shadow:0 0 0 0 #166d6d36,0 5px 16px #166d6d25}70%{box-shadow:0 0 0 8px #166d6d00,0 4px 12px #166d6d12}}

.tpw[data-layout="card"] .tpw-launcher{background:linear-gradient(115deg,#104f53,#17777a,#11595f,#104f53);background-size:260% 260%;animation:tpw-call-gradient 8s ease-in-out infinite,tpw-launcher-pulse 4.8s ease-out infinite}
.tpw[data-layout="card"][data-motion-paused="true"] .tpw-launcher{animation-play-state:paused}
@keyframes tpw-launcher-pulse{0%,100%{box-shadow:0 8px 24px #104f5338,0 0 0 0 #166d6d00}18%{box-shadow:0 8px 26px #104f5348,0 0 0 0 #166d6d35}70%{box-shadow:0 8px 24px #104f5338,0 0 0 7px #166d6d00}}

.tpw-dialog{overflow-anchor:none}

@media(max-width:820px){.tpw[data-layout="card"] .tpw-panel{padding:10px 8px 6px;gap:6px;border-radius:15px}.tpw[data-layout="card"] .tpw-intro{gap:10px}.tpw[data-layout="card"] .tpw-portrait{width:40px;height:40px}.tpw[data-layout="card"] .tpw-intro strong{font-size:14px;line-height:1.28}.tpw[data-layout="card"] .tpw-intro p{font-size:10px;line-height:1.3;margin-top:2px}.tpw[data-layout="card"] .tpw-eyebrow{font-size:8px;margin-bottom:2px}.tpw[data-layout="card"] .tpw-action{min-height:44px;padding:6px 3px;gap:3px}.tpw[data-layout="card"] .tpw-action svg{width:19px;height:19px}.tpw[data-layout="card"] .tpw-primary--call{min-height:44px;padding:6px 10px;gap:8px}.tpw[data-layout="card"] .tpw-launcher{min-height:48px}.tpw[data-layout="card"] .tpw-launcher .tpw-portrait{width:34px;height:34px}}

@media(max-width:360px){.tpw[data-layout="card"] .tpw-action--consult{font-size:9px!important}}

.tpw[data-layout="card"] .tpw-launcher{position:relative;isolation:isolate;overflow:hidden;background-image:linear-gradient(115deg,#0b464c,#197d7d,#11595f,#0b464c)}
.tpw[data-layout="card"] .tpw-launcher>*{position:relative;z-index:1}
.tpw[data-layout="card"] .tpw-launcher::after{content:"";position:absolute;top:-60%;bottom:-60%;left:-55%;width:42%;z-index:0;pointer-events:none;background:linear-gradient(90deg,#ffffff00,#ffffff33,#ffffff00);transform:translateX(0) skewX(-18deg);opacity:0;animation:tpw-launcher-shine 6.5s ease-in-out infinite}
.tpw[data-layout="card"][data-motion-paused="true"] .tpw-launcher::after{animation:none;opacity:0}
@keyframes tpw-launcher-shine{0%{transform:translateX(0) skewX(-18deg);opacity:0}4%{opacity:1}24%{transform:translateX(400%) skewX(-18deg);opacity:1}28%,100%{transform:translateX(400%) skewX(-18deg);opacity:0}}

.tpw-consultant-profile{display:flex;gap:15px;align-items:center}.tpw-consultant-photo{width:80px;height:80px;border-radius:50%;overflow:hidden;flex:none;border:2px solid #fff;box-shadow:0 0 0 2px #bad7cd;background:#edf4f0}.tpw-consultant-photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.75);transform-origin:50% 26%}.tpw-consultant-profile strong{font-size:16px}.tpw-consultant-profile p{font-size:12px;color:var(--tpw-muted);margin:5px 0 0}.tpw-consultant-note{font-size:14px;color:var(--tpw-muted);line-height:1.55;margin:20px 0}.tpw-consultant-question{background:#f1f7f4;margin-bottom:12px}.tpw-consultant-later{display:block;margin:13px auto 0;padding:8px 16px;border:0;background:none;color:var(--tpw-muted);font-size:12px!important;min-height:36px}.tpw-consultant-later:hover{color:var(--tpw-teal);text-decoration:underline;text-underline-offset:3px}
@media(max-width:820px){.tpw-consultant-photo{width:64px;height:64px}.tpw-consultant-profile strong{font-size:15px}.tpw-consultant-note{font-size:13px;margin:16px 0}}

@media(max-width:820px){.tpw[data-layout="card"] .tpw-dock[data-collapsed="false"]{left:10px;right:10px;width:auto;max-width:calc(100% - 20px);transform:none}.tpw[data-layout="card"] .tpw-panel{min-width:0;max-width:100%}.tpw[data-layout="card"] .tpw-actions{grid-template-columns:repeat(4,minmax(0,1fr));min-width:0}.tpw .tpw-tip{display:none}}

.tpw-expanded-backdrop{position:fixed;inset:0;z-index:119;background:#123b3440;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
@media(min-width:821px) and (hover:hover){.tpw[data-expanded-overlay="true"] .tpw-expanded-backdrop{opacity:1;visibility:visible;pointer-events:auto}.tpw[data-dialog-open="true"] .tpw-expanded-backdrop{opacity:0;visibility:hidden;pointer-events:none}}
.tpw[data-layout="card"] .tpw-dock[data-collapsed="true"]::before,.tpw[data-layout="card"] .tpw-dock[data-collapsed="true"]::after{content:"";position:absolute;inset:-2px;border:1px solid #197d7d8c;border-radius:40px;pointer-events:none;z-index:-1;opacity:0;animation:tpw-launcher-wave 4s ease-out infinite}
.tpw[data-layout="card"] .tpw-dock[data-collapsed="true"]::after{animation-delay:2s}
.tpw[data-motion-paused="true"] .tpw-dock::before,.tpw[data-motion-paused="true"] .tpw-dock::after{animation-play-state:paused;opacity:0}
@keyframes tpw-launcher-wave{0%{transform:scale(1);opacity:0}12%{opacity:.65}80%,100%{transform:scale(1.06,1.2);opacity:0}}
@media(prefers-reduced-motion:reduce){.tpw-launcher::after,.tpw-dock::before,.tpw-dock::after{animation:none!important;opacity:0}}

@media(min-width:821px){.tpw[data-layout="card"] .tpw-dock{width:330px}.tpw[data-layout="card"] .tpw-panel{gap:14px;padding:19px 17px 17px;border-radius:21px}.tpw[data-layout="card"] .tpw-intro{gap:12px}.tpw[data-layout="card"] .tpw-portrait{width:54px;height:54px}.tpw[data-layout="card"] .tpw-intro strong{font-size:18px;line-height:1.25}.tpw[data-layout="card"] .tpw-intro p{font-size:11px;line-height:1.4;margin-top:5px}.tpw[data-layout="card"] .tpw-actions{gap:8px}.tpw[data-layout="card"] .tpw-action{min-height:46px;gap:6px;font-size:11px!important;padding:8px 5px}.tpw[data-layout="card"] .tpw-action svg{width:20px;height:20px}.tpw[data-layout="card"] .tpw-primary--call{min-height:54px;padding-inline:12px}.tpw[data-layout="card"] .tpw-primary--call .tpw-call-copy strong{font-size:17px}.tpw[data-layout="card"] .tpw-primary--call>.tpw-call-arrow{width:22px;height:22px}.tpw[data-layout="card"] .tpw-dock[data-collapsed="true"]{width:auto}.tpw[data-layout="card"] .tpw-launcher .tpw-portrait{width:40px;height:40px}}
.tpw-launcher-copy{display:flex;flex-direction:column;gap:2px;min-width:0;text-align:left}.tpw-launcher-phone{font-size:14px;font-weight:700;line-height:1.15;white-space:nowrap}.tpw-launcher .tpw-launcher-label{font-size:10px;line-height:1.3}

.tpw-cookie-button{position:fixed;left:24px;bottom:20px;z-index:110;display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid #0e5654;border-radius:24px;background:#125b5b;color:#fff;font-size:12px!important;box-shadow:0 5px 18px #123b3425;transition:background .2s,transform .2s}.tpw-cookie-button:hover{background:#104f53;transform:translateY(-2px)}.tpw-cookie-button svg{width:20px;height:20px}.tpw-cookie-dialog{position:fixed;inset:16px;margin:auto;width:min(410px,calc(100% - 32px));height:fit-content;max-height:calc(100dvh - 32px);overflow:auto;padding:26px;border:1px solid #d8e6df;border-radius:20px;background:#fff;color:var(--tpw-ink);box-shadow:0 20px 75px #103a3130}.tpw-cookie-dialog::backdrop{background:#123b3440;backdrop-filter:blur(4px)}.tpw-cookie-dialog h2{margin:0 30px 12px 0;font-size:23px;line-height:1.25}.tpw-cookie-dialog>p{font-size:13px;color:var(--tpw-muted);margin:0 0 18px}.tpw-cookie-close{position:absolute;top:13px;right:13px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#edf4f1;color:var(--tpw-teal)}.tpw-cookie-close svg{width:18px;height:18px}.tpw-cookie-option{display:block;padding:14px 0;border-top:1px solid #e1ebe6;font-size:14px}.tpw-cookie-option small{display:block;margin-top:4px;font-size:12px;color:var(--tpw-muted)}.tpw-cookie-optional{display:flex;gap:18px;align-items:center;margin-bottom:13px;cursor:pointer}.tpw-cookie-optional input{width:20px;height:20px;flex:none;accent-color:var(--tpw-teal)}.tpw-cookie-essential{display:block;min-height:40px;width:100%;margin-top:8px;border:1px solid #d7e5dd;border-radius:10px;background:#f3f8f5;color:var(--tpw-teal);font-size:13px!important}.tpw-cookie-status{margin:10px 0 0;color:var(--tpw-red);font-size:12px}.tpw-cookie-status:empty{display:none}
@media(max-width:820px){.tpw-cookie-button{display:none}}

.tpw[data-layout="card"] .tpw-dock[data-collapsed="true"]::before{border-color:#c800188c}
.tpw[data-layout="card"] .tpw-dock[data-collapsed="true"]::after{border-color:#13947599}

.tpw-dialog-kicker{gap:10px}.tpw-dialog-logo{display:grid;place-items:center;width:42px;height:38px;flex:none;padding:4px;background:#fff;border-radius:9px}.tpw-dialog-logo img{display:block;max-width:100%;height:auto;object-fit:contain}.tpw-dialog-brand{display:flex;flex-direction:column;gap:2px}.tpw-dialog-brand strong{font-size:12px;font-weight:650;letter-spacing:.2px;color:#fff}.tpw-dialog-brand small{font-size:10px;letter-spacing:.4px;color:#d3eee5}

.tpw-cookie-policy{display:flex;align-items:flex-start;gap:9px;margin:0 0 17px;font-size:11px;line-height:1.5;color:var(--tpw-muted)}.tpw-cookie-policy input{width:18px;height:18px;flex:none;margin:2px 0 0;accent-color:var(--tpw-teal)}.tpw-cookie-policy a{color:var(--tpw-teal);text-decoration:underline;text-underline-offset:3px}.tpw-cookie-policy input[aria-invalid="true"]{outline:2px solid var(--tpw-red);outline-offset:2px}

.tpw-cookie-banner{position:fixed;left:24px;bottom:20px;z-index:110;width:310px;max-width:calc(100% - 48px);padding:13px 15px 11px;border-radius:13px;background:#333;color:#fff;box-shadow:0 8px 28px #00000020}.tpw-cookie-banner-heading{display:flex;align-items:center;gap:7px;margin-bottom:7px;padding-right:22px}.tpw-cookie-banner-heading svg{width:18px;height:18px;flex:none;color:#f8b4bc}.tpw-cookie-banner-heading strong{font-size:13px;font-weight:650;line-height:1.35}.tpw-cookie-banner-policy{margin:0;font-size:10px;line-height:1.45;color:#e4e9e6}.tpw-cookie-banner-policy a{color:#fff;text-decoration:underline;text-underline-offset:2px}.tpw-cookie-banner-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:7px}.tpw-cookie-banner-actions button{padding:4px 0;min-height:28px;border:0;background:none;color:#fff;font-size:11px!important}.tpw-cookie-banner-actions #tpw-cookie-button{text-decoration:underline;text-underline-offset:3px}.tpw-cookie-banner-actions #tpw-cookie-banner-accept{font-size:12px!important;font-weight:650;color:#ffb5bf;padding:4px 6px}.tpw-cookie-banner-actions button:hover{color:#ffdae0}.tpw-cookie-banner [role="status"]{margin:6px 0 0;color:#ffb5bf;font-size:10px}.tpw-cookie-banner [role="status"]:empty{display:none}.tpw-cookie-banner-close{position:absolute;right:8px;top:7px;display:grid;place-items:center;width:28px;height:28px;padding:4px;border:0;border-radius:50%;background:transparent;color:#ddd}.tpw-cookie-banner-close svg{width:16px;height:16px}.tpw-cookie-banner-close:hover{background:#ffffff18;color:white}
@media(max-width:820px){.tpw-cookie-banner,.tpw-cookie-button{display:none}}
.tpw-launcher-visual{position:relative;width:40px;height:40px;flex:none;border-radius:50%}.tpw-launcher .tpw-launcher-frame{position:absolute;inset:0;width:100%!important;height:100%!important;opacity:0;transform:scale(.82);transition:opacity .42s ease,transform .42s ease;pointer-events:none}.tpw-launcher .tpw-launcher-frame.is-active{opacity:1;transform:scale(1)}.tpw-launcher-symbol{display:grid;place-items:center;border:1px solid #ffbdc6;border-radius:50%;background:linear-gradient(140deg,#f12a45,#c80024 65%,#a90020);color:#fff;box-shadow:0 0 0 2px #ffffff1f,0 3px 10px #7c001d45}.tpw-launcher-symbol svg{width:26px;height:26px;stroke-width:2.1}.tpw-launcher-symbol--tg svg{fill:currentColor;stroke:none}.tpw-launcher .tpw-launcher-label{width:145px;white-space:nowrap}
@media(max-width:820px){.tpw-launcher-visual{width:34px;height:34px}.tpw-launcher-symbol svg{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.tpw-launcher .tpw-launcher-frame{transition:none}}

.tpw-compact-expand{display:none}.tpw[data-layout="card"][data-presentation="compact"] .tpw-compact-expand{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;background:#edf5f3;color:#166d6d;min-height:32px;font-size:11px;font-weight:650}.tpw-compact-expand svg{width:14px;height:14px}
@media(min-width:821px){.tpw[data-layout="card"][data-presentation="compact"] .tpw-dock:not([data-collapsed="true"]){width:285px}.tpw[data-layout="card"][data-presentation="compact"] .tpw-panel{padding:12px;gap:9px;border-radius:17px}.tpw[data-layout="card"][data-presentation="compact"] .tpw-intro{gap:10px}.tpw[data-layout="card"][data-presentation="compact"] .tpw-intro .tpw-portrait{width:42px;height:42px}.tpw[data-layout="card"][data-presentation="compact"] .tpw-intro strong{font-size:15px}.tpw[data-layout="card"][data-presentation="compact"] .tpw-eyebrow{font-size:9px}.tpw[data-layout="card"][data-presentation="compact"] .tpw-message{min-height:38px!important}.tpw[data-layout="card"][data-presentation="compact"] .tpw-intro p,.tpw[data-layout="card"][data-presentation="compact"] .tpw-actions{display:none}.tpw[data-layout="card"][data-presentation="compact"] .tpw-primary--call{min-height:44px}.tpw[data-layout="card"][data-presentation="compact"] .tpw-call-copy strong{font-size:16px}}
@media(max-width:820px){.tpw[data-layout="card"] .tpw-compact-expand{display:none!important}}
.tpw[data-layout="card"] .tpw-launcher,.tpw[data-layout="card"] .tpw-launcher::after,.tpw[data-layout="card"] .tpw-dock[data-collapsed="true"]::before,.tpw[data-layout="card"] .tpw-dock[data-collapsed="true"]::after{animation:none!important}.tpw[data-launcher-effect="wave"] .tpw-dock[data-collapsed="true"]::before{animation:tpw-launcher-wave 1.3s ease-out 1!important}.tpw[data-launcher-effect="wave"] .tpw-dock[data-collapsed="true"]::after{animation:tpw-launcher-wave 1.3s ease-out .22s 1!important}.tpw[data-launcher-effect="shine"] .tpw-launcher::after{animation:tpw-launcher-shine-once 1.15s ease-in-out 1!important}@keyframes tpw-launcher-shine-once{0%{transform:translateX(0) skewX(-18deg);opacity:0}10%{opacity:1}85%{transform:translateX(400%) skewX(-18deg);opacity:1}100%{transform:translateX(400%) skewX(-18deg);opacity:0}}
.tpw-submit[disabled]{opacity:.7;cursor:wait}.tpw-form[data-state="sending"] .tpw-submit svg{animation:tpw-loading .8s linear infinite}@keyframes tpw-loading{to{transform:rotate(360deg)}}.tpw-form-result[data-state="error"]{background:#fff3f4;border-color:#efb7c0;color:#812233}.tpw-retry{border:1px solid #c80018;border-radius:8px;background:white;color:#a90020;padding:8px 12px;font-size:12px;font-weight:650}.tpw-retry:hover{background:#ffe5e9}
@media(prefers-reduced-motion:reduce){.tpw[data-launcher-effect] .tpw-dock::before,.tpw[data-launcher-effect] .tpw-dock::after,.tpw[data-launcher-effect] .tpw-launcher::after,.tpw-form[data-state="sending"] .tpw-submit svg{animation:none!important}}

@media(min-width:821px){
.tpw[data-layout="card"][data-presentation="compact"] .tpw-panel{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#c80018,#ef5770,#f8b4c0,#c80018) border-box;background-size:100% 100%,300% 300%;animation:tpw-frame-gradient 12s ease-in-out infinite!important;box-shadow:0 8px 25px #123b3417;padding:13px;gap:8px;border-radius:16px}
.tpw[data-layout="card"][data-presentation="compact"] .tpw-intro{align-items:center;padding-right:16px}
.tpw[data-layout="card"][data-presentation="compact"] .tpw-intro strong{font-size:14px;line-height:1.3}
.tpw[data-layout="card"][data-presentation="compact"] .tpw-message{min-height:36px!important}
.tpw[data-layout="card"][data-presentation="compact"] .tpw-portrait{box-shadow:0 0 0 1px #cdded8}
.tpw[data-layout="card"][data-presentation="compact"] .tpw-primary--call{animation:none!important;background:#166d6d;box-shadow:none;min-height:44px;padding:7px 10px;gap:9px}
.tpw[data-layout="card"][data-presentation="compact"] .tpw-primary--call .tpw-call-copy strong{font-size:16px}
.tpw[data-layout="card"][data-presentation="compact"] .tpw-call-arrow{display:none}
.tpw[data-layout="card"][data-presentation="compact"] .tpw-compact-expand{min-height:27px;padding:2px 5px;background:none;color:#567971;font-weight:500}
.tpw[data-layout="card"][data-presentation="compact"] .tpw-compact-expand:hover{color:#166d6d;background:#f1f6f4}
.tpw[data-layout="card"][data-presentation="compact"] .tpw-collapse{top:6px;right:5px;width:26px;height:26px;min-height:0;border:0;border-radius:50%;background:transparent;padding:5px;box-shadow:none;color:#78978d}
.tpw[data-layout="card"][data-presentation="compact"] .tpw-collapse span{display:none}
.tpw[data-layout="card"][data-presentation="compact"] .tpw-collapse svg{width:15px;height:15px}
.tpw[data-layout="card"][data-presentation="compact"] .tpw-collapse:hover{background:#edf5f3;color:#166d6d}
}
@media(prefers-reduced-motion:reduce){.tpw[data-layout="card"][data-presentation="compact"] .tpw-panel{animation:none!important}}
@media(max-width:820px){.tpw[data-layout="card"] .tpw-primary--call{display:grid;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:6px;text-align:center}.tpw[data-layout="card"] .tpw-primary--call>svg{justify-self:center}.tpw[data-layout="card"] .tpw-primary--call .tpw-call-copy{display:block;text-align:center;min-width:0}.tpw[data-layout="card"] .tpw-primary--call .tpw-call-copy small{display:none}.tpw[data-layout="card"] .tpw-primary--call .tpw-call-copy strong{display:block;text-align:center}.tpw[data-layout="card"] .tpw-primary--call .tpw-call-arrow{display:none}}
.tpw-launcher-toggle{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:12px;border:0;border-radius:50%;background:#ffffff0e;color:#fff}.tpw-launcher-toggle svg{width:18px;height:18px}.tpw-launcher-toggle:hover{background:#ffffff24}.tpw-launcher-phone{display:block;padding-block:3px;text-decoration:none}.tpw-launcher-phone:hover{text-decoration:underline;text-underline-offset:3px}.tpw-launcher{padding-right:7px!important;gap:10px}.tpw-compact-controls{display:none}.tpw-compact-callback{border:0;border-radius:8px;background:none;color:#166d6d;font-size:11px;font-weight:650;min-height:32px;padding:4px}.tpw-compact-callback:hover{background:#edf5f3}
@media(min-width:821px){.tpw[data-layout="card"][data-presentation="compact"] .tpw-compact-controls{display:grid;grid-template-columns:1fr 1fr;gap:4px;align-items:center}.tpw[data-layout="card"][data-presentation="compact"] .tpw-compact-expand{font-size:10px;gap:4px;padding:2px 1px;min-height:32px}.tpw[data-layout="card"][data-presentation="compact"] .tpw-compact-expand svg{width:12px;height:12px}}
@media(max-width:820px){.tpw-launcher-toggle{width:40px;height:40px;padding:11px}.tpw[data-layout="card"] .tpw-action--consult>span:not(.tpw-tip){max-width:65px;line-height:1.15}}
@media(min-width:821px){
.tpw[data-layout="card"][data-presentation="compact"] .tpw-panel{padding:14px;gap:10px}
.tpw[data-layout="card"][data-presentation="compact"] .tpw-intro{gap:11px;align-items:center}
.tpw[data-layout="card"][data-presentation="compact"] .tpw-intro .tpw-portrait{width:44px;height:44px}
.tpw[data-layout="card"][data-presentation="compact"] .tpw-primary--call{min-height:48px}
.tpw[data-layout="card"][data-presentation="compact"] .tpw-compact-controls{grid-template-columns:1fr 1fr;gap:7px;align-items:stretch}
.tpw[data-layout="card"][data-presentation="compact"] .tpw-compact-callback{display:flex;align-items:center;justify-content:center;min-width:0;min-height:34px;padding:6px 5px;border:1px solid #c8dfd8;border-radius:8px;background:#edf5f3;color:#166d6d;font-size:11px!important;font-weight:650;line-height:1.2;white-space:nowrap}
.tpw[data-layout="card"][data-presentation="compact"] .tpw-compact-callback:hover{background:#e0eeea;border-color:#8fbfb1}
.tpw[data-layout="card"][data-presentation="compact"] .tpw-compact-expand{min-width:0;min-height:34px;padding:6px 1px;gap:4px;font-size:10px!important;font-weight:500;line-height:1.2;white-space:nowrap;border:1px solid transparent;border-radius:8px}
}