@charset "UTF-8";

* {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: "Gilroy";
    src: url("./fonts/TTFirsNeue-Regular.woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gilroy";
    src: url("./fonts/Gilroy-Medium.woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Gilroy";
    src: url("./fonts/Gilroy-RegularItalic.woff2");
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Gilroy";
    src: url("./fonts/Gilroy-Semibold.woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gilroy";
    src: url("./fonts/Gilroy-Bold.woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("./fonts/InterTight-Regular.woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Regular";
    src: url("./fonts/Inter-Medium.woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

:root {
    --white: #ffffff;
    --b9: #3c4a3a;       /* остаётся чисто чёрный */
    --b8: #0d1a12;       /* почти чёрный, с зелёным оттенком вместо синего */
    --b7: #1e2c22;       /* глубокий тёмно-зелёно-серый (аналог #182543) */
    --b6: #5a665d;       /* средне-тёмный, нейтральный, без синевы */
    --b5: #809899;       /* серо-зелёный */
    --b4: #c7cbcd;       /* светло-серый с лёгким оливковым тоном */
    --b3: #e7eae8;       /* почти белый, но не холодный */
    --b2: #f3f5f3;       /* фоновый, светло-зелёный сероватый */
 /* Основной зелёный */
    --pr: #B6C4B3;        /* аналог #098dee */
    --pr-hover: #6FE5E1;  /* аналог #058bc4 */
    --pr-active: #067F7B; /* аналог #005f86 */
	--bg-light: rgba(10, 186, 181, 0.15);

    /* Вторичный зелёный */
    --sec: #4A5C48;         /* аналог #7adbff */
    --sec-rgb: 110, 231, 168;
    --sec-hover: #45c77f;   /* аналог #4dbae1 */
    --sec-active: #2d925a;  /* аналог #35829e */

    /* Остальные акцентные остаются */
    --yellow: #ffe175;
    --red: #ff7575;
    --purple: #757aff;
    --green: #28E030;
	--blue-gr:radial-gradient(ellipse at center, #6fe5e140 0%, #6fe5e1bf 100%);
    --pink-gr:radial-gradient(ellipse at center, #fff5f8 0%, #fac2de 100%);
	--vaiolit-gr:radial-gradient(ellipse at center, rgb(239 240 251) 0%, rgb(222 224 246) 100%);


}

body,
html {
    border: none;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    min-width: 320px;
}

body {
    margin: 0;
    font-family: "Inter";
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 130%;
    color: var(--b9);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
}

body.home-page {
 
}
.error{
    padding: 100px 0;
}
.error p{
margin: 30px 0;
}
@media (max-width: 1366px) {
    body {
        font-size: 1.4rem;
    }
}

.container {
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 1530px) {
    .container {
        max-width: 1200px;
    }
}

@media (max-width: 1367px) {
    .container {
        max-width: 1200px;
    }
}
.fill-primary{
	fill:var(--pr)
} 
.stroke-primary{
	stroke: var(--pr);
}
.fill-sec{
	fill:var(--sec)
} 
.stroke-sec{
	stroke: var(--sec);
}
main {
    flex-grow: 1;
}

article {
    margin: 6rem 0;
}

a {
    color: var(--pr);
    text-decoration: none;
    outline:none;
}
a.text-red, .text-red {
  color:var(--red);
}

a:hover {
    color: var(--pr-hover);
    text-decoration: none;
     outline:none;
}
a.text-red:hover {
    color: #f36b6b;
}
 a:focus,
a:active {
  outline:none;
} 
a.text-red:hover, a.text-red:active, a.text-red:focus{
    color: #f36b6b;
}
button,
input[type="submit"] {
    display: block;
    outline: none;
    border: none;
}

small {
    font-size: 1.2rem;
}

h1 {
    font-size: 6.8rem;
    line-height: 7.8rem;
    font-family: "Gilroy", sans-serif;
}

h2 {
    font-size: 4rem;
    line-height: 4.4rem;
    font-family: "Gilroy", sans-serif;
}

h3 {
    font-size: 2.4rem;
    line-height: 2.4rem;
    font-family: "Gilroy", sans-serif;
}

h4 {
    font-size: 2rem;
    line-height: 2rem;
    font-family: "Gilroy", sans-serif;
}

h5 {
    font-size: 1.6rem;
    line-height: 1.6rem;
    font-family: "Gilroy", sans-serif;
}

article h2 {
    margin-bottom: 3.2rem;
}

@media (max-width: 768px) {
    h1 {
        font-size: 3rem;
        line-height: 3.2rem;
        font-weight: 600;
    }
}

/*кнопки*/
.btn {
    cursor: pointer;
    outline: none;
    text-decoration: none;
    display: inline-block;
    font-size: 1.6rem;
    line-height: 1.6rem;
    white-space: nowrap;
    font-family: "Gilroy";
    font-weight: 600;
    transition: .2s; /* TRANSIOTION НА КНОПКУ */
    text-align:center;
    max-width:232px;
}
.btn--small {
    padding: 0.5rem 1rem;
    font-size: 1.2rem;
}
.btn--defoult {
    padding: 1.2rem 3.2rem;
}

.btn--big {
    padding: 1.6rem 3.2rem;
    font-size: 1.6rem;
}

.btn--rounded {
    border-radius: 2rem;
}

.btn--primary {
    background-color: var(--pr);
    color: var(--b9);
}

.btn--primary:hover {
    background-color: var(--pr-hover);
    color: var(--white);
}

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

.circle--btn {
    min-width: 4rem;
    min-height: 4rem;
    border-radius: 50%;
    background-color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
}

.btnTg,
.btnTgHeader,
.btnTgFooter {
    width: fit-content;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 2rem;
    background-color: var(--white);
    gap: .8rem;
    color: var(--b9);
    padding: 1rem 1.6rem;
    font-weight: 400;
    font-size: 14px;
    margin-right: 1.2rem;
    transition: .1s;
    line-height: 100%;
}
.btnTg:active,
.btnTgHeader:active,
.btnTgFooter:active {
    transform: scale(97%);
    background-color: var(--white);
}
    .hot-spot__content .btn{
        margin-top:2.4rem;
    }
.hot-spot__content-btnTg {
    gap: 1rem;
    width: 100%;
    justify-content: center;
      margin-top:2.4rem;
}
section.top {
    margin-bottom: 2rem;
}
.banner__content-btnTg {
    display: none;
    gap: 1rem;
    width: 95%;
    margin: 1rem;
}

.hot-spot__content-btnTg:hover,
.banner__content-btnTg:hover {
    background-color: var(--white);
}

.hot-spot__content-btnTg__text {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}
.hot-spot__content-btnTg__subtext {
    font-size: 12px;
    color: var(--b6);
    line-height: 100%;
}

.btn--light {
    background-color: var(--bg-light);
    padding: 1.2rem 1.6rem;
    border-radius: 1.6rem;
    color: var(--b9);
    font-size: 1.6rem;
    letter-spacing: 1px;
    background-repeat: no-repeat;
    background-position: left 1.6rem center;
}
.btn--light:hover{
	color: var(--b9);
	opacity:0.8
}
.btn--light:active{
	color: var(--white);
	background-color: var(--pr);
}
.btn--transparent {
    background-color: var(--white);
    color: var(--pr);
        border: 1px solid var(--pr);
}

.btn-shadow {
    box-shadow: 0 1.5rem 3rem rgba(9, 141, 238, 0.3);
}

.btn:disabled {
    background-color: var(--b4) !important;
    color: var(--b5) !important;
}

.btn--shadow {
    box-shadow: 0 1.5rem 3rem rgba(9, 141, 238, 0.3);
}
.btn--shadow:disabled{
  box-shadow: none; 
}
.btn--bordered{
  border:1px solid var(--pr);
}
/*модалки*/
.bfmodal__opened {
    position: fixed;
    right: 0;
    left: 0;
    overflow: hidden;
}

.bfmodal__shadow {
    position: fixed;
    border: none;
    display: block;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 98;
    opacity: 0;
    transition: opacity 1s ease;
    background-color: rgba(195, 195, 195, 0.5);
}

.bfmodal__shadow--show {
    pointer-events: auto;
    opacity: 1;
}

.bfmodal {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    opacity: 1;
    pointer-events: none;
    display: none;
    flex-flow: column nowrap;
    justify-content: flex-start;
    z-index: 999;
    visibility: hidden;
}

.bfmodal h4 {
    color: var(--b9);
    text-align: center;
}

.bfmodal form {
    margin-top: 32px;
}

.bfmodal--active {
    opacity: 1;
     display: flex;
}


.bfmodal--active,
.bfmodal--moved {
    pointer-events: auto;
    visibility: visible;
}

.bfmodal__wrap {
    flex-shrink: 0;
    flex-grow: 0;
    width: 100%;
    min-height: 100%;
    margin: auto;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
}

.bfmodal__window {
    position: relative;
    margin: 50px 0;
    box-sizing: border-box;
    flex-shrink: 0;
    flex-grow: 0;
    background: #fff;
    padding: 3.2rem;
    border-radius: 2.4rem;
    width: 100%;
    max-width: 800px;
    overflow: visible;
    transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
    transform: scale(0.9);
    opacity: 0;
}

.bfmodal__window--post {
    max-width: 1264px;
}

.bfmodal__window--setting {
    width: 325px;
    padding: 20px;
}

.bfmodal--active .bfmodal__window {
    transform: scale(1);
    opacity: 1;
}

.bfmodal__header {
    display: flex;
    justify-content: space-between;
    padding-bottom: 3.2rem;
    border-bottom: 1px solid var(--b2);
}

.bfmodal__content {
    padding-top: 3.2rem;
}

.bfmodal__content--alt {
    max-height: 463px;
    overflow-y: auto;
    font-size: 1.4rem;
    color: var(--b6);
}

.bfmodal__content--alt h5 {
    font-size: 1.6rem;
    color: var(--b9);
    padding: 2.4rem 0 0.8rem;
}

.bfmodal__close {
    outline: 0;
    z-index: 10;
    margin-left: auto;
    display: block;
    width: 12px;
    height: 12px;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00023 5.58574L11.9502 0.635742L13.3642 2.04974L8.41423 6.99974L13.3642 11.9497L11.9502 13.3637L7.00023 8.41374L2.05023 13.3637L0.63623 11.9497L5.58623 6.99974L0.63623 2.04974L2.05023 0.635742L7.00023 5.58574Z' fill='%239097A8'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    border: none;
    font-size: 0;
    cursor: pointer;
    outline: 0;
}

.bfmodal__close:focus {
    outline: 0;
    outline-offset: 2px;
}

.bfmodal__close:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00023 5.58574L11.9502 0.635742L13.3642 2.04974L8.41423 6.99974L13.3642 11.9497L11.9502 13.3637L7.00023 8.41374L2.05023 13.3637L0.63623 11.9497L5.58623 6.99974L0.63623 2.04974L2.05023 0.635742L7.00023 5.58574Z' fill='%230ABAB5'/%3E%3C/svg%3E");
}

.bfmodal__auth__title {
    margin: 6.4rem 0;
}

.phone-section {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.phoneinput {
    max-width: 40rem;
    margin-bottom: 6.4rem;
}

.agreementArea {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    margin-bottom: 3.2rem;
}
.phone-section .agreementArea:nth-of-type(2){
  display:none;
}
.resend-section {
    visibility: hidden;
}

.header {
    position: relative;
    z-index: 100;
}

.header__top-block {
    min-height: 4.2rem;
    background-color: var(--white);
    display: flex;
    align-items: center;
}

.header__top-block a {
    padding: 1.2rem 1.2rem 1.2rem 2.4rem;
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 1.4rem;
    color: var(--b6);
    text-decoration: none;
}

.whatsup {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 1.5C6.87113 1.49991 5.7617 1.79383 4.78094 2.35281C3.80017 2.91179 2.9819 3.71655 2.40667 4.68788C1.83145 5.6592 1.51911 6.76359 1.5004 7.8923C1.4817 9.02102 1.75728 10.1352 2.30001 11.125L1.76876 13C1.7192 13.1709 1.71641 13.3519 1.76069 13.5242C1.80497 13.6965 1.89469 13.8537 2.02048 13.9795C2.14627 14.1053 2.30353 14.195 2.47582 14.2393C2.64812 14.2836 2.82915 14.2808 3.00001 14.2312L4.87501 13.7C5.74393 14.1762 6.71024 14.4475 7.70008 14.4931C8.68991 14.5387 9.67707 14.3574 10.5861 13.963C11.4951 13.5686 12.3019 12.9717 12.9449 12.2177C13.5879 11.4638 14.0499 10.5728 14.2958 9.61289C14.5417 8.65299 14.5649 7.64959 14.3635 6.67938C14.1622 5.70916 13.7417 4.79781 13.1342 4.01499C12.5268 3.23217 11.7483 2.5986 10.8585 2.16271C9.96862 1.72682 8.99089 1.50014 8 1.5ZM9.50626 12H9.5C8.04074 11.9983 6.64181 11.4175 5.61054 10.385C4.57927 9.35261 4 7.95302 4.00001 6.49375C4.00166 5.8981 4.23944 5.3274 4.66122 4.9068C5.083 4.48619 5.65435 4.25 6.25 4.25C6.41374 4.25036 6.57449 4.29388 6.71604 4.37618C6.85759 4.45847 6.97494 4.57664 7.05625 4.71875L7.7875 6C7.87581 6.15344 7.92125 6.32781 7.91905 6.50484C7.91685 6.68186 7.8671 6.85505 7.775 7.00625L7.33125 7.75C7.55438 8.12941 7.8706 8.44563 8.25 8.66875L8.99375 8.225C9.14496 8.13291 9.31814 8.08316 9.49517 8.08096C9.6722 8.07876 9.84656 8.12419 10 8.2125L11.2813 8.94375C11.4234 9.02507 11.5415 9.14242 11.6238 9.28397C11.7061 9.42552 11.7496 9.58627 11.75 9.75C11.75 10.3457 11.5138 10.917 11.0932 11.3388C10.6726 11.7606 10.1019 11.9983 9.50626 12Z' fill='%2313D126'/%3E%3Cpath d='M8.53125 9.66875C8.46171 9.70941 8.38347 9.7329 8.30303 9.73724C8.22259 9.74159 8.14227 9.72668 8.06875 9.69375C7.28283 9.34542 6.65459 8.71717 6.30625 7.93125C6.27332 7.85773 6.25841 7.77741 6.26276 7.69697C6.26711 7.61653 6.29059 7.53829 6.33125 7.46875L6.91875 6.49375L6.2125 5.25C5.88809 5.25815 5.57971 5.39278 5.35317 5.62515C5.12664 5.85752 4.9999 6.16923 5 6.49375C4.99918 7.08522 5.11497 7.67106 5.34075 8.21774C5.56653 8.76443 5.89787 9.26125 6.31581 9.67977C6.73376 10.0983 7.23011 10.4303 7.77648 10.6569C8.32286 10.8834 8.90853 11 9.5 11H9.50625C9.83077 11.0001 10.1425 10.8734 10.3749 10.6468C10.6072 10.4203 10.7419 10.1119 10.75 9.7875L9.50625 9.08125L8.53125 9.66875Z' fill='%2313D126'/%3E%3C/svg%3E");
}

.phone {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.9624 2.5C10.8105 2.72761 11.5838 3.17428 12.2047 3.79519C12.8256 4.41611 13.2723 5.18941 13.4999 6.0375' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.44385 4.43164C9.95392 4.56711 10.4191 4.83501 10.7923 5.20819C11.1655 5.58137 11.4334 6.04657 11.5688 6.55664' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.78125 7.79953C6.29576 8.86204 7.15492 9.719 8.21875 10.2308C8.29722 10.2679 8.38402 10.284 8.47059 10.2774C8.55717 10.2709 8.64054 10.2419 8.7125 10.1933L10.275 9.14953C10.344 9.10271 10.4238 9.07414 10.5069 9.06649C10.5899 9.05884 10.6736 9.07236 10.75 9.10578L13.675 10.362C13.775 10.4036 13.8585 10.477 13.9127 10.5707C13.9669 10.6644 13.9888 10.7734 13.975 10.8808C13.8823 11.6044 13.5291 12.2694 12.9815 12.7514C12.4339 13.2334 11.7295 13.4994 11 13.4995C8.74566 13.4995 6.58365 12.604 4.98959 11.0099C3.39553 9.41588 2.5 7.25387 2.5 4.99953C2.50016 4.27003 2.76613 3.56558 3.24814 3.018C3.73015 2.47043 4.39516 2.11724 5.11875 2.02453C5.22615 2.01074 5.33511 2.03263 5.42884 2.08684C5.52258 2.14105 5.59589 2.22456 5.6375 2.32453L6.89375 5.25578C6.92642 5.331 6.94009 5.4131 6.93355 5.49484C6.92701 5.57659 6.90046 5.65547 6.85625 5.72453L5.8125 7.31203C5.76603 7.38383 5.73876 7.46636 5.73329 7.55171C5.72782 7.63706 5.74433 7.72239 5.78125 7.79953V7.79953Z' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.email {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 3.5H14V12C14 12.1326 13.9473 12.2598 13.8536 12.3536C13.7598 12.4473 13.6326 12.5 13.5 12.5H2.5C2.36739 12.5 2.24021 12.4473 2.14645 12.3536C2.05268 12.2598 2 12.1326 2 12V3.5Z' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 3.5L8 9L2 3.5' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.adress {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 8.5C9.10457 8.5 10 7.60457 10 6.5C10 5.39543 9.10457 4.5 8 4.5C6.89543 4.5 6 5.39543 6 6.5C6 7.60457 6.89543 8.5 8 8.5Z' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 6.5C13 11 8 14.5 8 14.5C8 14.5 3 11 3 6.5C3 5.17392 3.52678 3.90215 4.46447 2.96447C5.40215 2.02678 6.67392 1.5 8 1.5C9.32608 1.5 10.5979 2.02678 11.5355 2.96447C12.4732 3.90215 13 5.17392 13 6.5V6.5Z' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

header .user {
  border:1px solid var(--pr);
  background-repeat:no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 12.5C12.7614 12.5 15 10.2614 15 7.5C15 4.73858 12.7614 2.5 10 2.5C7.23858 2.5 5 4.73858 5 7.5C5 10.2614 7.23858 12.5 10 12.5Z' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.42188 16.8747C3.18979 15.5444 4.2944 14.4396 5.62465 13.6715C6.9549 12.9034 8.46392 12.499 10 12.499C11.5361 12.499 13.0451 12.9034 14.3753 13.6715C15.7056 14.4396 16.8102 15.5444 17.5781 16.8747' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.user--white {
  background-repeat:no-repeat;
    background-position: left 1rem center;
    padding-left:4rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 12.5C12.7614 12.5 15 10.2614 15 7.5C15 4.73858 12.7614 2.5 10 2.5C7.23858 2.5 5 4.73858 5 7.5C5 10.2614 7.23858 12.5 10 12.5Z' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.42188 16.8747C3.18979 15.5444 4.2944 14.4396 5.62465 13.6715C6.9549 12.9034 8.46392 12.499 10 12.499C11.5361 12.499 13.0451 12.9034 14.3753 13.6715C15.7056 14.4396 16.8102 15.5444 17.5781 16.8747' stroke='%23ffffff' stroke-linecap='round' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.user--blue {
  background-repeat:no-repeat;
    background-position: left 1rem center;
    padding-left:4rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 12.5C12.7614 12.5 15 10.2614 15 7.5C15 4.73858 12.7614 2.5 10 2.5C7.23858 2.5 5 4.73858 5 7.5C5 10.2614 7.23858 12.5 10 12.5Z' stroke='%233c4a3a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.42188 16.8747C3.18979 15.5444 4.2944 14.4396 5.62465 13.6715C6.9549 12.9034 8.46392 12.499 10 12.499C11.5361 12.499 13.0451 12.9034 14.3753 13.6715C15.7056 14.4396 16.8102 15.5444 17.5781 16.8747' stroke='%233c4a3a' stroke-linecap='round' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.user--blue:active, .user--blue:focus{
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 12.5C12.7614 12.5 15 10.2614 15 7.5C15 4.73858 12.7614 2.5 10 2.5C7.23858 2.5 5 4.73858 5 7.5C5 10.2614 7.23858 12.5 10 12.5Z' stroke='%23005f86' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.42188 16.8747C3.18979 15.5444 4.2944 14.4396 5.62465 13.6715C6.9549 12.9034 8.46392 12.499 10 12.499C11.5361 12.499 13.0451 12.9034 14.3753 13.6715C15.7056 14.4396 16.8102 15.5444 17.5781 16.8747' stroke='%23005f86' stroke-linecap='round' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
  
}
.home-page header .user{
 border:0px;
}
/*pdf {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 10.5V3.625C3.75 3.45924 3.81585 3.30027 3.93306 3.18306C4.05027 3.06585 4.20924 3 4.375 3H11.875L16.25 7.375V10.5' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.875 3V7.375H16.25' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.75 16.125H5C5.33152 16.125 5.64946 15.9933 5.88388 15.7589C6.1183 15.5245 6.25 15.2065 6.25 14.875C6.25 14.5435 6.1183 14.2255 5.88388 13.9911C5.64946 13.7567 5.33152 13.625 5 13.625H3.75V17.375' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.875 13.625H14.6875V17.375' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.5625 15.8125H14.6875' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 17.375C10.4973 17.375 10.9742 17.1775 11.3258 16.8258C11.6775 16.4742 11.875 15.9973 11.875 15.5C11.875 15.0027 11.6775 14.5258 11.3258 14.1742C10.9742 13.8225 10.4973 13.625 10 13.625H8.90625V17.375H10Z' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.info {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 18.4707C14.6421 18.4707 18 15.1128 18 10.9707C18 6.82857 14.6421 3.4707 10.5 3.4707C6.35786 3.4707 3 6.82857 3 10.9707C3 15.1128 6.35786 18.4707 10.5 18.4707Z' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.875 10.3457H10.5V14.7207H11.125' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.3438 8.1582C10.6889 8.1582 10.9688 7.87838 10.9688 7.5332C10.9688 7.18803 10.6889 6.9082 10.3438 6.9082C9.99857 6.9082 9.71875 7.18803 9.71875 7.5332C9.71875 7.87838 9.99857 8.1582 10.3438 8.1582Z' fill='%230ABAB5'/%3E%3C/svg%3E");
}
*/
.ok {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 12.4707C0 5.84329 5.37258 0.470703 12 0.470703C18.6274 0.470703 24 5.84329 24 12.4707C24 19.0981 18.6274 24.4707 12 24.4707C5.37258 24.4707 0 19.0981 0 12.4707ZM11.9918 12.6634C13.7614 12.6634 15.1998 11.2747 15.1998 9.56749C15.1998 7.85976 13.7614 6.4707 11.9918 6.4707C10.2227 6.4707 8.78389 7.85976 8.78389 9.56749C8.78389 11.2747 10.2227 12.6634 11.9918 12.6634ZM15.1608 14.4462C14.5807 14.7979 13.951 15.0473 13.298 15.1909L15.0913 16.9221C15.4587 17.276 15.4587 17.8508 15.0913 18.205C14.7243 18.5593 14.1295 18.5593 13.7629 18.205L11.9997 16.5038L10.238 18.205C10.0543 18.382 9.81362 18.4705 9.57292 18.4705C9.33261 18.4705 9.09229 18.382 8.9086 18.205C8.54161 17.8508 8.54161 17.2764 8.90822 16.9221L10.7017 15.1909C10.0488 15.0473 9.41898 14.7975 8.83893 14.4462C8.39995 14.179 8.26809 13.6193 8.54468 13.1952C8.8205 12.7705 9.40056 12.6427 9.8403 12.9099C11.1536 13.7073 12.8454 13.7075 14.1594 12.9099C14.5992 12.6427 15.179 12.7705 15.4554 13.1952C15.732 13.6189 15.5998 14.179 15.1608 14.4462Z' fill='%23535F7C'/%3E%3Cpath d='M11.9918 8.28516C12.7243 8.28516 13.3201 8.86008 13.3201 9.56712C13.3201 10.2736 12.7243 10.8489 11.9918 10.8489C11.2599 10.8489 10.6636 10.2736 10.6636 9.56712C10.6636 8.86008 11.2599 8.28516 11.9918 8.28516Z' fill='%23535F7C'/%3E%3C/svg%3E");
}

.tg {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 12.4707C0 19.0981 5.37258 24.4707 12 24.4707C18.6274 24.4707 24 19.0981 24 12.4707C24 5.84329 18.6274 0.470703 12 0.470703C5.37258 0.470703 0 5.84329 0 12.4707ZM9.8 17.9707L10.0042 14.9118L10.004 14.9117L15.5685 9.8902C15.8127 9.67346 15.5151 9.56777 15.1909 9.76436L8.32364 14.0969L5.35734 13.171C4.71675 12.9749 4.71215 12.5347 5.50116 12.2182L17.0602 7.76113C17.5881 7.52145 18.0976 7.88793 17.8961 8.69595L15.9276 17.9723C15.7901 18.6314 15.3919 18.7891 14.84 18.4846L11.8414 16.2692L10.4 17.6707C10.3955 17.6751 10.3909 17.6795 10.3864 17.6839C10.2252 17.8409 10.0919 17.9707 9.8 17.9707Z' fill='%23535F7C'/%3E%3C/svg%3E");
}

.wk {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 0.470703C5.37258 0.470703 0 5.84329 0 12.4707C0 19.0981 5.37258 24.4707 12 24.4707C18.6274 24.4707 24 19.0981 24 12.4707C24 5.84329 18.6274 0.470703 12 0.470703ZM12.9771 16.2588C12.8587 16.3835 12.6277 16.4087 12.6277 16.4087H11.8627C11.8627 16.4087 10.1749 16.5083 8.68801 14.9892C7.06654 13.3318 5.63477 10.0435 5.63477 10.0435C5.63477 10.0435 5.55213 9.82777 5.64166 9.72392C5.74245 9.60654 6.01729 9.59917 6.01729 9.59917L7.84597 9.58749C7.84597 9.58749 8.01814 9.61515 8.14147 9.70425C8.24351 9.778 8.30048 9.91504 8.30048 9.91504C8.30048 9.91504 8.59598 10.6488 8.98726 11.3125C9.75166 12.6085 10.1073 12.8918 10.3664 12.7529C10.7446 12.5507 10.6313 10.921 10.6313 10.921C10.6313 10.921 10.6381 10.3298 10.4409 10.0662C10.2882 9.86219 10.0002 9.80258 9.87312 9.78599C9.76982 9.77247 9.93885 9.53772 10.158 9.43263C10.4873 9.2747 11.0682 9.26548 11.755 9.27224C12.2903 9.27777 12.4443 9.31034 12.6534 9.36012C13.1387 9.47507 13.1235 9.84347 13.0908 10.6385C13.0811 10.8763 13.0697 11.1523 13.0697 11.471C13.0697 11.5426 13.0676 11.619 13.0654 11.6975C13.0541 12.1049 13.0411 12.5713 13.3145 12.7449C13.4547 12.8334 13.7972 12.7578 14.6542 11.3297C15.0606 10.6525 15.3648 9.85666 15.3648 9.85666C15.3648 9.85666 15.4318 9.7147 15.5351 9.65386C15.6409 9.59179 15.7836 9.61085 15.7836 9.61085L17.7081 9.59917C17.7081 9.59917 18.2866 9.53096 18.3799 9.78783C18.4782 10.0564 18.1639 10.6844 17.3776 11.7131C16.6317 12.6892 16.2687 13.0486 16.302 13.3665C16.3264 13.5987 16.5623 13.8088 17.0151 14.221C17.9603 15.0824 18.2136 15.5356 18.2745 15.6445C18.2795 15.6536 18.2833 15.6602 18.286 15.6646C18.7098 16.3547 17.8158 16.4087 17.8158 16.4087L16.1061 16.4321C16.1061 16.4321 15.7392 16.5034 15.2559 16.1777C15.0027 16.0072 14.7553 15.7288 14.5197 15.4636C14.1598 15.0586 13.8274 14.6845 13.5436 14.7729C13.0672 14.9216 13.0816 15.9288 13.0816 15.9288C13.0816 15.9288 13.0854 16.1445 12.9771 16.2588Z' fill='%23535F7C'/%3E%3C/svg%3E");
}

.message {
    /*скрыл*/
    display: none;
    background-size: 2.4rem 2.4rem;
    background-repeat: no-repeat;
    padding: 1.2rem 2.4rem 1.2rem 4.2rem;
    border-radius: 10rem;
    background-position: left 1.2rem center;
    font-family: 'Gilroy';
}

.message--blue {
    border: 1px solid var(--pr);
    color: var(--pr);
    background-color: rgba(9, 143, 238, 0.05);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 18.4707C14.6421 18.4707 18 15.1128 18 10.9707C18 6.82857 14.6421 3.4707 10.5 3.4707C6.35786 3.4707 3 6.82857 3 10.9707C3 15.1128 6.35786 18.4707 10.5 18.4707Z' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.875 10.3457H10.5V14.7207H11.125' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.3438 8.1582C10.6889 8.1582 10.9688 7.87838 10.9688 7.5332C10.9688 7.18803 10.6889 6.9082 10.3438 6.9082C9.99857 6.9082 9.71875 7.18803 9.71875 7.5332C9.71875 7.87838 9.99857 8.1582 10.3438 8.1582Z' fill='%230ABAB5'/%3E%3C/svg%3E");
}

.message--yellow {
    border: 1px solid var(--yellow);
    color: var(--yellow);
    background-color: rgba(255, 225, 117, 0.05);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 18.4707C14.6421 18.4707 18 15.1128 18 10.9707C18 6.82857 14.6421 3.4707 10.5 3.4707C6.35786 3.4707 3 6.82857 3 10.9707C3 15.1128 6.35786 18.4707 10.5 18.4707Z' stroke='%23FFE175' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.875 10.3457H10.5V14.7207H11.125' stroke='%23FFE175' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.3438 8.1582C10.6889 8.1582 10.9688 7.87838 10.9688 7.5332C10.9688 7.18803 10.6889 6.9082 10.3438 6.9082C9.99857 6.9082 9.71875 7.18803 9.71875 7.5332C9.71875 7.87838 9.99857 8.1582 10.3438 8.1582Z' fill='%23FFE175'/%3E%3C/svg%3E");
}

.message--red {
    border: 1px solid var(--red);
    color: var(--red);
    background-color: rgba(255, 117, 117, 0.055);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 18.4707C14.6421 18.4707 18 15.1128 18 10.9707C18 6.82857 14.6421 3.4707 10.5 3.4707C6.35786 3.4707 3 6.82857 3 10.9707C3 15.1128 6.35786 18.4707 10.5 18.4707Z' stroke='%23FF7575' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.875 10.3457H10.5V14.7207H11.125' stroke='%23FF7575' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.3438 8.1582C10.6889 8.1582 10.9688 7.87838 10.9688 7.5332C10.9688 7.18803 10.6889 6.9082 10.3438 6.9082C9.99857 6.9082 9.71875 7.18803 9.71875 7.5332C9.71875 7.87838 9.99857 8.1582 10.3438 8.1582Z' fill='%23FF7575'/%3E%3C/svg%3E");
}

.message--purple {
    border: 1px solid var(--purple);
    color: var(--purple);
    background-color: rgba(117, 122, 255, 0.055);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 18.4707C14.6421 18.4707 18 15.1128 18 10.9707C18 6.82857 14.6421 3.4707 10.5 3.4707C6.35786 3.4707 3 6.82857 3 10.9707C3 15.1128 6.35786 18.4707 10.5 18.4707Z' stroke='%23757aff' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.875 10.3457H10.5V14.7207H11.125' stroke='%23757aff' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.3438 8.1582C10.6889 8.1582 10.9688 7.87838 10.9688 7.5332C10.9688 7.18803 10.6889 6.9082 10.3438 6.9082C9.99857 6.9082 9.71875 7.18803 9.71875 7.5332C9.71875 7.87838 9.99857 8.1582 10.3438 8.1582Z' fill='%23757aff'/%3E%3C/svg%3E");
}

.arrow-right {
    background-repeat: no-repeat;
    background-position: right 3px center;
    padding-right: 3.2rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 4.2207L13.75 10.4707L7.5 16.7207' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.arrow-right:hover {
    background-position: right center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 4.2207L13.75 10.4707L7.5 16.7207' stroke='%23058BC4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.alert{
    padding: 1.2rem 2.4rem 1.2rem 2.4rem;
    border-radius: 10rem; 
    font-family: 'Gilroy';
    font-size:1.4rem;
}
.alert-red{
      background-color: rgba(255, 117, 117, 0.055);
color: var(--red);    
}
.alert-blue{
      background-color: rgba(9, 141, 238, 0.055);
color: var(--pr);    
}
.alert-blue{
      background-color: rgba(9, 141, 238, 0.055);
color: var(--pr);    
}
.alert-green{
  background: rgba(40, 224, 48, 0.1);
color: var(--green);  
}
.alert-yellow{
background: rgba(255, 191, 117, 0.1);
color: var(--yellow);  
}
.alert-gray{
background: rgba(200, 204, 214, 0.1);
color:var(--b5);  
}
.alert-vaiolit{
 background: rgba(117, 122, 255, 0.1);
color:var(--purple);   
}
.header__bottom-block {
    padding: 1.6rem 0;
    position: stiky;
    top: 0;
    background-color: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(4px);
}
.lk-page .header__bottom-block {
  border-bottom: 1px solid var(--b2);
    }
.header__bottom-block-content {
    position: relative;
}

.logo {
    position: absolute;
    left: 0;
    top: -50px;
    width:130px;
}

.header__bottom-block-content .btn--primary {
box-shadow: 0 1.5rem 3rem rgba(142, 165, 139, 0.3);
    margin-right: 1.2rem;
}

nav {
    display: flex;
}

.header-menu {
    margin-right: 5.6rem;
}

.header-menu li a {
    color: var(--b7);
    padding: 0 1.6rem;
    text-decoration: none;
}

.header-menu li a:hover {
    color: var(--pr);
}

.header-menu li a:active {
    color: var(--pr-hover);
}
.header__img{
    width:150px;
    height:150px;
}
.header__img--fixed {
    position: absolute;
    opacity: 0;
}

.header.fixed .logo {
    top: 0;
   width: 80px;
}

.header.fixed .header__bottom-block {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
}

.header.fixed .header__img {
    position: absolute;
    opacity: 0;
    transition: opacity 0.3s linear;
}

.header.fixed .header__img--fixed {
    position: relative;
    opacity: 1;
    transition: opacity 0.3s linear;
}

.bfmodal-cards-wrapper {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.bfmodal-cards-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    overflow-x: auto;
}

.page-cards-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    overflow-x: auto;

}
.scroll-container{
position: relative;
    height: 150px;
    overflow: hidden;
    }
.home-form .message, .bfmodal-cards-wrapper .message {
    display: none;
}
.home-form .container {
  position:relative;
}
.home-form .blobs{
    z-index:0;
}
.home-form .online-form{
    position:relative;
    z-index:1;
}
.home-form .blob4{
  top:96%;
  right:-2.6rem;
}
.bfmodal-cards-wrapper .message.active, .home-form .message.active, .message.active{
    display: inline-block;
}

.custom-bfmodal-cards-list__item, .edit-bfmodal-cards-list__item, .bfmodal-cards-list__item {
  opacity:0.5;
  pointer-events:none;
  margin-right: 1.6rem;

}
.custom-bfmodal-cards-list__item.active,
.edit-bfmodal-cards-list__item.active,
.bfmodal-cards-list__item.active {
    display: block;
    margin-right: 1.6rem;
    max-width: 21.4rem;
    visibility: visible;
    position: relative;
     opacity:1;
  pointer-events:all;

}

.custom-card-mobile, .edit-card-mobile, .card-mobile {
    cursor: pointer;
    padding: 0.8rem;
    border: 1px solid var(--b2);
    display: flex;
    border-radius: 1.6rem;
    height: 100%;
    transition: .15s;
    transition: 0.15s;
    background-color: var(--white);
    overflow-x: hidden;
}
.bfmodal-cards-list__item.active .card-mobile, .custom-bfmodal-cards-list__item  .custom-card-mobile, .edit-bfmodal-cards-list__item  .edit-card-mobile {
   border: 1px solid var(--b3);
}
.card-mobile--big {
    min-width: 214px;
}

.card-mobile:hover {
    border-color: var(--pr);
}

.card-mobile, .custom-card-mobile, .edit-card-mobile {
    opacity: 0.4;
    pointer-events: none;
}

.card-mobile.active, .custom-card-mobile.active, .edit-card-mobile.active {
    opacity: 1;
    pointer-events: all;
}

.card-mobile.active.selected, .custom-card-mobile.active.selected, .edit-card-mobile.active.selected {
    opacity: 1;
    pointer-events: all;
    border: 1px solid var(--pr);
}

.card-mobile__img {
    min-width: 4rem;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 0.8rem;
}

.card-mobile__img--big {
    min-width: 7.9rem;
    width: 7.9rem;
    height: 7.3rem;
}

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

.card-mobile__content {
    min-height: 100%;
    display: flex;
    flex-direction: column;

}

.card-mobile__content .data-dates {
    visibility: hidden;
    position: absolute;
}

.card-mobile__title {
    margin-bottom: 1rem;
    font-size: 1.4rem;
    color: var(--b1);
    line-height: 1.3rem;
}

.card-mobile__position {
    max-width: 14rem;
    font-size: 1.2rem;
    color: var(--b5);
    line-height: 1.3rem;
    overflow-x: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;
}

.card-mobile.active.selected .card-mobile__position {
    overflow-x: unset;
    text-overflow: unset;
    text-wrap: wrap;
}

/* section top*/
.top {
    min-height: 519px;

}

.top .container {
    position: relative;
    background-repeat: no-repeat;
    background-position: right center;
}

.top .col-lg-7 {
    position: relative;
}

.top h1 {
    max-width: 673px;
}

.top .subtitle {
    font-size: 2.2rem;
    padding-top: 1.6rem;
    max-width: 673px;
    line-height: 130%;
    letter-spacing: 1px;
}

.top_bg {
    position: absolute;
    right: 0;
    top: 0;
	min-width:40vw;
    animation: 70s mercury infinite linear;
}
.tooth {
    position: absolute;
	right:0;
    top: 15%;
	 max-width:300px;
}
@keyframes mercury {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(130deg);
    }
}

.top-card {
    position: relative;
    margin-top: 3.8rem;
    background: #f7f4e98a;
    padding: 2.4rem;
    border-radius: 2.4rem;
    backdrop-filter: blur(4px);
}

.top-card__header {
    display: flex;
    padding-bottom: 1.6rem;
}

.top-card__img {
    padding: 1px;
    border-radius: 50%;
    overflow: hidden;
    width: 4rem;
    height: 4rem;
    margin-right: 0.8rem;
}

.top-card__header p {
    font-size: 1.4rem;
    color: var(--b);
}

.top-card__header span {
    font-size: 1.2rem;
    color: var(--b5);
}

.top-card__content {
    font-size: 1.4rem;
    color: var(--b7);
}

.blobs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 60%;
    height: 100%;
    width: 40%;
}

.blobs img {
    position: absolute;
}

.blob1 {
    top: 4.8rem;
}

.blob2 {
    right: -3.8rem;
    top: 3.8rem;
}

.blob3 {
    top: 80%;
}

.blob4 {
    top: 90%;
    right: 4.6rem;
}

.blob5 {
    top: 78%;
    right: 80%;
}

/* section about*/
.about {
    position: relative;
    z-index: 1;
}
.about .container {
  position: relative;
}
.about .blobs{
  left:0;
  width:100%;
}
.about .blob1{
  top:98%;
  left:-3rem;
}
.about .blob4{
  top:47%;
  right:0.6rem;
}
.about-card {
    padding: 3.2rem;
    border-radius: 2.4rem;
    background: #f7f4e98a;
    height: calc(100% - 1rem);
    border: 1px solid var(--b2);
    max-width: 384px;
}

.about-card__header {
    display: flex;
    align-items: center;
    padding-bottom: 1.6rem;
}

.about-card__img {
    min-width: 6rem;
    height: 6rem;
    margin-right: 1.6rem;
}



.about-card__content {
    font-size: 1.6rem;
    color: var(--b6);
}

.about-content__wrapper {
    position: relative;
}

.about-content__wrapper .blobs {
    width: 100%;
    left: -5rem;
}

.about-content__wrapper .blobs .blob1 {
    top: 90%;
}

.about-content__wrapper .blobs .blob4 {
    top: -6rem;
    right: -6rem;
}

.about-content {
    position: relative;
    margin: 10rem 0;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 3.2rem;
    padding: 3.2rem;
    backdrop-filter: blur(4px);
}

.about-content h2 {
    margin-bottom: 2.4rem;
}

.about-content p {
    color: var(--b6);
    max-width: 573px;
    margin-bottom: 1.2rem;
}

.about-content .btn {
    padding-left: 4.6rem;
    margin-top: 1.2rem;
}

.doctors {
    position: relative;
}

.bg1 {
    position: absolute;
    width: 100%;
    height:100vh;
    top: -400px;
    z-index: 0;
}

/*карусель*/
.carousel-wrapper {
    position: relative;
    width: 40rem;
    height: 37rem;
}

li.carusel__item {
    width: 40rem;
    height: 37rem;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}

.carusel__item {
    position: absolute;
}

.carusel__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 3rem;
}

.main-pos {
    z-index: 5;
}

.left-pos {
    opacity: 0.3;
    margin-left: -7em !important;
    z-index: 4;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    transform: scale(0.75);
}

.right-pos {
    opacity: 0.3;
    margin-left: 11rem !important;
    z-index: 4;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    transform: scale(0.75);
}

.back-pos {
    margin-left: 2em !important;
    opacity: 0.05;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
}

ul.paginate {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40rem;
    padding: 0;
    margin: 0;
    margin-top: 35rem;
    list-style: none;
    z-index: 6;
}

.paginate__item {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background-color: var(--white);
    margin: 0 0.4rem;
    transition: all 0.3s linear;
}

.paginate__item.active {
    background-color: var(--b5);
    width: 0.8rem;
    height: 0.8rem;
}

/*секция врачей*/
.splide--doctors .splide__track {
    margin: 0 -5rem 0 -5rem;
    padding: 6.6rem 5rem 7rem 0;
}

.splide--doctors .blobs {
    left: 0;
    width: 20%;
}

.scrollMouse {
    overflow-y: hidden;
}

.scrollMouse::-webkit-scrollbar {
    width: 0;
}

/*Убрать полосу прокрутки для всей страницы*/
::-webkit-scrollbar {
    width: 0;
}

.splide--doctors .blobs .blob6 {
    right: 0;
    bottom: 0;
}

.splide__arrows {
    margin-bottom: 0;
    width: 116px;
    justify-content: space-between;
}

.splide__arrow {
    background-color: var(--white);
    border: 1px solid var(--b2);
    width: 5.2rem;
    height: 5.2rem;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -3.4rem;
}

.splide__arrow svg {
    stroke: #9097a8;
}

.splide__arrow:hover {
    border: 1px solid var(--pr);
}

.splide__arrow:active,
.splide__arrow:focus {
    border: 1px solid var(--pr-active);
}

.splide__arrow:hover svg {
    fill: none;
    stroke: var(--pr);
}

.splide__arrow:active svg,
.splide__arrow:focus svg {
    stroke: var(--pr-active);
}

.doctors .container {
    position: relative;
}

.doctor-card {
    background-color:var(--white);
    overflow: hidden;
    border-radius: 2.4rem;
    max-width: 293px;
    border: 1px solid var(--b2);
    min-height: 460px;
    margin: 0 auto;
}
.doctor-card__img{
	text-align:center;
		    max-height: 291px;
    overflow: hidden;

}
.doctor-card__content {
    padding: 3.2rem 3.2rem 0 3.2rem;
}

.doctor-card__content p {
    font-size: 1.4rem;
    color: var(--b5);
    margin: 1.2rem 0 2.4rem;
}

.doctor-card a.info {
    margin: 2.4rem auto;
    display: flex;
	align-items:center;
    padding-left: 3.2rem;
    max-width: 200px;
    background-repeat: no-repeat;
    background-position: left center;
}

.doctor-card .btn {
    margin: 0 3.2rem;
    display: block;
    text-align: center;
    box-shadow: 0 1.5rem 3rem rgba(9, 141, 238, 0.3);
}

.doctor-card .doctor-card__footer {
    overflow: hidden;
    max-height: 0;
    transition: all 0.3s linear;
}

.doctor-card:hover {
    transform: scale(1.1);
    transition: all 0.3s linear;
    border: 1px solid var(--pr);
}

.doctor-card:hover .doctor-card__footer {
    max-height: 200px;
}

/*section price*/
section.price {
    background-image: url(../img/bg_2.jpg);
    background-size: 100% 100%;
    padding: 9rem 0;
}
section.price .container{
  position:relative;
}
section.price .blobs {
  width: 70%;
  left:0;
}
section.price .blob1{
  top:2rem;
  left:-3rem;
}
section.price .blob4{
  top:96%;
  right:0;
}
.card-price__wrapper {
    position: relative;
}

.card-price__wrapper .blobs {
    left: -5rem;
    width: 100%;
}

.card-price {
    position: relative;
}

.hot-spot {
    padding: 3.2rem;
    border-radius: 2.4rem;
    max-width: 29.3rem;
    margin-left: auto;
}

.hot-spot h3 {
    color: var(--b8);
}

.hot-spot .btn {
    display: block;
    text-align: center;
}

.hot-spot.blue {
    background: var(--pink-gr);
    margin-bottom: 4.5rem;
}

.hot-spot.blue img {
    margin: 0 auto;
    display: block;
    margin-top: -6rem;
}

.hot-spot.green {
    background: var(--vaiolit-gr);
}

.hot-spot.green img {
    display: block;
    margin-top: -6rem;
}

.hot-spot__content {
    margin-top: 2.4rem;
}

.hot-spot__content p {
    color: var(--b7);
    font-size: 1.4rem;
    margin: 2.4rem 0 0;
}

ul.sotials {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    margin-top:2.4rem;
}

ul.sotials li {
    margin: 0 1.2rem 0 0;
}

ul.sotials li a {
    display: block;
    width: 2.4rem;
    height: 2.5rem;
    background-size: 100%;
}

.hot-spot.green h3 a {
   /* background: -webkit-linear-gradient(#75ff83, #13d126);*/
       background: -webkit-linear-gradient(#b16c8e, #cb086c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.card-price {
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 3.2rem;
    border: 1px solid var(--b2);
    padding: 3.2rem;
}

.price-table {
    margin: 3.2rem 0;
}

.price-table h3 {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
    color: var(--b7);
}

.price-table__row {
    position: relative;
    padding: 1.2rem;
    overflow: hidden;
    border: 1px solid transparent;
    justify-content: space-between;
    align-items: center;
    color: var(--b7);
    transition: all 0.15s linear;
}

.price-table__row:hover {
    background-color: rgba(122, 219, 255, 0.1);
    border: 1px solid var(--sec);
    cursor: pointer;
    border-radius: 1.6rem;
    padding: 2.8rem 1.2rem;
}
select { 
position:relative;
-webkit-appearance: none;
 
}
.select_wrapper{
	position:relative;
	font-size:1.4rem;
	    border-radius: 1.5rem;
}
select option {
    padding: 1.4rem ; /* Отступы внутри элемента */
    background-color: #f8f8f8; /* Цвет фона */
}
.ajax-search{
box-shadow: 0 1.5rem 3rem rgba(9, 141, 238, 0.3);
border-radius: 1.2rem;
}
.search-card{
    border: 1px solid var(--b3);
    border-radius: 1.2rem;
       margin: 1.2rem 0;
           font-size: 1.4rem;
    }
.select_wrapper:after{
display:block;
content:" ";
position:absolute;
right:1.6rem;
top: 1rem;
width:2.4rem;
height: 2.4rem;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5L15 15' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.875 15H15V6.875' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position: center;
transition:all 0.3s linear;	
}
.select_wrapper:hover{
  border:1px solid var(--pr);
}
.select_wrapper:hover:after{
transform:rotate(180deg);	
}
.search_input_wrapper{
	position:relative;
}
.searchform__input::placeholder{
  font-size:1.4rem;
  color:var(--b4);
}
select{
      padding: 1.2rem;
    border: 1px solid var(--b4);
    border-radius: 1.5rem;
    outline: none;
    width: 100%;
    min-height: 4.5rem;
}
.search_input_wrapper .btn {
	display:block;
	content:" ";
	position:absolute;
	right:1.6rem;
	top:0.3rem;	
	width:2.4rem;
height: calc(100% - 1rem);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.875 18.75C15.2242 18.75 18.75 15.2242 18.75 10.875C18.75 6.52576 15.2242 3 10.875 3C6.52576 3 3 6.52576 3 10.875C3 15.2242 6.52576 18.75 10.875 18.75Z' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.4434 16.4438L20.9996 21.0001' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position: center;
transition:all 0.3s linear;	
text-indent:-9999px;
padding:0;
background-color:transparent;
border:0px;
min-width:2.4rem;

}
.search_input_wrapper .btn:hover, .search_input_wrapper .btn:focus, .search_input_wrapper .btn:active{
background-color:transparent; 
border:0px;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.875 18.75C15.2242 18.75 18.75 15.2242 18.75 10.875C18.75 6.52576 15.2242 3 10.875 3C6.52576 3 3 6.52576 3 10.875C3 15.2242 6.52576 18.75 10.875 18.75Z' stroke='%2392278F' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.4434 16.4438L20.9996 21.0001' stroke='%2392278F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	
}
@media(max-width:600px){
    .quicklinks{
        display:none;
    }
    .top h1, .top .subtitle{
        text-align:center;
    }
.search-panel__input .select_wrapper{
  margin-top:1.6rem;  
}
}
.price-table__row .btn {
    position: absolute;
    right: 1.2rem;
    opacity: 0;
    visibility: hidden;
    transition: all 0.15s linear;
}

.price-table__row:hover .btn {
    opacity: 1;
    visibility: visible;
}
.home-bg{
 background-image: url(../img/order-bg.jpg);
    background-size: 100vw 100vh;
    background-repeat: no-repeat;
}
.price-table__row h4 {
    max-width: 150px;
    min-width: 150px;
    text-align: right;
}

.splide--reviews .splide__track {
    width: 100vw;
}

.card-review {
    margin-right: 2.4rem;
    max-width: 58.8rem;
}
.card-review a {
    margin-top:2rem;
}
.btn{
     max-width: 100%; 
}  
section.home-form {
    padding: 10rem 0;
}
.air-datepicker-cell{
    font-weight:400;
}
section.home-form {
    padding: 2.4rem 0;
}
.home-form__title {
    margin-bottom: 1.2rem;
}

.home-form__text {

}
.about-content .btn {
    padding-left: 0.6rem;
    margin-top: 1.2rem;
    flex-wrap: nowrap;
    align-items: center;
}
.about-content .btn svg{
    min-width:30px;
    height:30px;
    
}
.form-title__wrapper {
    min-height: 1.7rem;
    margin-bottom: 2.4rem;
    display: flex;
    align-items: center;
}

.select-time {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

.select-time li.active {
    position: relative;
    margin-right: 0.8rem;
    margin-bottom: 0.8rem;
}

.select-time__item, .custom-select-time__item, .edit-select-time__item {
    position: relative;
    width: 100%;
    min-width: 15.2rem;
    padding: 1.6rem 3.2rem;
    border: 1px solid var(--b4);
    border-radius: 3.2rem;
        white-space: nowrap;
    font-weight: 600;
    font-family: 'Gilroy';
    pointer-events: none;
    cursor: default;
    transition: all 0.3s linear;
    background-color:rgba(255,255,255,0.6);
}


.select-time__item input, .custom-select-time__item input, .edit-select-time__item input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.select-time__item.active:hover, .custom-select-time__item.active:hover, .edit-select-time__item.active:hover {
    /* color: var(--pr); */
    border-color: var(--pr);
    pointer-events: all;
}

.select-time__item.active, .custom-select-time__item.active, .edit-select-time__item.active {
    position: relative;
    visibility: visible;
    cursor: pointer;
    opacity: 1;
    pointer-events: all;
    border-color:var(--pr);
     background-color:rgba(255,255,255,1);
}

.select-time li {
    position: relative;
    margin-right: 0.8rem;
    margin-bottom: 0.8rem;
}

.select-time__item.selected, .custom-select-time__item.selected, .edit-select-time__item.selected {
    color: var(--white);
    background-color: var(--pr);
}

.form-content__wrapper h3 {
    margin: 3.2rem 0 2.4rem;
}

.page-cards-list {
   padding:3.6rem 0;
}

section.review {
    margin: 10rem 0;
    padding: 0 10px;
}

section.review h2 {
    margin-bottom: 3.2rem;
}

.post-data {
    color: var(--b5);
    font-size: 1.2rem;
}

.card-review h4 {
    margin: 1.2rem 0;
}
.review__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3.2rem;
    max-width: 95%;
}
.prodoctor, .toogis, .yandex {
    padding-left: 40px;
    height: 30px;
    display: flex;
    align-items: center;
    color: #9094a0;
    background-repeat: no-repeat;
    background-size: contain;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    background-position: left center;
}
.stars {
    display: flex;
    align-items: center;
}
.star {
    display: block;
    width: 15px;
    height: 15px;
    margin-right: 4px;
}
.star{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 0L9.18386 5.18237H14.6329L10.2245 8.38525L11.9084 13.5676L7.5 10.3647L3.09161 13.5676L4.77547 8.38525L0.367076 5.18237H5.81614L7.5 0Z' fill='%23ffe175'/%3E%3C/svg%3E")}
.yandex{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_156_809)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.6106 0.00213653C21.9581 -0.110524 26.8596 4.24783 28.9534 9.40107C30.3221 12.7694 30.3562 17.0886 29.0098 20.5166C27.2913 24.892 23.8537 28.0734 19.1332 29.4512C18.0667 29.7626 16.9473 29.827 15.6814 29.9999C15.146 29.9905 14.6106 29.9811 14.0752 29.9718C12.1357 29.7056 10.7363 29.4903 9.24256 28.8603C4.49481 26.8573 1.21411 23.0823 0.183159 17.3648C-0.054132 16.0489 -0.0985414 14.1875 0.140892 12.8201C0.321699 11.7876 0.52319 10.8084 0.859444 9.92167C2.52928 5.51817 5.58105 2.51751 9.98929 0.846352C10.9351 0.487786 11.9864 0.295994 13.103 0.114699L14.6106 0.00213653ZM17.4848 17.2945V24.0482H19.4009V5.93979H16.8649L15.4418 5.982C13.7845 6.30237 12.7413 7.40773 12.0181 8.66942C10.4311 11.4384 11.4603 14.8245 13.3848 16.3659C13.7012 16.6193 14.0605 16.9685 14.4838 17.0975L10.6515 24.0482H13.0748C14.094 21.7973 15.1131 19.546 16.1322 17.2945H17.4848ZM17.4284 7.47345V15.6905C15.9231 15.7033 14.9028 15.6369 14.2583 14.8181C12.7846 12.9459 13.1434 8.8256 15.0332 7.72671C15.5813 7.40798 16.5436 7.46733 17.4284 7.47345Z' fill='%23FC3F1D'/%3E%3C/g%3E%3C/svg%3E")}
.toogis{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 15C30 13.1541 29.7759 11.6325 29.1666 10.0003C29.0044 15.3731 23.2059 19.7475 19.9997 22.5H28.3331C29.1666 20.0006 30 17.5491 30 15ZM24.1669 3.33375C21.6253 1.35375 18.4697 0 15 0C6.71531 0 0 6.71625 0 15C0 23.2838 6.71531 30 15 30C18.7941 30 22.6706 28.5722 25.3125 26.25H14.0625V22.5C20.6053 16.8113 25.0003 13.3331 25.0003 10.0003C25.0003 8.61938 24.0309 6.66656 21.6637 6.66656C19.7897 6.66656 18.3366 8.33344 18.3337 12.4997H14.1666C13.2131 7.23844 16.3969 2.88 21.855 2.88C22.7006 2.88 23.4525 3.14531 24.1669 3.33375Z' fill='%2315ac21'/%3E%3C/svg%3E")}
.prodoctor{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_156_831)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.2143 29.7174H24.0871C26.9507 29.7174 29.3234 27.3341 29.3234 24.4576V21.7455V17.5541V9.66433C29.3234 8.59585 28.4234 7.69189 27.3598 7.69189C26.2961 7.69189 25.3962 8.59585 25.3962 9.66433V12.2941H24.1689H23.3507H17.2962C12.873 12.3396 12.0391 14.6333 12.0598 17.7902V24.4576C11.9779 27.3341 14.2689 29.7174 17.2143 29.7174ZM15.9871 17.4719C15.9871 16.8144 16.5598 16.2391 17.2143 16.2391H23.1871H24.1689H25.3143V17.4719V18.3759V21.6633V24.4576C25.3143 25.1151 24.7416 25.6903 24.0871 25.6903H17.2143C16.5598 25.6903 15.9871 25.1151 15.9871 24.4576V17.4719ZM20.6507 22.9782C19.587 22.9782 18.687 22.0742 18.687 21.0058C18.687 19.8552 19.587 18.9512 20.6507 19.0334C21.7143 19.0334 22.6143 19.9374 22.6143 21.0058C22.6143 22.0742 21.7143 22.9782 20.6507 22.9782Z' fill='%234580dc'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.7271 0.168457H5.85434C2.99071 0.168457 0.617981 2.55182 0.617981 5.42829V8.14039V12.3318V20.2215C0.617981 21.29 1.51798 22.194 2.58162 22.194C3.64526 22.194 4.54526 21.29 4.54526 20.2215V17.5917H5.77253H6.59071H12.6453C17.0684 17.5463 17.9023 15.2526 17.8816 12.0957V5.42829C17.9635 2.55182 15.6725 0.168457 12.7271 0.168457ZM13.9543 12.414C13.9543 13.0715 13.3816 13.6468 12.7271 13.6468H6.75434H5.77253H4.62707V12.414V11.51V8.22258V5.42829C4.62707 4.7708 5.19979 4.19552 5.85434 4.19552H12.7271C13.3816 4.19552 13.9543 4.7708 13.9543 5.42829V12.414ZM9.29072 6.90762C10.3544 6.90762 11.2544 7.81165 11.2544 8.88006C11.2544 10.0306 10.3544 10.9347 9.29072 10.8525C8.22709 10.8525 7.32709 9.94845 7.32709 8.88006C7.32709 7.81165 8.22709 6.90762 9.29072 6.90762Z' fill='%23fa4333'/%3E%3C/g%3E%3C/svg%3E")}

.review__content_hidden {
    height: 0;
    visibility: hidden;
}

section.news {
    padding-top: 9rem;
    margin-bottom: 10rem;
}

.news__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 24px;
    width: 100%;
}

.news-card {
    display: block;
    overflow: hidden;
    border-radius: 2.4rem;
    border: 1px solid var(--b2);
    max-width: 384px;
    margin: 0 auto;
    transition: all 0.3s linear;
    min-height: 100%;
}

.news-card__content {
    padding: 3.2rem;
}

.news-card__content h4 {
    color: var(--b8);
    margin: 1.2rem 0;
}

.news-card__content p {
    color: var(--b5);
    font-size: 1.4rem;
}

.news-card__img {
    max-height: 200px;
    overflow: hidden;
}

.news-card img {
    transition: all 0.3s linear;
}

.news-card:hover img {
    transform: scale(1.2);
    transition: all 0.3s linear;
}

.splide--news {
    margin-top: 3.2rem;
}

.splide__arrows--news {
    margin-right: 1.2rem;
}

.splide__arrows--news .splide__arrow {
    margin-top: 0;
}

section.contacts {
    padding-top: 4rem;
    position: relative;
    min-height: 579px;
}

.contacts-card {
    position: relative;
    max-width: 40rem;
    background-color: var(--white);
    margin-top: -4rem;
    border: 1px solid var(--b2);
    padding: 3.2rem;
    border-radius: 2.4rem;
    z-index: 3;
}

.contacts-card__contacts {
    padding: 1.2rem 0;
}

.contacts-card__contacts_phoneMail {
    display: flex;
    flex-direction: row;
}

.contacts-card__contacts a,
.contacts-card__contacts p {
    padding: 1.2rem 1.2rem 1.2rem 2.4rem;
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
    color: var(--b8);
    transition: .2s;
}

.contacts-card__contacts a:hover {
    color: var(--pr-hover);
}

.contacts-card__content {
    padding: 1.2rem 0;
}
.contacts-card__content:nth-child(3) {
    margin-bottom: 4rem;
}

.contacts-card__content p {
    color: var(--b6);
    margin: 0.5rem 0;
}

.contacts-card__content_page {
    max-width: 35%;
}

.contacts-card .btn {
    display: block;
    text-align: center;
}

.map {
    position: absolute;
    top: 4rem;
    right: 0;
    left: 0;
    min-height: 539px;
}

footer {
    position: relative;
    background-color: var(--b2);
    padding: 3.2rem 0;
}

.footer-menu a {
    display: block;
    padding: 1.6rem;
    color: var(--b7);
    font-size: 1.4rem;
}

.footer__left-part p {
    font-size: 1.4rem;
    margin-left: 1.2rem;
    color: var(--b7);
}

.footer__left-part a {
    display: block;
    margin-top: 1.2rem;
    font-size: 1.4rem;
}

.h-lg-100 {
    height: 100%;
}

.hamburger {
    display: none;
}

.xs-visiblity {
    display: none;
}

.input-wrapper {
    position: relative;
}

.input-wrapper span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1.2rem;
    color: var(--b6);
}

.input-wrapper span.focus {
    font-size: 0.8rem;
    text-transform: uppercase;
    padding: 0 1.2rem;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="date"],
textarea {
    padding: 1.2rem;
    border: 1px solid var(--b4);
    border-radius: 1.5rem;
    outline: none;
    width: 100%;
    min-height:4.5rem;
}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
input[type="tel"]:hover,
input[type="date"]:hover,
textarea:hover {
    border: 1px solid var(--b5);
    outline: none;
}

input[type="text"]:active,
input[type="date"]:active,
input[type="email"]:active,
input[type="password"]:active,
input[type="tel"]:active,
textarea:active,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
textarea:focus {
    border: 1px solid var(--pr);
    outline: none;
}
input.pincode-input{
  opacity:1; 
  -webkit-text-fill-color: #02c5a6; 
}

input.family {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5L15 15' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.875 15H15V6.875' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:right 1rem center;
}
.date-wrapper{
 position:relative; 
 background-color: var(--white);
border-radius: 1.5rem;
}
.date-wrapper:after{
  content:'';
  display: block;
  font-size:2rem;
  color:STEELBLUE;
  background: none;
  width: 20px;
  height: 20px;
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.25 3.125H3.75C3.40482 3.125 3.125 3.40482 3.125 3.75V16.25C3.125 16.5952 3.40482 16.875 3.75 16.875H16.25C16.5952 16.875 16.875 16.5952 16.875 16.25V3.75C16.875 3.40482 16.5952 3.125 16.25 3.125Z' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.75 1.875V4.375' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.25 1.875V4.375' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.125 6.875H16.875' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  position: absolute;
  top:13px;
  right: 8px;
}
.date-wrapper input::-webkit-calendar-picker-indicator{
  opacity:0;
}
.date-wrapper input{
  background: transparent;
  position: relative;
    z-index: 3;
}
.date-wrapper input:focus{
  background:#ffffff; 
}
.calendar__date {
    width: 49% !important;
}
.calendar__timeForm {
  position:relative;
    padding: 3.2rem 3.2rem 3.2rem 3.2rem;
    border-radius: 2rem;
    background-color: rgba(255, 255, 255, 0.6);
    margin: 1rem 0 0 1rem;
}
.form__pincode.form__pincode--decktop>input {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 150px;
    text-align: center;
    font-size: 2em;
    color: var(--pr);
    border: 1px solid var(--b3);
    border-radius: 1.2rem;
    cursor: default;
    margin: 0;
    margin-top: 10px;
    margin-right: 2%;
    padding: 0;
}
.form__pincode--decktop::placeholder {
    color: var(--b4);
}
.form__pincode.form__pincode--decktop>input[disabled]{
  background:var(--b2);
}
.timer{
  color:var(--b5);
}
.timer span{
  color:var(--b9);
}
.checkbox-wrapper {
    white-space: nowrap;
    position: relative;
}

.checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.checkbox+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
}

.checkbox-wrapper label {
    padding-left: 0.8rem;
}

.checkbox+label::before {
    content: "";
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid var(--b5);
    border-radius: 0.2rem;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.checkbox:checked+label::before {
    border-color: var(--pr);
    background-color: var(--pr);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 1.6004L5.32597 6.4L3.76797 8L2.20996 6.4L2.21861 6.39113L0 4.08813L1.55842 2.48813L3.77662 4.79153L8.44199 0L10 1.6004Z' fill='%23ffffff'/%3E%3C/svg%3E");
}

.bfmodal__content form.lg {
    margin: 6.4rem auto;
    width: 400px;
}

.bfmodal__content form.lg .checkbox-wrapper {
    margin-top: 6.4rem;
    margin-bottom: 3.2rem;
    text-align: center;
}

.verifycation {
    visibility: hidden;
    position: absolute;
}

.post-img {
    margin-bottom: 1.2rem;
    border-radius: 2.4rem;
}

.post-img~h4 {
    margin-top: 3.2rem;
}

article p {
    color: var(--b6);
}

article .news__list {
    margin-bottom: 4rem;
}

article .more {
    width: fit-content;
    border: 1px var(--pr) solid;
    border-radius: 20px;
    padding: 1.8rem 1.6rem;

    &:hover {
        border-color: var(--pr-hover);
        color: var(--pr-hover);
    }

    &:active {
        border-color: var(--pr-active);
        color: var(--pr-active);
    }
}

.bottom-block {
    margin: 6.4rem 0;
}

.bottom-block h3 {
    margin-bottom: 2rem;
}

.bottom-block .news-card {
    margin-left: 0;
}

/*ЛК*/
.user-wrapper {
    padding: 3.2rem;
    border: 1px solid var(--b2);
    border-radius: 2.4rem;
}
.user-wrapper.op{
  border-color:var(--b6);
}
.user-wrapper.tab-lk.active{
   border: 1px solid var(--b2);
}
.user-wrapper .edit {
    color: var(--b6);
    font-size: 1.4rem;
    padding-left: 3.2rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.79375 13.5H3C2.86739 13.5 2.74022 13.4473 2.64645 13.3536C2.55268 13.2598 2.5 13.1326 2.5 13V10.2062C2.49978 10.1413 2.51236 10.077 2.53702 10.0169C2.56169 9.95687 2.59796 9.90227 2.64375 9.85625L10.1438 2.35625C10.1903 2.30901 10.2457 2.27149 10.3069 2.24588C10.3681 2.22027 10.4337 2.20708 10.5 2.20708C10.5663 2.20708 10.632 2.22027 10.6931 2.24588C10.7543 2.27149 10.8097 2.30901 10.8563 2.35625L13.6438 5.14375C13.691 5.19027 13.7285 5.24573 13.7541 5.30689C13.7797 5.36805 13.7929 5.43369 13.7929 5.5C13.7929 5.5663 13.7797 5.63195 13.7541 5.69311C13.7285 5.75427 13.691 5.80972 13.6438 5.85625L6.14375 13.3562C6.09773 13.402 6.04313 13.4383 5.98307 13.463C5.92301 13.4876 5.85868 13.5002 5.79375 13.5V13.5Z' stroke='%23535F7C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 4L12 7.5' stroke='%23535F7C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.25 5.75L4.25 11.75' stroke='%23535F7C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.96875 13.4688L2.53125 10.0312' stroke='%23535F7C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

}
.user-wrapper .edit:hover{
  color: var(--pr); 
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.79375 13.5H3C2.86739 13.5 2.74022 13.4473 2.64645 13.3536C2.55268 13.2598 2.5 13.1326 2.5 13V10.2062C2.49978 10.1413 2.51236 10.077 2.53702 10.0169C2.56169 9.95687 2.59796 9.90227 2.64375 9.85625L10.1438 2.35625C10.1903 2.30901 10.2457 2.27149 10.3069 2.24588C10.3681 2.22027 10.4337 2.20708 10.5 2.20708C10.5663 2.20708 10.632 2.22027 10.6931 2.24588C10.7543 2.27149 10.8097 2.30901 10.8563 2.35625L13.6438 5.14375C13.691 5.19027 13.7285 5.24573 13.7541 5.30689C13.7797 5.36805 13.7929 5.43369 13.7929 5.5C13.7929 5.5663 13.7797 5.63195 13.7541 5.69311C13.7285 5.75427 13.691 5.80972 13.6438 5.85625L6.14375 13.3562C6.09773 13.402 6.04313 13.4383 5.98307 13.463C5.92301 13.4876 5.85868 13.5002 5.79375 13.5V13.5Z' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 4L12 7.5' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.25 5.75L4.25 11.75' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.96875 13.4688L2.53125 10.0312' stroke='%233c4a3a' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

}
.user-wrapper .label {
    color: var(--b5);
    font-size: 1.4rem;
    margin-bottom: 1.8rem;
}
.confidant-group{
  margin-top: 3rem;
    border-top: 1px solid var(--b3);
    padding-top: 2.4rem;
}
.confidant-group .text-red{
  cursor:pointer;
text-align: right;
}
a.tab-link {
  color:var(--b5);
  padding: 1.2rem;
}
a.tab-link.active{
  color:var(--b8);
  border-bottom:1px solid var(--pr);
}
.order-header{
  justify-content:space-between;
  align-items:center;
}
.order-footer{
    display: none;
    margin-top: 3.2rem;
}
.user-wrapper.op .order-footer{
  display:block;
}
.order-footer__content{
   padding-top:3.2rem;
   border-top:1px solid var(--b2); 
}
.order-header__left{
  padding-right: 3.2rem;
  border-right: 1px solid var(--b2);
}
.order-header__left--res {
  width:300px;
}
.order-tip {
  display:inline-block;
  padding:0.8rem 1.6rem;
  border-radius:1.6rem;
  font-size:1.4rem;
background: rgba(200, 204, 214, 0.1)
  
}
.order-header__left--res p{
  font-size:1.4rem;
}
.order-header__left .order-time{
  font-size:1.4rem;
  color:var(--b7);
  margin-top:0.8rem;
}
.order-header__center{
  flex-grow:3;
  display:flex;
  padding:0 3.2rem;
}
.order-header__center--res{
  flex-direction:column;
  max-width:70%;
 }
.order-header__img{
  margin-right:1.2rem;
}
.order-header__center h4 {
  font-weight:400;
  font-size:1.6rem;
}
.tab{
  display:none;
}
.tab.act{
  display:block;
}
.files_list {
    display: flex;
    flex-wrap: wrap;
    margin:1.2rem 0;
    align-items: flex-start;
}
.files_list li {
    background: rgba(122, 219, 255, 0.15);
    border-radius: 1.6rem;
    padding: 0.6rem 2rem;
    margin-right: 10px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}
.files_list li a {
    text-decoration: none;
    color: rgba(2, 11, 35, 1);
    outline: none;
    margin-right: 5px;
}
.toggle-text{
  cursor:pointer;
  color:var(--pr);
}
.order-footer-p {
min-width:130px; 
margin-right:1rem
}
.result-form{
    margin: 0 auto;
    text-align: center;
}
.result-form p {
  font-size:1.4rem;
  color:var(--b5);
  margin-top: .4rem;
}
.result-form__doctor{
  margin:0 auto;
  margin-top: 2.4rem;
  width:195px;
  border-radius:1.6rem;
  padding:1.6rem;
  background: var(--b2);
  margin-bottom:3rem;
}

.result-form__doctor p {
  font-size:1.2rem;
  color: var(--b5);
}
p.result-form__title, p.result-form__data{
  font-size:1.4rem;
  color: var(--b8);
}

.modal__closeBtn {
    display: none;
}

@media (max-width: 420px) {
    .result-form__doctor{
        width: 90%;
    }
    .modal__closeBtn {
        display: block;
        padding: 1.6rem 0;
        width: 100%;
        border-radius: 2.5rem;
        background: var(--pr);
        color: var(--white);
    }
}

/*ховер в нижнем меню*/
.footer__right-part {
    display: flex;
    flex-direction: column;
}

.footer__right-part .menu-item:hover a{
   color: var(--pr-hover);
}

@media (min-width: 1024px) {
    .stkey-parent {
        position: relative;
        align-items: flex-start;
    }

    .sticky {
        position: sticky;
        top: 7rem;
    }
}

@media (max-width: 1024px) {

    .top,
    .doctors .splide {
        max-width: 100%;
        overflow-x: hidden;
        overflow-y: inherit;
    }
}

@media (max-width: 930px) {

    body,
    html {
        overflow-x: hidden;
        max-width: 100vw;
    }

    .header__top-block a {
        padding: 0.8rem 0.5rem 0.8rem 2rem;
        font-size: 1.2rem;
    }

    .logo {
        top: -20px;
        max-width: 80px;
    }

    .header__bottom-block-content .btn--primary {
        text-indent: -9999px;
        width: 3.2rem;
        max-width: 3.2rem;
        height: 3.2rem;
        padding: 0;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.125 10H16.875' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 3.125V16.875' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
    }

    .circle--btn {
        min-width: 3.2rem;
        min-height: 3.2rem;
        height: 3.2rem;
    }

    .header-menu {
        margin-right: 1.6rem;
    }

    .top-card {
        position: relative;
        margin-top: 3.8rem;
        margin-bottom: 1.6rem;
        padding: 1.4rem;
    }

    .top_bg {
        position: absolute;
        right: auto;
        top: 15%;
        max-width: 300px;
    }

    .top {
        min-height: 300px;
        height: 400px;
    }

    .about-card {
        padding: 1.6rem;
        max-width: 100%;
    }

    .about-card__img {
        min-width: 4rem;
        height: 4rem;
        margin-right: 1.2rem;
    }


    h4 {
        font-size: 1.6rem;
    }

    h2 {
        font-size: 2.4rem;
    }

    h3 {
        font-size: 2rem;
    }

    .h-lg-100 {
        height: auto;
    }

    .about-content {
        margin: 4rem 0;
    }

    .splide--doctors .splide__track {
        margin: 0 -3rem 0 -3rem;
        padding: 3.2rem 3rem 3rem 3rem;
    }

    .hot-spot {
        padding: 1.6rem;
    }

    section.review {
        margin: 4rem 0;
    }

    .footer-menu {
        margin-top: 1.6rem;
    }

    .select-time__item {
        min-width: 10.7rem;
        padding: 0.8rem;
    }
    .form-content__wrapper .col-md-6 {
        margin-bottom: 1.6rem;
    }
    .calendar__timeForm{
        margin:0;
    }
}

@media (max-width: 600px) {
    .header__img {
        width: 100px;
        height: 100px;
    }
  article h2 {
    margin-bottom: 1rem;
}
.blobs{
  display:none;
}
.tab-list{
 flex-direction:column; 
 width: 100%;
}
a.tab-link{
  display:block;
  text-align:center;
}
.filter{
  margin-left:auto;
  margin-right:auto;
}
a.tab-link.active {
  border-bottom:0;
  background-color: var(--b2);
  border-radius:1.6rem;
}
.tab-lk {
  margin-top:1.6rem;
}
.tab-lk .edit{
  display: block;
  text-indent:-99999px;
      width: 30px;
    height: 30px;
    background-size: 60%;
}
.order-header{
  flex-direction:column;
  justify-content: flex-start;
  align-items: flex-start;
}
.order-header__center{
      padding: 2.4rem 0;
}
.user-wrapper{
  padding:1.2rem;
}
.order-footer-p{
  min-width:100%;
  margin-bottom:1rem;
}
.order-header__center--res{
  max-width:100%;
}
.order-header__left{
  border:0px;
}
.order-header__img{
  min-width:40px;
}
.order-header__left--res .order-header__doctor{
  display:flex;
}
.files_list li {
  margin-bottom:1.6rem;
}
    .top,
    .doctors .splide {
        max-width: 100%;
        overflow-x: inherit;
        overflow-y: inherit;
    }

    .header__bottom-block {
        padding: 1.2rem 0;
    }

    .hamburger {
        display: block;
        margin-top: 0.4rem;
        display: block;
        z-index: 50;
        width: 2.4rem;
        height: 2.4rem;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
        cursor: pointer;
    }

    .hamburger span {
        display: block;
        position: absolute;
        height: 1px;
        background: var(--pr);
        opacity: 1;
        left: 0;
        top: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.4s ease-in-out;
        -moz-transition: 0.4s ease-in-out;
        -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out;
    }

    .hamburger span:nth-child(1) {
        top: 0;
        height: 1px;
        width: 1.7rem;
    }

    .hamburger span:nth-child(2) {
        top: 0.5rem;
        height: 1px;
        width: 1.2rem;
    }

    .hamburger span:nth-child(3) {
        top: 1rem;
        height: 1px;
        width: 1.7rem;
    }

    .hamburger span:nth-child(4) {
        top: 1.5rem;
        height: 1px;
        width: 1.2rem;
    }

    .hamburger.open span:nth-child(1) {
        top: 1.6rem;
        height: 1px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .hamburger.open span:nth-child(2) {
        opacity: 0;
        left: -60px;
    }

    .hamburger.open span:nth-child(3) {
        top: 1.6rem;
        height: 1px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    .hamburger.open span:nth-child(4) {
        opacity: 0;
        right: -60px;
    }

    .header__top-block {
        display: none;
    }

    .header-menu {
        display: none;
    }

    .open .header-menu {
        display: block;
        position: absolute;
        top: -15px;
        left: -15px;
        right: -15px;
        margin: 0;
        padding: 4rem 1.2rem 1.2rem;
        background-color: var(--white);
    }

    .header-menu li a {
        padding: 0.8rem 1.6rem;
        display: block;
    }

    .logo {
        top: 0;
        max-width: 80px;
        right: 0;
        margin: 0 auto;
    }

    .header__img--fixed {
        visibility: hidden;
    }

    .top {
        height: 450px;
    }

    .top .subtitle {
        font-size: 1.6rem;
    }

    .top-card {
        opacity: 0;
    }

    .top_bg {
        max-width: 250px;
        top: 5%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .blobs {
        left: 0;
        width: 100%;
    }

    .blob1 {
        width: 4rem;
    }

    .blob4 {
        width: 3rem;
        top: 50%;
        right: 1.6rem;
    }

    .blob3 {
        left: 0;
        right: 0;
        top: 100%;
        margin: 0 auto;
    }

    .about-card {
        padding: 2.4rem;
        max-width: 100%;
    }

    .about .col-lg-4:nth-child(2),
    .about .col-lg-4:nth-child(3),
    .about .col-md-4:nth-child(2),
    .about .col-md-4:nth-child(3){
        margin-top: -10rem;
        transition: all 0.3s linear;
    }

    .about .col-lg-4:nth-child(2):hover,
    .about .col-lg-4:nth-child(3):hover,
    .about .col-md-4:nth-child(2):hover,
    .about .col-md-4:nth-child(3):hover{
        margin-top: 1rem;
    }

    .carousel-wrapper {
        width: 100%;
        height: 27rem;
    }

    li.carusel__item {
        width: 25rem;
        height: 23rem;
    }

    .left-pos {
        margin-left: -8rem !important;
        display: none;
    }

    .right-pos {
        margin-right: -5rem !important;
        display: none;
    }

    .back-pos {
        display: none;
    }

    ul.paginate {
        margin-top: 25rem;
        width: 100%;
    }

    .about-content {
        padding: 1.6rem;
    }

    .bg1 {
        display: none;
    }

    .btn--light {
        font-size: 1.2rem;
        white-space: break-spaces;
    }

    .splide--doctors .splide__track {
        margin: 0;
        padding: 3.2rem 0 3rem 0;
    }

    .doctor-card {
        max-width: 100%;
        margin-left: 0;
    }

    .doctor-card:hover {
        transform: none;
    }

    .doctor-card .doctor-card__footer {
        display: flex;
        flex-direction: column;
        align-items: center;
        max-height: 200px;
    }
   
    .doctor-card__img img {
        width: 100%;
        height: auto;
    }

    section.price {
        background-image: none;
        margin: 0;
        padding: 0;
    }

    .splide__arrows {
        width: 8.8rem;
    }

    .splide__arrow {
        width: 4rem;
        height: 4rem;
    }

    .card-price {
        padding: 1.6rem;
        margin-bottom: 3.6rem;
    }

    .price-table {
        margin: 1.2rem 0;
    }

    .price-table__row {
        padding: 1.2rem 0;
    }

    .price-table__row:hover {
        padding: 1.2rem 0.8rem 6rem;
    }

    .price-table__row h4 {
        min-width: 8rem;
    }

    .price-table__row:hover .btn {
        right: 1.2rem;
        bottom: 0.8rem;
        left: 1.2rem;
        text-align: center;
    }

    .card-review {
        margin-right: 0;
        max-width: 250px;
    }

    .splide--reviews .splide__track {
        padding: 0 15px;
    }

    section.review h2,
    section.news h2 {
        margin-bottom: 0;
        max-width: calc(100% - 8.8rem);
    }

    section.news {
        position: relative;
        padding-top: 2rem;
        margin-bottom: 4rem;
        padding-bottom: 5rem;
    }

    section.news .btn {
        position: absolute;
        bottom: 0;
        left: 25%;
    }

    .map {
        position: relative;
        margin-left: -15px;
        margin-right: -15px;
        min-height: 285px;
    }

    .contacts-card {
        background-color: transparent;
        border: 0;
        padding: 0;
    }

    footer {
        padding: 3.2rem 0 10.5rem;
    }

    .footer__left-part .d-flex {
        flex-direction: column;
        align-items: center;
    }

    .footer__left-part p {
        font-size: 1.2rem;
    }

    .footer__right-part {
        width: 100%;
    }

    .footer-menu {
        flex-wrap: wrap;
    }

    .footer-menu li {
        width: 50%;
        text-align: center;
    }

    .footer__left-part a:last-child {
        position: absolute;
        bottom: 6.4rem;
        font-size: 1.2rem;
    }

    .xs-hidden {
        display: none;
    }

    .xs-visiblity {
        display: block;
    }

    .select-time__item {
        min-width: 10.7rem;
        padding: 0.8rem;
    }
    section.price .blobs {
    width: 100%;
    left: 0;
    z-index: 0;
}
    .hot-spot {
        max-width: unset;
        pozition:relative;
    }
    .hot-spot.blue {
        margin-bottom: 5rem !important;
    }
    .hot-spot.blue img {
        margin: -6rem 0 6.4rem 1rem;
    }
    .hot-spot h3 {
        font-size: 24px;
    }
    .hot-spot__content {
        margin-left: 2rem;
        max-width: 23rem;
    }
    .hot-spot__content .btn{
        margin-top:2.4rem;
    }
    .calendar__timeForm {
        background-color: transparent;
        padding: 0;
    }
    .form-content__wrapper h3 {
        margin: 1.6rem 0 1.2rem 0;
    }
    .form-content__wrapper .row div.col-sm-4,
    .form-content__wrapper .row div.col-sm-6,
    .form-content__wrapper .row div.col-12 {
        padding-left: 0 !important;
        padding-top: 0 !important;
        padding-bottom: .8rem !important;
    }
    /* #header-nav {
        width: 100%;
    } */
    .btnTgHeader {
        display: none;
    }
 .banner__content-btnTg {
    display: flex;
    gap: 1rem;
    width: auto;
    margin: 2.4rem auto;
    min-height: 4.5rem;
}
.banner__content-btnTg{
  border:1px solid var(--pr);
  color:var(--pr);
    padding: 0.3rem 2rem;
    line-height: 150%;
}
.banner__content-btnTg svg {
        margin-right: 1rem;
}
.bfmodal__window{
    padding:1.6rem;
}
    .btnTgFooter {
        align-self: center !important;
        margin: 1.2rem 0 0;
    }

    .contacts-card__contacts_phoneMail {
        display: flex;
        flex-direction: column;
    }

    .contacts-card__content_page {
        max-width: 100%;
    }
  .form__pincode.form__pincode--decktop>input{
         width: 40px;
    height: 40px; 
  }
  .bfmodal__auth__title {
    margin: 3.4rem 0;
}
.message{
      border-radius: 1.6rem;
      background-position: left 1.2rem top 1.2rem;
}

#user-dashboard .text-red{
    margin-bottom:1.6rem;
}
.calendar__date{
    width:100%;
}
}








.btn-blue-def {
    cursor: pointer;
    width: 100%;
    text-align: center;
    padding: 12px;
    border: 1px var(--pr) solid;
    border-radius: 20px;
    background-color: var(--pr);
    color: var(--white);
}

.par10 {
    line-height: 130%;
    font-size: 10px;
    font-family: "Regular", sans-serif;
    line-height: 130%;
}

.par12 {
    font-size: 12px;
    font-family: "Regular", sans-serif;
    line-height: 130%;
}

.par14 {
    font-size: 14px;
    font-family: "Regular", sans-serif;
    line-height: 130%;
}

.par16 {
    font-size: 16px;
    font-weight: 400;
    font-family: "Regular", sans-serif;
    line-height: 130%;
}

.head4 {
    font-size: 20px;
    font-weight: 600;
    font-family: "Gilroy", sans-serif;
}

.head5 {
    font-size: 16px;
    font-weight: 400;
    font-family: "Gilroy", sans-serif;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.user-radio{
    min-height: 4.6rem;
    display: flex;
    align-items: center;
    }
.user-radio span {
  font-size:1.2rem; padding: 0 0.5rem;
}
#you_date.hide, #you_dateM.hide{
  display:none;
}
@media(max-width:768px){
.btnTgHeader{
        text-indent: -9999px;
    width: 3.2rem;
    max-width: 3.2rem;
    height: 3.2rem;
    padding: 0;
    gap:0;
}
}
@media(min-width:768px){
    .header__img {
    width: 100px;
    height: 100px;
}

#codeform.active{
position: relative;
    margin-top: -300px;
    margin-bottom: 200px;
    z-index: 10;
}
}
.address-wrapper{
  position:relative;
}
.suggestions{
position: absolute;
    background-color: var(--white);
    box-shadow: 0px 4px 10px rgba(0,0,0,0.15);
    box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.1);
    padding: 1.6rem 0;
    border-radius: 0 0 1.6rem 1.6rem;
    z-index:2;
    color: var(--b5);
    font-size: 1.4rem;
    }
.suggestion-item{
  padding:1.2rem;
}
.suggestion-item:hover{
  color:var(--pr);
  background-color:var(--b2);
  cursor:pointer;
}
.select-time li.time-slot{
  flex-wrap:wrap;
}
.select-time li.time-slot .select-time__item, .select-time li.time-slot .custom-select-time__item, .select-time li.time-slot .edit-select-time__item{
width: auto;
    margin: 0.2rem;
    }
    .radio-container{
  border-radius: 1.2rem;
    border: 1px solid var(--b3);
    background-color: var(--b2);
    }
.radio-container label span{
 padding:0 0.6rem; 
 font-size:1.4rem;
 color: var(--b6);
}
#simple-ajax-chat{
    position: fixed;
    top: 10px;
    right: 10px;
    background-color: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(4px);
    z-index: 5000;
    height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border-radius:2.4rem;
   
}
#simple-ajax-chat.active{
    height:auto; 
    max-height:100vh;
    padding:2rem;
    bottom:10px;
    box-shadow: 0 1.5rem 3rem rgb(53 58 58 / 30%);
}
#sac-output{
    flex:1 1 auto;
    overflow:auto;
}
#sac-latest-message{
    color: var(--b5);
    font-size: 1.2rem;
    text-align: right;
    font-style: italic;
    margin-bottom:2rem;
}
.sac-chat-message {
    margin:2rem 1rem;
    display: flex;
    justify-content: space-between;
}
.sac-chat-mes{
    padding: 1.2rem;
    background-color: var(--white);
    box-shadow: 0 1px 3rem 5px rgb(10 186 181 / 19%);
    border-radius: 1.6rem;
    font-size: 1.4rem;
    }
fieldset{
    border:0px;
}
#sac-user-info label{
    color:var(--pr);
    text-transform:capitalize;
}
ul.sac-messages{
    
}

/* ===== ОСНОВА ===== */

#header-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#header-nav li {
    position: relative;
}

/* ===== ССЫЛКИ В ШАПКЕ ===== */

#header-nav > ul > li > a {
    display: block;
    padding: 14px 18px;
    text-decoration: none;
    color: #222;
}

/* ===== ПОДМЕНЮ ОБЩЕЕ ===== */

#header-nav .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 240px;

    background: #fff;
    border-radius: 8px;
    padding: 8px 0;

    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
    border: 1px solid rgba(0,0,0,0.05);

    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.2s ease;

    z-index: 9999;
}

/* показать 1 уровень */
#header-nav li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* ===== ВТОРОЙ УРОВЕНЬ (вправо) ===== */

#header-nav .sub-menu .sub-menu {
    top: 0;
    left: 100%;
    margin-left: 6px;
    transform: translateX(10px);
}

