:root {
    --light: #f5f5f5;
    --light2: #f0f0f0;
    --green: #00d7dc;
    --green2: #00b5b8;
    --dark: #1f1f1f;
    --grey: #5f5f5f;
}

/* cyrillic */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/PTSans400.woff2) format('woff2');
}

/* latin */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/PTSans400en.woff2) format('woff2');
}

/* cyrillic */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/PTSans700.woff2) format('woff2');
}

/* latin */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/PTSans700en.woff2) format('woff2');
}

@font-face {
    font-family: 'fontello';
    src: url('../fonts/fontello.eot?85155232');
    src: url('../fonts/fontello.eot?85155232#iefix') format('embedded-opentype'),
        url('../fonts/fontello.woff2?85155232') format('woff2'),
        url('../fonts/fontello.woff?85155232') format('woff'),
        url('../fonts/fontello.ttf?85155232') format('truetype'),
        url('../fonts/fontello.svg?85155232#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

a {
    text-decoration: none;
    color: var(--green);
    transition: color 0.3s ease-in-out;
}

a:not([class]):focus,
a:hover,
a:not([class]):active,
a:not([class]):visited {
    color: var(--green2);
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: never;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-mail:before {
    content: '\e800';
}

/* '' */
.icon-star:before {
    content: '\e801';
}

/* '' */
.icon-star-empty:before {
    content: '\e802';
}

/* '' */
.icon-user:before {
    content: '\e803';
}

/* '' */
.icon-login:before {
    content: '\e804';
}

/* '' */
.icon-clock:before {
    content: '\e805';
}

/* '' */
.icon-info-circled:before {
    content: '\e806';
}

/* '' */
.icon-zoom-in:before {
    content: '\e807';
}

/* '' */
.icon-home:before {
    content: '\e808';
}

/* '' */
.icon-export:before {
    content: '\e809';
}

/* '' */
.icon-truck:before {
    content: '\e80a';
}

/* '' */
.icon-calendar:before {
    content: '\e80b';
}

/* '' */
.icon-picture:before {
    content: '\e80c';
}

/* '' */
.icon-credit-card:before {
    content: '\e80d';
}

/* '' */
.icon-chart-bar:before {
    content: '\e80e';
}

/* '' */
.icon-bell:before {
    content: '\e80f';
}

/* '' */
.icon-phone:before {
    content: '\e810';
}

/* '' */
.icon-location:before {
    content: '\e811';
}

/* '' */
.icon-export-1:before {
    content: '\e812';
}

/* '' */
.icon-link:before {
    content: '\e813';
}

/* '' */
.icon-home-1:before {
    content: '\e814';
}

/* '' */
.icon-tag:before {
    content: '\e815';
}

/* '' */
.icon-eye:before {
    content: '\e816';
}

/* '' */
.icon-ok:before {
    content: '\e817';
}

/* '' */
.icon-check:before {
    content: '\e818';
}

/* '' */
.icon-max:before {
    content: '\e819';
}

/* '' */
.icon-basket:before {
    content: '\e81a';
}

/* '' */
.icon-trash:before {
    content: '\f083';
}

/* '' */
.icon-check-empty:before {
    content: '\f096';
}

/* '' */
.icon-comment-empty:before {
    content: '\f0e5';
}

/* '' */
.icon-sitemap:before {
    content: '\f0e8';
}

/* '' */
.icon-angle-left:before {
    content: '\f104';
}

/* '' */
.icon-angle-right:before {
    content: '\f105';
}

/* '' */
.icon-angle-up:before {
    content: '\f106';
}

/* '' */
.icon-angle-down:before {
    content: '\f107';
}

/* '' */
.icon-code:before {
    content: '\f121';
}

/* '' */
.icon-rouble:before {
    content: '\f158';
}

/* '' */
.icon-doc-text-inv:before {
    content: '\f15c';
}

/* '' */
.icon-thumbs-up-alt:before {
    content: '\f164';
}

/* '' */
.icon-thumbs-down-alt:before {
    content: '\f165';
}

/* '' */
.icon-youtube-play:before {
    content: '\f16a';
}

/* '' */
.icon-instagram:before {
    content: '\f16d';
}

/* '' */
.icon-vkontakte:before {
    content: '\f189';
}

/* '' */
.icon-file-pdf:before {
    content: '\f1c1';
}

/* '' */
.icon-file-word:before {
    content: '\f1c2';
}

/* '' */
.icon-file-excel:before {
    content: '\f1c3';
}

/* '' */
.icon-file-powerpoint:before {
    content: '\f1c4';
}

/* '' */
.icon-file-image:before {
    content: '\f1c5';
}

/* '' */
.icon-file-archive:before {
    content: '\f1c6';
}

/* '' */
.icon-paper-plane:before {
    content: '\f1d8';
}

/* '' */
.icon-paper-plane-empty:before {
    content: '\f1d9';
}

/* '' */
.icon-sliders:before {
    content: '\f1de';
}

/* '' */
.icon-toggle-off:before {
    content: '\f204';
}

/* '' */
.icon-toggle-on:before {
    content: '\f205';
}

/* '' */
.icon-bus:before {
    content: '\f207';
}

/* '' */
.icon-heartbeat:before {
    content: '\f21e';
}

/* '' */
.icon-whatsapp:before {
    content: '\f232';
}

/* '' */
.icon-odnoklassniki:before {
    content: '\f263';
}

/* '' */
.icon-calendar-check-o:before {
    content: '\f274';
}

/* '' */
.icon-map-signs:before {
    content: '\f277';
}

/* '' */
.icon-map-o:before {
    content: '\f278';
}

/* '' */
.icon-shopping-basket:before {
    content: '\f291';
}

/* '' */
.icon-user-circle-o:before {
    content: '\f2be';
}

/* '' */


html,
body {
    height: 100%;
    padding: 0;
    font-size: 14px;
    line-height: 180%;
    font-weight: normal
}

body {
    font-family: 'PT Sans', sans-serif;
    background-color: var(--light);
    color: var(--dark)
}

.pt-5 {
    padding-top: 5px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pb-5 {
    padding-bottom: 5px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-60 {
    padding-bottom: 60px;
}

a:hover,
a:focus,
a:active,
a:visited,
a {
    transition: 0.5s;
    text-decoration: none;
}

[required] {
    position: relative;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjciIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNFMjAwMDAiIGQ9Ik0yLjQyIDMuOEwuMiAzLjE0bC4zMy0xLjEgMi4yMS44MkwyLjcuMzRIMy44bC0uMDcgMi41NSAyLjE3LS44LjM0IDEuMTFMNCAzLjg3bDEuNDUgMS45OC0uOS42OS0xLjM3LTIuMTEtMS4zMiAyLjA2LS45Mi0uNjdMMi40MiAzLjh6Ii8+PC9zdmc+);
    background-position: right 15px top 5px;
    background-repeat: no-repeat;
}

.container {
    max-width: 1200px;
    width: 90%;
    margin: auto;
}

img {
    max-width: 100%;
}

.grey-block {
    background-color: var(--light2);
}

.header .logo-container {
    width: 150px;
}

.header .menu-wrap {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.header .menu-wrap>li>a {
    display: block;
    padding: 20px 15px;
    color: var(--dark);
    font-size: 16px;
    font-weight: 400;

    transition: 0.5s;
    height: 100%;
}

.header .menu-wrap>li>a:hover {
    background: var(--green);
    color: #fff;
}

[class^="btn-"] {
    display: inline-block;
    padding: 5px 20px;
    border-radius: 100px;
    outline: none;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    color: var(--dark);
    transition: 0.5s;
    border: none;
    cursor: pointer;
}

[class^="btn-"]:focus {
    outline: none;
}

.btn-green {
    background-color: var(--green);
    color: #fff;
}

.btn-green:hover {
    background-color: var(--dark);
    color: #fff;
}

.btn-black {
    background-color: var(--dark);
    color: #fff;
}

.btn-black:hover {
    background-color: var(--green);
    color: #fff;
}

.plus-icon {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-radius: 100%;
    cursor: pointer;
    transform: translateY(5px);
    margin-right: 5px;
}


.plus-icon::after {
    content: "";
    display: block;
    width: calc(100% - 4px);
    height: 2px;
    background-color: #fff;
    left: 2px;
    top: calc(50% - 1px);
    position: absolute;

}

.plus-icon::before {
    content: "";
    display: block;
    width: calc(100% - 4px);
    height: 2px;
    background-color: #fff;
    left: 2px;
    top: calc(50% - 1px);
    position: absolute;
    transform: rotate(90deg);
}

.black-block {
    background-color: var(--dark);
    color: #fff;
}

.search-input button,
.search-input select,
.search-input input[type=search] {
    padding: 10px 20px;
    border: none;
    outline: none;
    font-size: 1.2rem;
}

.search-input select {
    cursor: pointer;
    border-radius: 100px 0px 0px 100px;
    transition: .5s;
}

.search-input select:hover {
    background: var(--green2);
}

.search-input button {
    border-radius: 0px 100px 100px 0px;
    cursor: pointer;
    background: var(--green);
    color: #fff;
}

.search-input button:hover {
    background: var(--green2);
}

.bg-block {
    background: url(../images/fon.jpg) no-repeat center center;
}

.bg-block .title {
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.green-text {
    color: var(--green);
}

.radius-block {
    padding: 40px;
    border-radius: 15px;
}

.radius-block .desc {
    font-size: 1.2rem;
}

.h1,
h1 {
    font-size: 2.8rem;
    font-weight: 700;
}

.item-ob {
    background: white;
    border-radius: 20px;
    overflow: hidden;

    transition: all 0.25s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);
    border: 1px solid #eeeeee;
}

.row-ob .item-ob {
    width: calc(100% / 4 - 20px);
}

.item-ob:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.1);
    border-color: #e2e2e2;
}

.item-ob img {
    aspect-ratio: 1 / .6;
    object-fit: cover;
}

.hover-image {
    position: relative;
    overflow: hidden;
    display: block;
}

.hover-image img {

    transition: all 0.5s ease;

}

.hover-image:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: all 0.5s ease;
    z-index: 2;
}

.hover-image:hover:before {
    opacity: 1;
}

.hover-image:hover img {
    transform: scale(1.1);
}

.item-ob .info-ob {
    padding: 15px;
}

.item-ob .info-ob .price {
    font-size: 2rem;
    font-weight: 700;

}

.rub::after {
    content: " ₽";

}

.item-ob .info-ob .title {
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.2rem;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
}

.item-ob .info-ob .loc-wrap {
    color: var(--grey);
    font-size: .8rem;
}

.white-block {
    background-color: #fff;
}

.elem-wrap .elem-item {
    width: calc(100% / 3 - 20px);
}

.elem-wrap .elem-item .icon {
    width: 60px;
    height: 60px;
}

.elem-wrap .elem-item .icon svg {
    width: 100%;
    height: 100%;
}


.elem-wrap .elem-item .title {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 5px;
    color: var(--green);
}

.elem-wrap .elem-item .desc {
    font-size: 1rem;
    color: var(--grey);
}

.footer-item .logo-container {
    width: 200px;
}

.footer-item .title {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 5px;
    color: var(--green);
}

.footer-item ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-item ul>li>a {
    color: var(--grey) !important;
}

.catalog-wrap .aside {
    width: calc(25% - 20px);
}

.catalog-wrap .catalog-row-wrap {
    width: 75%;
}

.catalog-row .item-ob {
    width: calc(100% / 3 - 14px);
}

.filter-item {
    padding: 15px;
    border-radius: 15px;
    background: #fff;
}

.filter-item {
    margin-top: 15px;
}

.filter-item .title {
    font-weight: bold;
    color: var(--green);
}

.input-block input[type=checkbox] {
    display: none;
}

.input-block input[type=checkbox]~label {
    cursor: pointer;
    transition: .5s;
}

.input-block input[type=checkbox]~label:hover {
    color: var(--green);
}

.input-block input[type=checkbox]~label::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid var(--green);
    border-radius: 3px;
    margin-right: 5px;
    transform: translateY(2px);
    overflow: hidden;
    cursor: pointer;
}

.input-block input[type=checkbox]:checked~label:before {
    content: '\e817';
    font-family: "fontello";
    font-size: 20px;
    line-height: 20px;
    background: var(--green);
    color: #fff;
}

.checkbox-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}

