html {
    height: 100%;
}


.replenishment_form {
    justify-content: start;
    align-items: start;
}

body {
    min-height: 100%;
    margin: 0;
    padding: 0;
    background-color: #FDFBEE;
    font-family: 'Inter', sans-serif;
    overflow-x: hidden;
}

::-webkit-scrollbar {
    width: 10px;
    /* Ширина скроллбара */
}

::-webkit-scrollbar-track {
    background: transparent;
    /* Прозрачный фон скроллбара */
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
    /* Прозрачный цвет ползунка скроллбара */
    border-radius: 5px;
    /* Скругленные углы ползунка */
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.5);
    /* Цвет ползунка при наведении */
}

h3 {
    display: flex;
    font-size: 32px;
    align-items: center;
}

h4 {
    display: flex;
    font-size: 24px;
    align-items: center;
}

h5 {
    display: flex;
    font-size: 20px;
    align-items: center;
}

/*Block alert start*/
#pageMessages {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 30%;
}

.alert {
    position: relative;
    padding: 20px 0px;
    text-align: center;
    width: 52%;
    background: linear-gradient(7deg, rgba(255, 255, 255, 1) 0%, rgba(208, 208, 208, 1) 90%);
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    z-index: 25;
    backdrop-filter: blur(20px);
    transition: 0.3s;
    cursor: pointer;
}

.alert.active {
    transform: translateY(-160px);
}

.alert.close {
    position: relative;
    top: 5px;
    right: 5px;
    font-size: 1em;
}

.alert.active.static {
    transform: translateY(0px);
}

.alert .fa {
    margin-right: .3em;
}

.alert p {
    padding: 0px !important;
    color: #b94a48;
}

.container_center.alert {
    cursor: pointer;
}

.container_center .active {
    transform: translateY(0px);
}


.container_alert {
    position: fixed;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 25;
}

/*Block alert end*/

.default_input {
    border-radius: 50px;
    width: 220px;
    height: 30px;
    border: solid 2px rgba(255, 255, 255, 0.75);
    background: rgba(255, 255, 255, 0.75);
    margin: 5px 0px;
    transition: 0.3s;
    cursor: pointer;
    outline: none;
    padding: 0% 1%;
    font-family: Inter, sans-serif;
    font-weight: 600;
}

.default_input:hover {
    border: solid 2px rgb(255, 255, 255);
    background: rgb(255, 255, 255);
}

.default_input:focus {
    border: solid 2px rgb(255, 255, 255);
    background: rgb(255, 255, 255);
}

.margin_null {
    margin: 0px;
    margin-left: 0px !important;
    padding: 0px;
}


.main {
    position: relative;
    width: 100vw;
    height: 100vh;
    background: #FDFBEE;
    max-width: 100%;
    overflow-x: hidden;
}

.main_shadow {
    position: absolute;
    top: -10%;
    left: -10%;
    width: 120%;
    height: 35%;
    background: linear-gradient(0deg, #c8c7c3cf 0%, #c8c7c3cf 100%);
    z-index: 0;
    transform: rotate(7deg);
    filter: blur(30px);
}

.background_shadow {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    /* черный цвет с прозрачностью 50% */
    z-index: 9999;
    /* выше всех других элементов */
}


.ya-share2__container_mobile.ya-share2__container_size_l .ya-share2__icon {
    height: 48px !important;
    width: 48px !important;
}


/*HEADER*/

.header {
    display: flex;
    position: relative;
    justify-content: space-between;
    z-index: 1;
    /* border-bottom: 1px solid #125F3D; */
    width: 1140px !important;
}

.header p {
    font-size: 18px;
}

.header_menu_auth {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0C1618;
    font-size: 24px;
    column-gap: 40px;
}

.header_menu_auth a {
    text-decoration: none;
    color: #0C1618;
}

.header_menu {
    display: flex;
    justify-content: center;
    margin-right: 10%;
}

.header_menu a {
    text-decoration: none;
    color: black;
}

.header_menu h3 {
    cursor: pointer;
    transition: 0.5s;
}

.header_menu h3:hover {
    color: #ffffff;
}

.header_menu h3 {
    margin-top: 10%;
    margin-left: 10%;
}

.logo a {
    font-size: 24px;
    text-decoration: none;
    color: #0C1618;
}


/*END HEADER*/

/*MOBILE MENU*/

.toggle_btn {
    justify-content: center;
    margin: 3% 10% 0% 0%;
    color: #ffffff;
    font-size: 1.5rem;
    cursor: pointer;
    display: none;
}

.dropdown_menu {
    display: none;
    position: absolute;
    margin-left: 5%;
    top: 80px;
    height: 0px;
    width: 300px;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(15px);
    border-radius: 10px;
    overflow: hidden;
    color: #ffffff;
    transition: height 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 50;
}

.dropdown_menu.open {
    width: 90%;
    height: 250px;
    display: none;
}

.dropdown_menu li {
    padding: 0.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}

.dropdown_menu a {
    text-decoration: none;
    color: #000000;
}

.dropdown_menu {
    width: 100%;
    display: flex;

    justify-content: center
}

/*END MOBILE MENU*/

.center {
    height: 80%;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}


/*BLOCK LEFT*/

.block_left {
    display: flex;
    flex-direction: column;
    position: relative;
}

.big_title {
    padding: 4% 5%;
    width: 70%;
    height: auto;
}

.row_statistics {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.statistics {
    display: flex;
    flex-direction: column;
    padding-left: 12%;
}

.statistics_center {
    display: flex;
    flex-direction: column;
    padding-left: 5%;
}

.histogram_title {
    display: flex;
    font-size: 30px;
    align-items: center;
}

.histogram_one {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    height: 80px;
    width: 450px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.60) 0%, rgba(217, 217, 217, 0) 100%);
}