#header-nav .sub-menu li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

/* ===== ПУНКТЫ В ПОДМЕНЮ ===== */

#header-nav .sub-menu li a {
    display: block;
    padding: 10px 18px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    transition: background 0.2s ease;
}

#header-nav .sub-menu li a:hover {
    background: #f4f6f8;
}

/* ===== МОБИЛКА ===== */

@media (max-width: 991px) {

    #header-nav .sub-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border: none;
        background: #f8f8f8;
        padding-left: 15px;
    }

}

.gum-block {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.8;
  font-size: 18px;
  color: #2d3748;
}

.gum-lead {
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
  color: #1a365d;
}

.gum-block h2 {
  font-size: 32px;
  margin: 70px 0 25px;
  font-weight: 700;
  color: #1a365d;
  position: relative;
}

.gum-block h2::after {
  content: "";
  display: block;
  width: 70px;
  height: 4px;
  background: #3182ce;
  margin-top: 14px;
  border-radius: 4px;
}

.gum-block h3 {
  font-size: 22px;
  margin: 40px 0 15px;
  font-weight: 600;
  color: #2f855a;
}

.gum-block p {
  margin-bottom: 22px;
  font-size: 19px;
}

.gum-accent {
  color: #c53030;
  font-weight: 700;
}

.gum-alert {
  margin: 60px 0;
  padding: 35px;
  border-left: 6px solid #38a169;
  background: #f9fbfa;
  border-radius: 14px;
}

.gum-alert strong {
  display: block;
  font-size: 22px;
  margin-bottom: 15px;
  color: #2f855a;
}

.gum-cta {
  margin-top: 35px;
  font-size: 22px;
  font-weight: 700;
  color: #1a365d;
}