.catalog-row-wrap .sort-block {
    background: #fff;
    border-radius: 100px;
}

.catalog-row-wrap .sort-block .sort-item:last-child select {
    padding: 10px 20px;
    border: none;
    outline: none;
    font-size: 1.2rem;
    cursor: pointer;
    border-radius: 0px 100px 100px 0px;
    transition: .5s;
    cursor: pointer;
}

.catalog-row-wrap .sort-block .sort-item:last-child select:hover {
    background: var(--green2);
}

.title-filtr {
    padding: 9px 15px;
    border-radius: 100px;
    background: #fff;
}

.title-filtr a {
    color: var(--black);
}

.breadcrumb {
    list-style: none;
    padding: 0;
    margin: 0;
}

.breadcrumb>li {
    display: inline-block;
}

.breadcrumb>li>a {
    color: var(--green);
}

.breadcrumb>li+li::before {
    content: ' / ';

}

.ob-page .aside-ob {
    width: calc(50% - 20px);
}

.ob-page .content-ob {
    width: 50%;
}

.slider-1-dots.owl-carousel {
    position: relative;
}

.slider-1-dots.owl-carousel .owl-nav .owl-next,
.slider-1-dots.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    top: 265px;
    color: #fff;
    font-size: 4rem;
    line-height: 1;
    z-index: 2;
    outline: none;
}