.histogram_two {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    height: 80px;
    width: 380px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.45) 0%, rgba(217, 217, 217, 0) 80%);
}

.block_statistics {
    display: flex;
    flex-direction: row;
    margin-top: 30px;
    width: 450px;
    height: 140px;
    border-radius: 50px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.10) 80%);
    transition: background 0.3s;
}

.block_statistics:hover {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.40) 80%);
}

.transition {
    transition: 0.5s;
}

.text_statistics {
    padding: 35px 0px 0px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.statistics_end_text {
    padding-left: 0px;
}

.text_statistics h3 {
    color: #fff;
    margin: 0px;
    padding: 0px;
}

.text_statistics a {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.5);
}

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

.line_top {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.link_block {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 20px;
    width: 160px;
    height: 40px;
    border-radius: 25px;
    border: solid 1px rgba(0, 0, 0, 0.5);
}

.line_bottom {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.link_block-img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 4px;
    width: 30px;
    height: 30px;
    border: solid 1px rgba(0, 0, 0, 0.5);
    border-radius: 100%;
}


.link_block a {
    color: rgba(0, 0, 0, 0.5);
}

/*END BLOCK LEFT*/

/*BLOCK RIGHT*/

.block_right {
    margin: 0% 0% 0% 12%;
}

.block_phone {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    height: 100%;
    width: 90%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 85%);
    border-radius: 50px;
}

.top_dynamic {
    position: absolute;
    margin-top: 5%;
    width: 40%;
    height: 4%;
    border-radius: 25px;
    background: black;
}

.block_phone-header {
    width: 100%;
    margin: 12% 0%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.title_user {
    font-size: 15px;
    color: #ffffff;
}

.avatar {
    margin: 0% 5%;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: black;
}

.messages_left {
    margin: 5%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.message {
    max-width: 70%;
    font-size: 14px;
    margin: 5px;
    border-radius: 25px;
    padding: 15px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.5) 85%);
}

.messages_right {
    width: 90%;
    margin: 5%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.phone_button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40%;
    height: 2%;
    font-size: 20px;
    margin: 5px;
    border-radius: 25px;
    padding: 15px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.3) 85%);
}

/*END BLOCK RIGHT*/

/*FOOTER*/

.footer {
    position: absolute;
    bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1140px !important;
    height: 60px;
    overflow: hidden;
    white-space: nowrap;
    border-top: 1px solid rgba(18, 95, 61, 0.2);
    border-bottom: 1px solid rgba(18, 95, 61, 0.2);
    /*margin: 30px 0px;*/
}

.footer a {
    color: black;
}

.running-text {
    white-space: nowrap;
    overflow: hidden;
    display: flex;
    align-items: center;
    /* animation: running-text 30s linear infinite; */
    text-decoration: none;
    font-size: 16px;
    color: black;
}

.running-image {
    margin-left: 10px;
}

/*END FOOTER*/


/*CAROUSEL IN PRIVACY POLICY*/

/*.carousel-box {*/
/*    position: relative;*/
/*    min-width: 950px;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/

/*.carousel{*/
/*    position: relative;*/
/*    height: 700px;*/
/*    margin-bottom: 50px;*/
/*    perspective: 1500px;*/
/*}*/

/*.carousel .carousel-item{*/
/*    width: 450px;*/
/*    cursor: pointer;*/
/*}*/

/*.carousel .carousel-item .carousel-item_text{*/
/*    max-width: 400px;*/
/*    border-radius: 10px;*/
/*    transform: translateX(8px) translateY(-100%);*/
/*    object-fit: cover;*/
/*    object-position: center;*/
/*    border: solid 1px #ffffff;*/
/*}*/


.carousel-box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 660px;
    overflow: hidden;
    margin: 0 auto;
}

.carousel {
    position: relative;
    width: 100%;
    height: 100%;
}

.carousel-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f2f2f2;
}

.carousel .carousel-item {
    visibility: hidden;
    width: 850px;
    height: 400px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0);
    cursor: pointer;
}

.carousel-item_text {
    width: 850px;
    height: auto;
    max-height: 650px; /* задайте максимальную высоту по своему усмотрению */
    padding: 0px 15px 15px 15px;
    text-align: left;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50px;
    border: solid 3px #ffffff;
    overflow-y: auto; /* включает вертикальную прокрутку при переполнении */
    overflow-x: hidden; /* скрывает горизонтальную прокрутку */
}


.carousel-item_text p {
    margin: 5px;
    font-size: 12.5px;
}

.carousel-item_text h3 {
    margin-left: 17%;
}


/*END CAROUSEL IN PRIVACY POLICY*/

.button {
    width: 300px;
    height: 20px;

}

.warning_alert {
    text-decoration: none;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 10px;
    cursor: pointer;
    transition: 0.3s;
}

.warning_alert:hover {
    color: rgba(255, 255, 255, 1);
    transform: scale(1.1);
}