.slider-1-dots.owl-carousel .owl-nav .owl-next {
    right: 0;
}


.slider-1-dots.owl-carousel .owl-nav .owl-prev {
    left: 0;
}

.ob-page .content-ob .price-block.rub {
    font-size: 3rem;
    font-weight: bold;
    line-height: 1;
}

.ob-page .content-ob .price-block .price {
    color: var(--green);
}

.content-ob .loc-wrap {
    padding: 10px;
    border-radius: 15px;
    font-size: .8rem;
    color: var(--grey);
}

.input-block textarea,
.input-block select,
.input-block input:not([type=checkbox]):not([type=radio]) {
    padding: 10px 15px;
    border: 1px solid var(--green);
    outline: none;
    font-size: 1rem;
    transition: .5s;
    display: block;
    width: 100%;
}

.input-block.error * {
    color: red;
}

.input-block.error textarea,
.input-block.error select,
.input-block.error input:not([type=checkbox]):not([type=radio]) {
    border: 1px solid red;
}

.input-block .error {
    font-size: .8rem;
}

.input-block.error label {
    cursor: pointer;
    margin-bottom: 0;
    font-size: .8rem;
}

.toogle-block {
    overflow: hidden;
    max-height: 0;
    transition: .5s;
}

.toogle-block.active {
    max-height: 1000px;
}

.slider-1-dots .owl-dot {
    opacity: .6;
    transition: .5s;
}

.slider-1-dots .owl-dot.active {
    opacity: 1;
}

.autch-page .form-block {
    width: 50%;
    margin: 0 auto;
}

.tab-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tab-links>li {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.tab-links>li>a {
    display: block;
    padding: 10px 15px;
    border-radius: 5px 5px 0 0;
    box-shadow: 0px -3px 5px -3px rgba(34, 60, 80, 0.3);
    width: 100%;
    text-align: center;
    background-color: var(--light2);
}

.tab-links>li>a.active {
    background-color: #fff;
    color: var(--dark);
}

.tab-contents {
    position: relative;
}

.tab-contents .tab-content {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    left: 0;
    right: 0;
}

.tab-contents .tab-content.active {
    position: relative;
    opacity: 1;
    visibility: visible;
    background: #fff;
    transition: 0.5s;
}

.tab-contents .tab-content .form-autch {
    padding: 20px;
}

.content-autch-page {
    min-height: 500px;
}

.button-soc {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    color: var(--green);
    font-size: 1rem;
    line-height: 27px;
    text-align: center;
    border: 1px solid var(--green);

    transition: .5s;
}

.button-soc:hover {
    background: var(--green);
    color: #fff;
}

.loaded {
    position: relative;
}

@keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loaded::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(250, 250, 250, 0.6);
    backdrop-filter: blur(2px);
    z-index: 2;
}

.loaded::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
    width: 40px;
    height: 40px;

    border-radius: 1000px;
    border-left: 3px solid var(--green);
    border-right: 3px solid var(--green);
    border-top: 3px solid var(--green);
    border-bottom: 3px solid transparent;
    -webkit-animation: rotate-center 1s linear infinite both;
    animation: rotate-center 1s linear infinite both;
    z-index: 3;
}

.alert-success {
    padding: 20px;
    background: var(--green);
}