.blank {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    background: linear-gradient(30deg, #C8C7C3 0%, #953618 35%, #D37E00 65%, #C8C7C3 85%);
}


.modal {
    position: absolute;
    left: 30%;
    top: 30%;
    width: 400px;
    flex-wrap: wrap;
    gap: 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    padding: 10px 25px;
    background: rgba(255, 255, 255, 0.8);
    outline: none;
    z-index: 9999;
}

.modal-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.modal-header button {
    width: 40px;
}


.modal-title {
    margin: 0px;
}

.modal-body {
    margin-top: 30px;
}

.modal-content {
    width: 95%;
}

.modal_button a {
    display: flex;
    justify-content: start;
    align-items: center;
    text-decoration: none;
    color: black;
    width: 100%;
    height: 100%;

}



@keyframes running-text {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@media (max-width: 1440px) {
    h3 {
        font-size: 26px;
    }

    h4 {
        font-size: 18px;
    }

    h5 {
        font-size: 14px;
    }

    .big_title {
        width: 60%;
    }

    .histogram_title {
        font-size: 28px;
    }

    .histogram_one {
        height: 60px;
        width: 380px;
    }


    .histogram_two {
        height: 60px;
        width: 310px;
    }

    .block_statistics {
        margin-top: 20px;
        width: 400px;
        height: 110px;
        border-radius: 50px;
    }

    .text_statistics {
        padding: 25px 0px 0px 10px;
    }

    .link_block {
        margin-top: 15px;
        width: 140px;
        height: 30px;
        border-radius: 25px;
    }

    .link_block-img {
        margin: 4px;
        width: 25px;
        height: 25px;
    }

    .link_block-img img {
        width: 18px;
        height: 15px;
    }

    .link_block a {
        font-size: 15px;
    }


    .title_user {
        font-size: 12px;
    }

    .avatar {
        width: 30px;
        height: 30px;
    }

    .message {
        font-size: 12px;
        margin: 4px;
        padding: 10px;
    }

    .messages_right {
        width: 90%;
        margin: 5%;
    }

    .phone_button {
        width: 40%;
        height: 2%;
        font-size: 18px;
        margin: 5px;
        border-radius: 25px;
        padding: 12px;
    }

    .top_dynamic {
        margin-top: 3%;
        height: 3%;
    }
}

@media (max-width: 1024px) {


    h3 {
        font-size: 22px;
    }

    h4 {
        font-size: 18px;
    }

    h5 {
        font-size: 12px;
    }

    .big_title {
        width: 70%;
    }

    .histogram_title {
        font-size: 28px;
    }

    .histogram_one {
        height: 50px;
        width: 380px;
    }


    .histogram_two {
        height: 50px;
        width: 310px;
    }

    .block_statistics {
        margin-top: 20px;
        width: 400px;
        height: 110px;
        border-radius: 50px;
    }

    .text_statistics {
        padding: 25px 0px 0px 10px;
    }

    .link_block {
        margin-top: 15px;
        width: 140px;
        height: 30px;
        border-radius: 25px;
    }

    .link_block-img {
        margin: 4px;
        width: 25px;
        height: 25px;
    }

    .link_block-img img {
        width: 18px;
        height: 15px;
    }

    .link_block a {
        font-size: 15px;
    }


    .title_user {
        font-size: 12px;
    }

    .avatar {
        width: 30px;
        height: 30px;
    }

    .message {
        font-size: 12px;
        margin: 4px;
        padding: 10px;
    }

    .messages_right {
        width: 90%;
        margin: 5%;
    }

    .phone_button {
        width: 40%;
        height: 2%;
        font-size: 16px;
        margin: 5px;
        border-radius: 25px;
        padding: 12px;
    }

    .top_dynamic {
        margin-top: 3%;
        height: 3%;
    }

    .row_statistics {
        flex-direction: column;
    }

    .message {
        font-size: 10px;
        margin: 4px;
        padding: 8px;
    }

    .messages_right {
        margin: 1%;
    }

    .histogram_title {
        font-size: 22px;
        margin: 15px;
    }
}

@media (max-width: 900px) {
    .carousel-item_text {
        width: 740px;
        height: 650px;
    }

    .carousel .carousel-item {
        width: 850px;
        height: 415px;
    }
}

@media (max-width: 780px) {

    .carousel-box {
        height: 830px;
    }

    .carousel-item_text {
        width: 740px;
        height: 700px;
    }

    .dropdown_menu.open {
        display: flex;
        background: white;
        font-size: 24px;
        row-gap: 20px;
    }

    .toggle_btn {
        display: flex;
        justify-content: center;
        margin: 3% 10% 0% 0%;
        color: #125F3D;
        font-size: 1.5rem;
        cursor: pointer;
    }

    .header_menu_auth {
        display: none;
    }

    .dropdown_menu {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }


    .header_menu {
        display: none;
    }

    .block_right {
        margin: 0% 0% 0% 5%;
    }

    .block_phone {
        width: 98%;
    }

    .logo h2 {
        font-size: 38px;
    }

    .header_logo-img {
        height: 40px;
    }

}


@media (max-width: 680px) {
    html {
        height: 100%;
    }

    body {
        min-height: 100%;
        margin: 0;
        padding: 0;
        background-color: #FDFBEE;
        font-family: 'Inter', sans-serif;
    }

    .center {
        flex-direction: column;
    }


    .carousel-box {
        height: 1360px;
    }

    .carousel-item_text {
        width: 350px;
        height: 800px;
    }

    .carousel .carousel-item {
        width: 850px;
        height: 430px;
    }

    .carousel-item_text {
        width: 350px;
        height: 1330px;
    }


    .block_right {
        margin: 5% 0% 110px 2%;
    }


    .main_shadow {
        height: 20%;
        display: none;
    }

    .modal {
        position: fixed;
        top: 35%;
        left: 50%;
        width: auto;
        height: auto;
        left: 0px;
        flex-wrap: wrap;
        gap: 10px;
        flex-direction: row;
        justify-content: start;
        align-items: start;
        border-radius: 50px;
        padding: 10px 25px;
        background: rgba(255, 255, 255, 0.8);
        outline: none;
        z-index: 9999;
    }

}


@media (max-width: 420px) {


    .block_statistics {
        margin-top: 20px;
        width: 300px;
        height: 110px;
        border-radius: 50px;
    }

    .statistics {
        padding-left: 5%;
    }


    .text_statistics a {
        font-size: 12px;
    }

    .main_shadow {
        height: 20%;
        display: none;
    }

    .histogram_one {
        height: 50px;
        width: 290px;
    }

    .histogram_two {
        height: 50px;
        width: 250px;
    }

    h3 {
        font-size: 18px;
    }

    h4 {
        font-size: 16px;
    }

    h5 {
        font-size: 12px;
    }

    .logo h2 {

        font-size: 38px;

    }
}

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

.main_page_block_eye {}