.alert-error {
    padding: 20px;
    background: #eca9a9;
    color: red;
}

.overflow {
    position: fixed;
    z-index: 100;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(10px);
    transition: 0.5s;
    display: none;
    visibility: hidden;
    opacity: 0;
}

.overflow.fade.in {
    visibility: visible;
    opacity: 1;
}

.overflow.fade {
    display: block;
}

.overflow .modal-container {
    width: min-content;
    background: #fff;
    min-width: 25%;
    margin: auto;
    margin-top: 10vh;
    transform: translateY(100px);
    transition: 0.5s;
    opacity: 0;
    -webkit-box-shadow: 0px 0px 26px 7px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 0px 26px 7px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 0px 26px 7px rgba(34, 60, 80, 0.2);
}

.overflow.fade.in .modal-container {
    transform: translateY(0px);
    opacity: 1;
}

.modal-header .title {
    font-size: 1.2rem;

    padding: 10px 20px;
}

.modal-header .close {
    font-size: 2rem;
    width: 40px;
    height: 40px;
    display: block;
    line-height: 2rem;
    text-align: center;
}

.overflow.fade.in .modal-container .modal-body {
    padding: 40px;
}

.lk-aside-wrap .aside {
    width: 200px;
}

.tab-links.aside-links {
    list-style: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
}

.tab-links.aside-links>li>a {
    display: block;
    padding: 10px 20px;
    color: var(--dark);
    font-size: 1rem;
    border-bottom: 1px solid var(--green);
    background: #fff;
    border-radius: 0;
    box-shadow: none;
}

.tab-links.aside-links>li:last-child>a {
    border-bottom: none;
}

.tab-links.aside-links>li>a:hover {
    background: var(--light2);
}

.tab-links.aside-links>li>a.active {
    background: var(--light2);
}

.content-lk-page {
    min-height: 500px;
}

.aside-links.tab-links {
    display: block;
}

.aside-links.tab-links>li {
    display: block;
}

.content-wrap .content-tab {}

.content-wrap {
    width: calc(100% - 220px);
}

.input-flex-2>.input-block {
    width: calc(50% - 10px);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.lk-aside-wrap .tab-contents .tab-content.active {
    background: none;
}

.lk-aside-wrap .formprofil-form {
    background: #fff;
    padding: 20px;
}

.lk-aside-wrap .content-tab .h1 {
    line-height: 2.5rem;
    padding-bottom: 20px;
}

.input-flex-3>.input-block {
    width: calc(33.3333% - 15px);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

/* Контейнер уведомления (по центру) */
/* Контейнер уведомления */
#notification {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 15px;
    /* увеличенные отступы со всех сторон */
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
    z-index: 9999;
    text-align: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    min-width: 200px;
    /* минимальная ширина */
    overflow: visible;
    /* НЕ обрезать содержимое */
}

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

/* Обёртка для SVG – даём ещё больше места */
.notification-content {
    overflow: visible !important;
    /* чтобы ничего не обрезалось */
    padding: 10px;
    /* дополнительный внутренний отступ */
}

/* SVG-контейнер */
.checkmark {
    display: block;
    margin: 0 auto 15px;
    width: 90px;
    /* увеличенный размер */
    height: 90px;
    overflow: visible !important;
    /* чтобы круг точно не обрезался */
}

/* Круг */
.checkmark__circle {
    stroke: var(--green);
    stroke-width: 5;
    stroke-dasharray: 280;
    /* под новый радиус */
    stroke-dashoffset: 280;
    stroke-linecap: round;
    fill: none;
}

/* Галочка */
.checkmark__check {
    stroke: var(--green);
    stroke-width: 5;
    stroke-dasharray: 80;
    /* под новый путь */
    stroke-dashoffset: 80;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

/* Анимации */
.checkmark.show .checkmark__circle {
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark.show .checkmark__check {
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.4s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

/* Текст */
.message {
    font-size: 20px;
    color: #333;
    margin: 15px 0 0;
    font-weight: 500;
}

.question-item .question-text {

    transition: 0.5s;
    overflow: hidden;
    max-height: 0px;
}

.question-item .question-text .question-content {
    padding: 20px 0;
}

.desc-block {
    font-size: .8rem;
    line-height: 1;
    color: var(--grey);
}