html {
    scroll-behavior: smooth;
}


body {
    font-family: "Roboto", sans-serif;
    margin: 0px;
    /*user-select: none;   !* Современные браузеры *!*/
    /*-webkit-user-select: none; !* Safari *!*/
    /*-moz-user-select: none;    !* Firefox *!*/
    /*-ms-user-select: none;     !* IE/Edge *!*/
}

.mptcgacb-text p {
	max-width: 480px;
}

header {
    background-color: #252525;
    color: white;
    padding: 15px 22px;
}

.mphgraa-buttons p {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0px;
    color: white;
    text-decoration: none;
}

.account-top-menu {
    display: flex;
    justify-content: space-between;
}

.account-name-group {
    display: flex;
    flex-direction: column;
}

.search-button-settings {
    cursor: pointer;
}

.account-name {
    display: flex;
    align-items: center;
    gap: 70px;
    cursor: pointer;
}

.account-name-group p {
    margin-block-start: 5px;
    margin-block-end: 5px;
}

.account-notification {
    display: flex;
    align-items: center;
    border: 1px solid #323539;
    padding: 12px;
    border-radius: 6px;
    background-color: #2B2D2F;
    cursor: pointer;
    position: relative;
}

.unread-count {
    position: absolute;
    background: #E6A500;
    color: #fff ;
    font-size: 9px;
    border-radius: 50%;
    padding: 2px 5px;
    top: 34px;
    right: -6px;
}

.account-notification.active {
    background-color: #7d8388;
}

.account-tarifi-and-pay {
    display: flex;
    align-items: center;
    padding: 12px;
    border-radius: 6px;
    border: 1px solid #323539;
    cursor: pointer;
}
.account-buttons-group {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-left: 15px;
}
.account-logo-left img {
    width: 48px;
}
.account-menu-group {
    display: flex;
}
.main-left-navbar {
    width: 5%;
    /* height: 100vh; */
    min-height: 104vh;
    /* min-height: max-content; */
    background-color: #252525;
    color: #858C95;
    padding: 35px 0px;
    min-width: 95px;
}

.main-content-place {
    width: 95%;
    padding: 0px 30px;
    flex-grow: 1;
}

main {
    display: flex;
    position: relative;
    align-items: stretch;
    
}

.navbar-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.navbar-buttons a {
    text-decoration: none;
}

.menu-button-add span {
    white-space: nowrap;
}

.main-select-sform-otchet span {
    white-space: nowrap;
    min-width: 165px;
}

.navbar-buttons {
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    padding: 15px;
    gap: 8px;
    font-family: "Inter", sans-serif;
    cursor: pointer;
}

.bfs-input-group textarea {
    padding: 10px;
    border-radius: 6px;
    outline: none;
    border: 1px solid #E5E5E7;
    background: #F8F9FB;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0%;
}

.menu-button-add {
    background: #E6A500;
    color: white;
    padding: 12px 15px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 7px;
    cursor: pointer;
    
}

.menu-head {
    display: flex;
    align-items: center;
    gap: 10px;
}
.menu-head h1 {
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0%;
    vertical-align: middle;
    margin-block-start: 5px;
    margin-block-end: 5px;
    color: #333333;
}
.menu-table-sotrudniki {
    display: flex;
    gap: 15px;
}
.menu-table-search {
    display: flex;
    align-items: center;
    padding: 0px 15px;
    border: 1px solid #E9EBEF;
    border-radius: 6px;
    width: 66%;
    justify-content: space-between;
    gap: 10px;
}

.menu-table-search input {
    padding: 12px;
    outline: none;
    border: none;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.1px;
    color: #999999;
    width: 100%;

}

.menu-table-search button {
    padding: 0px;
    background: none;
    outline: none;
    border: none;
    cursor: pointer;
}

.menu-table-sotr-group {
    display: flex;
    justify-content: space-between;
    /* padding: 0px 22px; */
    padding-top: 47px;
    gap: 20px;
}
.main-select-sform-otchet {
    position: relative;
    /* display: flex;
    align-items: center; */
    padding: 12px;
    border: 1px solid #E9EBEF;
    border-radius: 6px;
    color: #999999;
    gap: 10px;
    cursor: pointer;
}

.main-search-butt-inp {
    display: flex;
    align-items: center;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

thead {
    background-color: #f2f2f2;
    color: #333;
    font-weight: bold;
}

th, td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    width: auto;
}



th {
    position: relative;
    color: #999999;
    background-color: #F9F9F9;
}

.sort-icon {
    font-size: 10px;
    vertical-align: middle;
    margin-left: 5px;
}

.middle-color {
    color: #EEA23E;
    padding: 5px 10px;
    background: #FFFAF2;
    border-radius: 8px;
}

.last-color {
    color: #C8322B;
    padding: 5px 10px;
    background: #FFEFEE;
    border-radius: 8px;
}

.action-button {
    background-color: #F9F9F9;
    border: 1px solid #E7E7E7;
    border-radius: 8px;
    color: #999999; 
    cursor: pointer;
    padding: 5px 10px;
    font-size: 14px;
    transition: background-color 0.3s ease;
}

.action-button:hover {
    background-color: #eaeaea;
}
.main-table-of-sotr {
    /* padding: 0px 22px; */
    padding-top: 30px;
    position: relative;
}
.table-first-th {
    color: black;
}

td {
    font-weight: 400;
    line-height: 17.14px;
    letter-spacing: 0%;
    vertical-align: middle;
}

.table-last-th button {
    background-color: transparent;
    outline: none;
    border: none;
    cursor: pointer;
}

/* .table-last-th {
    width: 10px;
} */

.select-sform-otchet {
    background-color: #F8F9FB;
    border: 1px solid #E5E5E7;
    padding: 15px;
    color: #323539;
    position: absolute; 
    top: 100%; 
    left: 0; 
    z-index: 10;
    width: 86%;
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    margin-top: 10px;
}

.select-sform-otchet span {
    padding: 13px 0px;
    cursor: pointer;
}

.select-header {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: space-between;
}

.arrow-icon {
    transition: transform 0.3s ease;
}

.arrow-icon.rotate {
    transform: rotate(180deg);
}
.table-setting-select {
    /* padding: 10px; */
    border-radius: 6px;
    background: #F8F9FB;
    border: 1px solid #E5E5E7;
    position: absolute;
    max-width: 220px;
    left: 80%;
    z-index: 10;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    pointer-events: none;
}

.table-setting-select.active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.tab-sett-head {
    padding: 15px;
}

.tab-sett-head span {
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.1px;
}

.tab-sett-col {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px;
    cursor: pointer;
    transition: background 0.3s;
}

/* Скрываем стандартный чекбокс */
.tab-sett-col input[type="checkbox"] {
    display: none;
}

/* Стиль кастомного чекбокса через label::before */
.tab-sett-col label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    user-select: none;
}

.tab-sett-col label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 2px solid #E5E5E7;
    background-color: white;
    border-radius: 4px;
    box-sizing: border-box;
    transition: background 0.3s, border 0.3s;
}

/* Галочка при активном чекбоксе */
.tab-sett-col input[type="checkbox"]:checked + label::before {
    background-color: #E6A500;
    border-color: #E6A500;
}

.tab-sett-col input[type="checkbox"]:checked + label::after {
    content: "✔";
    position: absolute;
    left: 3px;
    top: 45%;
    transform: translateY(-50%);
    color: white;
    font-size: 16px;
}

/* Оранжевый фон всего div при активном чекбоксе */
.tab-sett-col input[type="checkbox"]:checked ~ label {
    background-color: transparent; /* Не нужен фон на label */
}

.tab-sett-col input[type="checkbox"]:checked ~ label::before {
    background-color: #E6A500;
}

/* Сам div становится оранжевым */
.tab-sett-col.active {
    background-color: #F5ECD5;
}






.notification-table-checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px;
    cursor: pointer;
    transition: background 0.3s;
}

/* Скрываем стандартный чекбокс */
.notification-table-checkbox input[type="checkbox"] {
    display: none;
}

/* Стиль кастомного чекбокса через label::before */
.notification-table-checkbox label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    user-select: none;
}

.notification-table-checkbox label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 2px solid #E5E5E7;
    background-color: white;
    border-radius: 4px;
    box-sizing: border-box;
    transition: background 0.3s, border 0.3s;
}

/* Галочка при активном чекбоксе */
.notification-table-checkbox input[type="checkbox"]:checked + label::before {
    background-color: #E6A500;
    border-color: #E6A500;
}

.notification-table-checkbox input[type="checkbox"]:checked + label::after {
    content: "✔";
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    font-size: 16px;
}





.search-filt-checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 0px;
    cursor: pointer;
}

/* Скрываем стандартный чекбокс */
.search-filt-checkbox input[type="checkbox"] {
    display: none;
}

/* Стиль кастомного чекбокса через label::before */
.search-filt-checkbox label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    user-select: none;
}

.search-filt-checkbox label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 2px solid #E5E5E7;
    background-color: white;
    border-radius: 4px;
    box-sizing: border-box;
    transition: background 0.3s, border 0.3s;
}

/* Галочка при активном чекбоксе */
.search-filt-checkbox input[type="checkbox"]:checked + label::before {
    background-color: #E6A500;
    border-color: #E6A500;
}

.search-filt-checkbox input[type="checkbox"]:checked + label::after {
    content: "✔";
    position: absolute;
    left: 3px;
    top: 45%;
    transform: translateY(-50%);
    color: white;
    font-size: 16px;
}

/* Оранжевый фон всего div при активном чекбоксе */
.search-filt-checkbox input[type="checkbox"]:checked ~ label {
    background-color: transparent; /* Не нужен фон на label */
}

.search-filt-checkbox input[type="checkbox"]:checked ~ label::before {
    background-color: #E6A500;
}

.search-filters-modal {
    border-right: 1px solid #EEEEEE;
    background-color: #F9F9F9;
    padding: 15px 20px;
    position: absolute;
    left: 95px;
    max-width: 320px;
    width: 100%;
    z-index: 11;
    /* opacity: 0; */
    display: none;
}
/* Когда модальное окно будет активно */
.search-filters-modal.open {
    /* opacity: 1; */
    display: block;
}
.search-filt-head {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.s-f-checkbox-group-flex {
    padding: 7px 15px;
}
.s-f-checkbox-group-flex p {
    margin-block-start: 10px;
    margin-block-end: 10px;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0%;
    vertical-align: middle;
}

.search-filt-head p {
    font-family: Roboto;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0%;
    vertical-align: middle;
}

.search-filt-head button {
    padding: 10px;
    background: white;
    outline: none;
    border: 1px solid #E5E5E7;
    border-radius: 6px;
}

.block-of-kolvo {
    display: flex;
    align-items: end;
    padding: 20px;
    background: #FFFFFF;
    border: 1px solid #E5E5E7;
    border-radius: 12px;
    gap: 15px;
    width: 100%;

}

.bok-head-and-numbers span {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.1px;
    font-family: "Inter", sans-serif;
    color: #858C95;

}

.bok-head-and-numbers p {
    margin-block-start: 5px;
    margin-block-end: 5px;
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: -1%;
    font-family: "Inter", sans-serif;
}

.main-statistiks {
    /* padding: 0px 22px; */
    display: flex;
    justify-content: space-between;
    gap: 25px;
    padding-top: 50px;
}

.bok-with-icon {
    padding: 13px;
    background: #E6A500;
    border-radius: 6px;
}

.bok-with-icon-red-status {
    background: #C8322B ;
}

.block-of-kolvo-red-status {
    background: #FFEFEE;
}

.bnfa-text p {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0px;
    margin-block-start: 0px;
    margin-block-end: 0px;
}

.bnfa-text span {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.1px;
    color: #858C95;
}

.block-notification-of-access {
    /* padding: 0px 22px; */
    background: #F9EAC5;
    border: 1px solid #E6A500;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    margin-top: 30px;
}

.bnfa-button {
    padding: 15px;
    background: #E6A500;
    color: white;
    border-radius: 6px;
    border: none;
    outline: none;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    cursor: pointer;
}

.bgg-left-grafics {
    /* padding: 20px; */
    background: #FFFFFF;
    border: 1px solid #E5E5E7;
    border-radius: 12px;
    width: 20%;
    min-width: 235px;
}

.bgglg-circle-graf-maxwd {
    margin: 0 auto;
    max-width: 200px;
    min-width: 200px;
}

.bgglg-circle-graf-group {
    padding: 20px;
}

.bgglg-circle-head {
    padding: 20px;
    border-bottom: 1px solid #E5E5E7;
}

.bgglg-circle-grafics h3 {
    margin-block-start: 0px;
    margin-block-end: 0px;
}

.bgglg-circle-graf-group li {
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #E5E5E7;
    display: flex;
    justify-content: space-between;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0%;

}

.bgglg-circle-graf-group li:last-child {
    border-bottom: none;
    padding-bottom: 0px;
}

.block-group-grafics {
    padding-top: 30px;
}

.block-group-grafics {
    display: flex;
    gap: 30px;
}

.bggrtb-ws-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bggrtb-ws-stats-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bggrtb-ws-head p {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;
}

.bggrtb-ws-stats-line p {

    font-family: "Inter", sans-serif;
    color: #858C95;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.1px;
    margin-block-start: 10px;
    margin-block-end: 10px;

}

.bggrtb-ws-head span {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.1px;

    color: #858C95;
}

.bgg-rg-top {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 20px;
}

.bgg-rg-bottom {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

/* .progress-bar {
    width: 60%;
    height: 5px;
    background: orange;
    border-radius: 12px;
} */
.progress-bar {
    width: 65%;
    height: 6px;
    background-color: #e5ebf0; /* светло-серый фон */
    border-radius: 4px;
    overflow: hidden;
  }
  
  .progress-fill {
    height: 100%;
    background-color: #E6A500; /* желтая полоса */
    width: 0%; /* эта ширина будет изменяться */
    transition: width 0.3s ease;
  }

.bggrt-block-with-stats {
    padding: 20px;
    border: 1px solid #E5E5E7;
    border-radius: 12px;
    /* max-width: 460px; */
    width: 100%;
}

.bgg-right-grafics {
    width: 80%;
}

.block-form-settings-left {
    /* padding: 20px;
    border-radius: 12px;
    border: 1px solid #E5E5E7; */
    width: 80%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.bfnr-noticication-form {
    display: flex;
    flex-direction: column;
    gap: 36px;
}

.bfs-two-factor-switch {
    display: flex;
    gap: 30px;
    margin-bottom: 25px;
}

.bfs-two-factor-switch span {
    font-family: "Inter", sans-serif;
    color: #5F6D7E;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15%;
    
}

.bfs-head h3 {
    margin-block-start: 0px;
    margin-block-end: 20px;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;

}

.bfs-input-group {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.bfs-input-flex {
    display: flex;
    gap: 30px;
    padding-bottom: 15px;
}

.bfs-input-group input {
    padding: 10px;
    border-radius: 6px;
    outline: none;
    border: 1px solid #E5E5E7;
    background: #F8F9FB;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0%;
}

.bfs-input-group div {
    background: #F8F9FB;
    color: #858C95;
}

.bfs-input-group label {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.1px;
    padding-bottom: 5px;
}


form button {
    border: none;
    border-radius: 6px;
    outline: none;
    background: #E6A500;
    color: white;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    padding: 10px 20px;
    cursor: pointer;
}

.bfnr-head h3 {
    margin-block-start: 0px;
    margin-block-end: 20px;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;
}

.input-error {
    border: 1px solid red !important;
}

.error-message {
    color: red !important;
    background: none !important;
    font-size: 12px;
    margin-bottom: 5px;
}

.block-form-notification-right {
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #E5E5E7;
    width: 20%;
}

.main-settings-place {
    display: flex;
    gap: 30px;
    padding-top: 50px;
}

.bfs-input-group .main-select-sform-otchet {
    margin-bottom: 15px;
}

.bfnr-switch-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0;
    font-family: sans-serif;
    font-size: 16px;
    color: #5A6872;
    margin-bottom: 20px;
}

.bfnr-switch {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 24px;
}

.bfnr-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.bfnr-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 34px;
}

.bfnr-slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

input:checked + .bfnr-slider {
    background-color: #E6A500; /* Оранжевый */
}

input:checked + .bfnr-slider:before {
    transform: translateX(18px);
}

.bfnr-button-submit {
    display: flex;
    justify-content: end;
}

.bfs-form-settings-group {
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #E5E5E7;
}

.mcp-support-group {
    padding-top: 50px;
}

.block-type-support {
    padding: 30px 0px;
}

.bts-buttons span {
    font-family: "Inter", sans-serif;
    color: #858C95;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0px;
    padding-bottom: 11px;
    cursor: pointer;
}

.bts-buttons.active span {
    border-bottom: 2px solid #E6A500;
    color: #E6A500;
}

.bts-flex {
    display: flex;
    gap: 20px;
    border-bottom: 1px solid #E5E5E7; 
    padding-bottom: 10px;
}

.bz-icon-background {
    border-radius: 50%;
    background: #E6A500;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    max-width: 38px;
}

.block-znaniy {
    padding: 20px;
    border: 1px solid #E5E5E7;
    border-radius: 12px;
    flex: 0 0 22%;
}

.blocks-with-base-znaniy {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.bz-head h3 {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: -1%;
    color: #323539;
}

.bz-text-info p {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;
    color: #858C95;
}


.modal-success-support {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.modal-success-content-support {
    background: white;
    padding: 20px 30px;
    border-radius: 8px;
    text-align: center;
    max-width: 475px;
    width: 90%;
    border: 1px solid #d0d0d4;
}

.modal-success-content-support h2 {
    font-weight: 500;
    font-size: 30px;
    line-height: 42.86px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 10px;
    
}

.modal-success-content-support p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    
    margin-bottom: 20px;
}

.modal-success-content-support button {
    background-color: #eba600;
    color: white;
    border: none;
    padding: 12px;
    border-radius: 6px;
    cursor: pointer;
    width: 40%;
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
}

.bofta-list-adv span {
    display: flex;
    padding: 5px;
    background: white;
    border: 1px solid #979AA0;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: white;
    max-width: 19px;
    width: 100%;
    height: 19px;
}

.bofta-list-adv span svg {
    flex-shrink: 0;
}

.bofta-list-adv.active span {
    background: #E6A500;
    border: none;
}

.bofta-list-adv {
    display: flex;
    align-items: center;
    gap: 15px;
}

.bofta-list-adv p {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 14.96px;
    line-height: 22.44px;
    letter-spacing: -0.1%;
    margin-block-start: 7px;
    margin-block-end: 7px;
}

.block-of-tariff {
    background: #F8F9FB;
    border: 1px solid #E5E5E7;
    border-radius: 12px;
    padding: 40px;
}

.bofta-list-adv strong {
    color: #E6A500;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 14.96px;
    line-height: 22.44px;
    letter-spacing: -0.1%;
}

.non-active-tariff span {
    font-family: "Inter", sans-serif;
    font-weight: 400 !important;
    font-size: 13.77px !important;
    line-height: 23.3px !important;
    letter-spacing: 0px !important;
}

.account-control-managers {
    padding: 10px;
    background: #F8F9FB;
    border: 1px solid #E5E5E7;
    color: black;
    border-radius: 12px;
    display: none;
    flex-direction: column;
    position: absolute;
    top: 10%;
    z-index: 11;
    max-width: 260px;
    width: 100%; 
}

.account-control-managers a {
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
}

.shevron-icon {
    transition: transform 0.3s;
}

.account-name.active .shevron-icon {
    transform: rotate(180deg);
}

.account-control-managers.active {
    display: flex;
}

.overlay-managers {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    z-index: 999;
    justify-content: center;
    align-items: center;
}

.popup-managers {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 30px;
    /* max-width: 415px; */
    width: 45%;
    border: 1px solid #E5E5E7;
    position: relative;
}

.manager-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    padding: 5px 0px;
    cursor: pointer;
}

.manager-info {
    display: flex;
    flex-direction: column;
}

.manager-email {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;

}

.manager-role {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.1px;
    color: #858C95;

}

.delete-icon {
    cursor: pointer;
}

.delete-icon img {
    width: 20px;
    height: 20px;
}

.add-button {
    display: block;
    width: 100%;
    margin-top: 20px;
    background-color: #f2a100;
    color: white;
    font-weight: bold;
    border: none;
    border-radius: 4px;
    padding: 15px;
    cursor: pointer;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    transition: background-color 0.3s;
    font-family: "Roboto", sans-serif;
}

.add-button:hover {
    background-color: #d28d00;
}

.close-popup {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 18px;
    color: #999;
    cursor: pointer;
}
.close-popup:hover {
    color: #333;
}
.form-buttons {
    display: flex;
    justify-content: space-between;
}

.form-buttons button {
    width: 48%;
}

#cancel-btn {
    background: transparent;
    color: black;
    border: 1px solid #E5E5E7;
}

#edit-cancel-btn {
    background: transparent;
    color: black;
    border: 1px solid #E5E5E7;
}

.account-notification-list {
    border: 1px solid #D1D9E2;
    background: #F8F9FB;
    border-radius: 12px;
    position: absolute;
    z-index: 10;
    right: 9%;
    top: 10%;
    display: none;
}

.account-notification-list.active {
    display: block;
}

.anl-item {
    border-bottom: 1px solid #D1D9E2;
    padding: 15px 25px;
    color: black;
}

.anl-item:last-child {
    border-bottom: none;
}

.anl-item h5 {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15%;
    margin-block-start: 5px;
    margin-block-end: 5px;
    color: #2E3646;
}

.anl-item p {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.1%;
    color: #5F6D7E;
    max-width: 330px;
}

.anl-item span {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.1%;
    color: #5F6D7E;
}

.add-sotrudnik-modal {
    border-right: 1px solid #EEEEEE;
    background-color: #F9F9F9;
    padding: 15px 20px;
    position: absolute;
    left: 95px;
    z-index: 11;
    /* opacity: 0; */
    display: none;
}

.add-sotrudnik-select {
    margin-bottom: 0px !important;
}

.add-sotrudnik-buttons {
    display: flex;
    justify-content: end;
    gap: 10px;
    padding-top: 25px;
    padding-bottom: 50px;
}

.asb-cancel-button {
    background: white;
    color: black;
    border: 1px solid #E5E5E7;
}

.add-sotrudnik-modal.open {
    display: block;
}

.add-sotrudnik-modal-yurlico {
    height: 97%;
}

.index-respas-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    z-index: 10;
    justify-content: center;
    align-items: center;
}

.index-respas-modal {
    border-right: 1px solid #EEEEEE;
    background-color: #F9F9F9;
    padding: 20px 60px;
    position: absolute;
    right: 0px;
    z-index: 11;
    top: 0px;
    max-width: 480px;
    display: none;
    height: 100%;
    width: 100%;
}

.index-auth-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    z-index: 10;
    justify-content: center;
    align-items: center;
}

.index-auth-modal {
    border-right: 1px solid #EEEEEE;
    background-color: #F9F9F9;
    padding: 20px 60px;
    position: absolute;
    right: 0px;
    z-index: 11;
    top: 0px;
    max-width: 480px;
    display: none;
    height: 100%;
    width: 100%;
}

.index-reg-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    z-index: 10;
    justify-content: center;
    align-items: center;
}

.index-register-modal {
    border-right: 1px solid #EEEEEE;
    background-color: #F9F9F9;
    padding: 20px 60px;
    position: absolute;
    right: 0px;
    z-index: 11;
    top: 0px;
    max-width: 480px;
    display: none;
    padding-top: 80px;
    padding-bottom: 120px;
}

.morg-head-pagin {
    gap: 10px;
    display: flex;
    padding-bottom: 20px;
    color: white;
    justify-content: flex-end;
}

.ms-prev-butt {
    display: flex !important;
    border: 1px solid #323539;
    padding: 10px 20px;
    border-radius: 10px;
    align-items: center;
}

.ms-next-butt {
    display: flex !important;
    border: 1px solid #323539;
    padding: 10px 20px;
    border-radius: 10px;
    align-items: center;
}

.irm-head {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #EBECED;
    margin-bottom: 50px;
}

.irm-input-flex input {
    margin-bottom: 30px;
    padding: 15px 10px;
}
.irm-button-reg button {
    padding: 20px;
    width: 100%;
}

.irm-registration-or-signin {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
    padding-bottom: 30px;
    gap: 10px;
}

.politic-sogl {
    padding: 15px 0px;
    padding-bottom: 30px !important;
}

.irm-info {
    display: flex;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 17.14px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    color: #ABABAB;
}

.irm-registration-or-signin span {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
}

.irm-registration-or-signin a {
    font-weight: 400;
    font-size: 12.3px;
    line-height: 17.5px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: #E6A500;
    text-decoration: none;
}
.irm-button-reg button {
    font-family: Roboto;
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    transition: all 0.3s ease;
}
.politic-sogl label {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    vertical-align: middle;
}

.irm-head h2 {
    font-weight: 500;
    font-size: 30px;
    line-height: 42.86px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
}

.irm-info span {
    max-width: 270px;
}

.irm-info a {
    color: #ABABAB;
}

.iam-zm-group {
    DISPLAY: flex;
    align-items: center;
    justify-content: space-between;
}

.iam-zm-group a {
    color: #E6A500;
    font-weight: 400;
    font-size: 12.3px;
    line-height: 17.5px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;

}

.index-register-modal,
.index-auth-modal,
.index-respas-modal {
    opacity: 0;
    transform: translateX(0%);
    transition: opacity 0.3s ease, transform 0.3s ease;
    display: block; 
    pointer-events: none; 
}

.modal-active {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}

.index-reg-overlay,
.index-auth-overlay,
.index-respas-overlay {
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex; 
    pointer-events: none;
}

.overlay-active {
    opacity: 1;
    pointer-events: auto;
}

.irm-info-respas {
    margin-top: 30px;
}

/* index */

.main-page-header {
    display: flex;
    justify-content: center;
    background: #181818;
    border-bottom: 1px solid #323539;
}

.main-page-header-group {
    max-width: 1500px;
    width: 100%;
}

.mphg-logo-and-nav {
    display: flex;
    align-items: center;
    /* gap: 70px; */
    justify-content: space-between;
}

.mphglan-nav img {
    margin-right: 30px;
}

.mphglan-nav {
    display: flex;
    gap: 40px;
    align-items: center;
}


.mphglan-nav a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    background: #E6A500; /* цвет линии */
    transition: width 0.3s ease;
}

.mphglan-nav a:hover {
    color: #E6A500; /* меняем цвет текста */
}

.mphglan-nav a:hover::after {
    width: 100%; /* подчеркивание плавно появляется */
}

.mphglan-nav a {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0px;
    transition: color 0.3s ease;
}

.mphgraa-buttons a:first-child {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #D99A00;
    cursor: pointer;
}

#auth-button {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #D99A00;
    cursor: pointer;
}

.mphgraa-buttons a:last-child {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #121212;
    background: #E6A500;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
}

.mphgraa-buttons {
    display: flex;
    align-items: center;
    gap: 20px;
}

.main-page-main {
    background: #181818;
    display: flex;
    justify-content: center;
}

.mp-digital-platform {
    max-width: 1500px;
    width: 100%;
    padding-bottom: 70px;
}

.mpdp-text span {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 60px;
    line-height: 67px;
    letter-spacing: -2%;
    color: white;
}

.mpdp-text p {
    color: #979AA0;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.1px;
    margin-block-start: 2.5em;
    margin-block-end: 2.5em;

}

.mpdp-buttons a:first-child {
    background: #E6A500;
    color: #121212;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0px;
    padding: 15px 15px;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;

}

.mpdp-buttons-first {
    transition: all 0.3s ease;
}

.mpdp-buttons-first:hover{
    color: white !important;
}

.mpdp-buttons a:last-child {
    background: #252525;
    border: 1px solid #323539;
    color: white;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0px;
    padding: 15px 15px;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;
}

.mpdp-text {
    padding-top: 70px;
}

.mp-personal-account {
    /* max-width: 1500px;
    width: 100%; */
    display: flex;
    justify-content: center;
}

.mppa-main-panel-lk {
    display: flex;
    max-width: 1300px;
}

.mppa-group {
    /* display: flex;
    justify-content: center; */
}

.mppa-top-panel-mac {
    background-color: #2B2D2F;
    border: 1px solid #4d5154;
    border-radius: 10px 10px 0px 0px;
    height: 25px;
    max-width: 1300px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}

.mppatpm-circle-red {
    width: 11px;
    height: 11px;
    background: #EC6A5E;
    border-radius: 50%;
    margin-left: 10px;
}

.mppatpm-circle-yellow {
    width: 11px;
    height: 11px;
    background: #F5BF4F;
    border-radius: 50%;
}

.mppatpm-circle-green {
    width: 11px;
    height: 11px;
    background: #61C554;
    border-radius: 50%;
}

.mp-left-navbar-personal-account {
    min-height: auto !important;
}

.mp-main-content-place-personal-account {
    background: white;
}

.mp-searc-filters-modal {
    left: 21%;
    max-height: 424px;
    overflow: auto;
}

.mp-table-setting-select {
    left: 75%;
    top: 19%;
    max-height: 310px;
    overflow: auto;
}

.mp-add-sotrudnik-modal {
    left: 21%;
    max-height: 424px;
    overflow: auto;
}

.mp-main-table-of-sotr th {
    font-size: 14px;
}

.mp-main-table-of-sotr td {
    font-size: 14px;
}

.mpdp-buttons {
    display: flex;
    gap: 20px;
}

.mpp-head {
    text-align: center;
    padding-bottom: 60px;
}

.mpp-head h2 {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -1.5%;
    text-align: center;
    color: white;
    margin-block-start: 10px;
    margin-block-end: 10px;
}

.mpp-head span {
    font-family: "Inter", sans-serif;
    color: #979AA0;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -1%;
    text-align: center;
}

.mp-possibilities {
    padding-top: 50px;
    padding-bottom: 50px;
    /* border-bottom: 1px solid #E6A500; */
    max-width: 1500px;
}

.mpp-blocks-group {
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
}

.overflow-off {
    overflow: hidden;
}

.mpp-blocks {
    /* border: 1px solid #E6A500; */
    border: 1px solid #323539;
    padding: 50px 30px;
    border-radius: 10px;
    background-color: #121212;
    transition: all 0.3s ease;
    flex: 0 0 19%;
}

.mpp-blocks:hover {
    border: 1px solid #E6A500;
    background: #252525;
}

.mppb-text p {
    color: #979AA0;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;

}

.mppb-text h4 {
    color: white;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -1%;
    max-width: 240px;

}

.mppb-icon {
    background: #25252599;
    width: 11%;
    display: flex;
    padding: 10px;
    border-radius: 10px;
}

.mpp-butt-show-more {
    display: flex;
    justify-content: center;
    padding-top: 50px;
}

.mpp-butt-show-more a {
    color: #F9F9F9;
    background: #252525;
    border: 1px solid #323539;
    padding: 15px 25px;
    border-radius: 5px;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0px;
    cursor: pointer;
    transition: color 0.3s ease;
    text-decoration: none;
}

.mpp-butt-show-more a:hover {
    color: white;
}

.mp-advantages {
    border-top: 1px solid #E6A500;
    border-bottom: 1px solid #E6A500;
    background: #1F1F1F;
    padding-top: 50px;
    padding-bottom: 50px;
    display: flex;
    justify-content: center
}

.mp-advantages-group {
    max-width: 1500px;
    width: 100%;
}

.mpag-left {
    width: 50%;
    padding: 0px 50px;
    /* border: 2px solid #323539;
    background: #2A2A2A; */
    border-radius: 20px;
}

.mpag-left-and-right-group {
    display: flex;
    gap: 100px;
}

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

.mpagl-head h4 {
    color: white;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -1.5%;
}

.mpagrb-icon {
    padding: 7px 8px;
    background: #2B2D2F;
    border-radius: 50px;
}

.mpag-right {
    width: 50%;
}

.mpagl-content img {
    width: 100%;
}

.mpagr-block {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding-bottom: 25px;
}

.mpagrb-text h4 {
    margin-block-start: 0em;
    margin-block-end: 0em;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: -1%;
    color: white;
    transition: all 0.3s ease;
}

.mpagrb-text p {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;
    color: white;
}

.mpagrb-text a {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0px;
    color: white;
    transition: all 0.3s ease;
    text-decoration: none;
    cursor: pointer;
}

.mpagr-block:hover a {
    color: #E6A500;
}

.mpagr-block:hover h4 {
    color: #E6A500;
}

.mp-trust {
    background: #1A1A1A;
    display: flex;
    justify-content: center;
    padding-top: 80px;
    padding-bottom: 80px;
    border-bottom: 1px solid #E6A500;

}

.mptlarg-right {
    /* background: #2A2A2A;
    border: 2px solid #323539; */
    border-radius: 10px;
    /* height: 520px; */
    width: 50%;
}

.mptlargl-head h2 {
    margin-block-start: 0em;
    margin-block-end: 0em;
    color: white;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -1.5%;
}

.mptlargl-text p {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -1%;
    color: white;
}

.mptlarg-left {
    width: 75%;
}

.mpt-left-and-right-group {
    max-width: 1500px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 50px;
}

.mp-tariff-constructor {
    background: #121212;
    display: flex;
    justify-content: center;
    padding-top: 80px;
    padding-bottom: 80px;
    border-bottom: 1px solid #E6A500;
}

.mp-tariff-constructor-group {
    max-width: 1500px;
    width: 100%;
}

.mptcg-head-text {
    display: flex;
    justify-content: center;
}

.mptcg-head h2 {
    margin-block-start: 10px;
    margin-block-end: 10px;
    color: white;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -1.5%;
    text-align: center;
}

.mptcg-head span {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -1%;
    text-align: center;
    color: #979AA0;
}

.mptcg-buttons a:first-child {
    background: #E6A500;
    color: #121212;
    padding: 10px 16px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.1%;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
}

.mptcg-buttons a:last-child {
    background: transparent;
    color: white;
    padding: 10px 16px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.1%;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
}

.mptcg-buttons {
    display: flex;
    justify-content: center;
    padding-top: 50px;
    /* padding-bottom: 50px; */
}

.mp-block-of-tarif:hover {
    background: #1A1A1A;
    border: 1px solid #E6A500;
}

.mp-block-of-tarif:hover button {
    background: #E6A500;
    color: #1A1A1A;
    border: none;
}

.mp-block-of-tarif {
    background: #1A1A1A;
    border: 1px solid #323539;
    transition: all 0.3s ease;
}

.mp-block-of-tarif button {
    transition: all 0.3s ease;
}

.mp-boft-price {
    color: white;
}

.mp-boft-text p {
    color: white !important;
}

.mp-boft-advantages h4 {
    color: white;
}

.mp-boft-advantages span {
    color: #1A1A1A;
    background: #1A1A1A;
}

.mp-boft-advantages p {
    color: white;
}

.mp-non-active-tariff button {
    background: #121212;
    border: none;
    color: #E6A500;
}

.mp-our-reviews {
    display: flex;
    justify-content: center;
    background: #1F1F1F;
    padding-top: 80px;
    padding-bottom: 50px;
    border-bottom: 1px solid #E6A500;
}

.mp-our-reviews-group {
    max-width: 1500px;
    width: 100%;
}

.morg-head {
    padding-bottom: 50px;
}

.morg-head h2 {
    margin-block-start: 10px;
    margin-block-end: 10px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -1.5%;
    text-align: center;
    color: white;
}

.morg-head span {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -1%;
    text-align: center;
    color: #979AA0;
}

.morg-head-text {
    display: flex;
    justify-content: center;
}

.morgrvbh-img {
    width: 40px;
    height: 40px;
    background: #D1D9E2;
    border-radius: 50%;
}

.morgrvb-head {
    display: flex;
    align-items: center;
    gap: 20px;
}

.morgrvbh-text span {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.1px;
    text-align: center;
    color: #D1D9E2;

}

.morgrvbh-text p {
    margin-block-start: 0px;
    margin-block-end: 0px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0px;
    color: white;
}

.morgrvb-text p {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.1%;
    color: white;
    margin-block-start: 2em;
    margin-block-end: 3em;
}

.morgrvb-button a {
    padding: 12px 20px;
    background: #2A2A2A;
    color: #FFFFFF;
    border-radius: 10px;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0px;
    transition: all 0.3s ease;
    text-decoration: none;
    cursor: pointer;
}

/* .morgrv-block {
    border: 1px solid #323539;
    padding: 30px;
    border-radius: 10px;
    flex: 0 0 28%;
    height: 253px !important;
    transition: all 0.3s ease !important;
} */

.morgrv-block:hover {
    border: 1px solid #FFA629;
}

.morgrv-block:hover a {
    background: #E6A500;
    color: black;
}

.morg-reviews-blocks {
    display: flex;
    gap: 30px;
    padding-bottom: 50px;
}

.morgrb-slider {
    display: flex;
    flex-wrap: wrap;
}

.morgrv-pagination {
    position: relative !important;
}

.swiper-pagination-bullet {
    background: #F8F9FB !important;
    opacity: inherit !important;
}

.swiper-pagination-bullet-active {
    background: #E6A500 !important;
}

.mp-try-for-free {
    display: flex;
    justify-content: center;
    background: #121212;
    padding-top: 40px ;
}

.mp-try-for-free-group {
    max-width: 1500px;
    width: 100%;
}

.mtffg-head {
    text-align: center;
    color: white;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 27px;
    line-height: 40px;
    letter-spacing: -1.5%;
    text-align: center;
}

.mtffg-form {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 40px;
}

.mtffg-form input {
    max-width: 600px;
    width: 100%;
    background: #121212;
    color: #858C95;
    border: 1px solid #323539;
    border-radius: 10px 0px 0px 10px;
    padding: 12px 15px;   
}

.mtffg-form button {
        border-radius: 0px 10px 10px 0px;
        color: #121212;
}

.mtffg-tags {
    display: flex;
    justify-content: space-between;
    padding-bottom: 80px;
    gap: 30px;
}

.mtffgt-tag p {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;
    color: white;
}

.mp-footer {
    background: #121212;
    display: flex;
    justify-content: center;
    padding-top: 80px;
}

.mp-footer-group {
    max-width: 1500px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.mpfg-right-nav {
    display: flex;
    justify-content: space-between;
    width: 73%;
}

.bot-buttona-left {
    border-radius: 5px 0px 0px 5px !important;
}

.mpfgli-text p {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;
    color: #979AA0;
    /* text-align: justify; */
}

.mpfgrn-nav span {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;
    color: #999999;
    margin-bottom: 10px;
    white-space: nowrap;
}

.mpfgrn-nav a {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;
    color: #E6A500;
    cursor: pointer;
    text-decoration: none;
    max-width: 300px;
    transition: all 0.3s ease;
}

.mpfgrn-nav a:hover {
    color: white;
}

.mpfg-left-info {
    width: 17%;
}

.mpfgrn-nav {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.mpfgli-messangers {
    display: flex;
    gap: 20px;
    padding-top: 20px;
}

.mp-arrow-top {
    background: #121212;
    display: flex;
    justify-content: center;
    padding-top: 80px;
}

.mp-arrow-top-group {
    max-width: 1500px;
    width: 100%;
}

.matg-arrow {
    display: flex;
    justify-content: center;
}

.matg-politics p {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;
    text-align: center;
    color: #979AA0;
    margin-block-start: 2em;
    margin-block-end: 3em;
}

.all-tariffs-group {
    display: flex;
    justify-content: space-between;
    gap: 50px;
    padding-top: 30px;
}

.boft-border {
    height: 1px;
    background: #EAECF0;
    margin-top: 30px;
    margin-bottom: 30px;
}

.block-of-tariff.active {
    background: white;
    border: 1px solid #E6A500;
}

.boft-price {
    display: flex;
    align-items: center;
    gap: 5px;
}

.boft-advantages h4 {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 18.7px;
    line-height: 28.05px;
    letter-spacing: -1%;
    margin-block-start: 7px;
    margin-block-end: 7px;

}

.boft-text p {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22.44px;
    letter-spacing: -0.1%;
    color: #333333;
}

@media (max-width: 1350px) {
    .boft-text p {
        /* min-height: 120px; */
    }

}

.boft-price p {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16.83px;
    line-height: 100%;
    letter-spacing: 0%;
}

.notification-table {
    padding: 0px;
    border: none;
}

.boft-price span {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 33.66px;
    line-height: 28.05px;
    letter-spacing: -1%;

}

.boft-head h3 {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 18.7px;
    line-height: 28.05px;
    letter-spacing: -1%;
    text-transform: uppercase;
    margin-block-start: 7px;
    margin-block-end: 7px;
    color: #E6A500;
}

.boft-your-tarif {
    padding: 50px 0px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding-bottom: 10px;
}

.boft-your-tarif button {
    padding: 15px 30px;
    border: 1px solid #E5E5E7;
    background: #F8F9FB;
    outline: none;
    border-radius: 10px;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 14.02px;
    line-height: 20.57px;
    letter-spacing: -0.1%;
    vertical-align: middle;
    color: #E6A500;
    margin-bottom: 15px;
    cursor: pointer;
    white-space: nowrap;

}

.boft-your-tarif span {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 14.02px;
    line-height: 20.57px;
    letter-spacing: -0.1%;
    vertical-align: middle;
    color: #979AA0;
}

.butt-back-and-close {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.modal-back {
    color: #E6A500;
    font-weight: 400;
    font-size: 16px;
    line-height: 17.5px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: transparent;
    outline: none;
    border: none;
    font-family: "Roboto", sans-serif;
}

.modal-close {
    color: black;
    font-weight: 400;
    font-size: 35px;
    line-height: 17.5px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: transparent;
    outline: none;
    border: none;
    font-family: "Roboto", sans-serif;
}












header {
    background-color: #252525;
    color: white;
    padding: 15px 22px;
}

.account-top-menu {
    display: flex;
    justify-content: space-between;
}

.account-name-group {
    display: flex;
    flex-direction: column;
}

.search-button-settings {
    cursor: pointer;
}

.account-name {
    display: flex;
    align-items: center;
    gap: 70px;
    cursor: pointer;
}

.account-name-group p {
    margin-block-start: 5px;
    margin-block-end: 5px;
}

.account-notification {
    display: flex;
    align-items: center;
    border: 1px solid #323539;
    padding: 12px;
    border-radius: 6px;
    background-color: #2B2D2F;
    cursor: pointer;
    position: relative;
}

.unread-count {
    position: absolute;
    background: #E6A500;
    color: #fff ;
    font-size: 9px;
    border-radius: 50%;
    padding: 2px 5px;
    top: 34px;
    right: -6px;
}

.account-notification.active {
    background-color: #7d8388;
}

.account-tarifi-and-pay {
    display: flex;
    align-items: center;
    padding: 12px;
    border-radius: 6px;
    border: 1px solid #323539;
    cursor: pointer;
}
.account-buttons-group {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-left: 15px;
}
.account-logo-left img {
    width: 48px;
}
.account-menu-group {
    display: flex;
}
.main-left-navbar {
    width: 5%;
    /* height: 100vh; */
    min-height: 104vh;
    /* min-height: max-content; */
    background-color: #252525;
    color: #858C95;
    padding: 35px 0px;
    min-width: 95px;
}

.main-content-place {
    width: 95%;
    padding: 0px 30px;
    flex-grow: 1;
}

main {
    display: flex;
    position: relative;
    align-items: stretch;
    
}

.navbar-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.navbar-buttons a {
    text-decoration: none;
}

.menu-button-add span {
    white-space: nowrap;
}

.main-select-sform-otchet span {
    white-space: nowrap;
    min-width: 165px;
}

.navbar-buttons {
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    padding: 15px;
    gap: 8px;
    font-family: "Inter", sans-serif;
    cursor: pointer;
}

.bfs-input-group textarea {
    padding: 10px;
    border-radius: 6px;
    outline: none;
    border: 1px solid #E5E5E7;
    background: #F8F9FB;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0%;
}

.menu-button-add {
    background: #E6A500;
    color: white;
    padding: 12px 15px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 7px;
    cursor: pointer;
    
}

.menu-head {
    display: flex;
    align-items: center;
    gap: 10px;
}
.menu-head h1 {
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0%;
    vertical-align: middle;
    margin-block-start: 5px;
    margin-block-end: 5px;
    color: #333333;
}
.menu-table-sotrudniki {
    display: flex;
    gap: 15px;
}
.menu-table-search {
    display: flex;
    align-items: center;
    padding: 0px 15px;
    border: 1px solid #E9EBEF;
    border-radius: 6px;
    width: 66%;
    justify-content: space-between;
    gap: 10px;
}

.menu-table-search input {
    padding: 12px;
    outline: none;
    border: none;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.1px;
    color: #999999;
    width: 100%;

}

.menu-table-search button {
    padding: 0px;
    background: none;
    outline: none;
    border: none;
    cursor: pointer;
}

.menu-table-sotr-group {
    display: flex;
    justify-content: space-between;
    /* padding: 0px 22px; */
    padding-top: 47px;
    gap: 20px;
}
.main-select-sform-otchet {
    position: relative;
    /* display: flex;
    align-items: center; */
    padding: 12px;
    border: 1px solid #E9EBEF;
    border-radius: 6px;
    color: #999999;
    gap: 10px;
    cursor: pointer;
}

.main-search-butt-inp {
    display: flex;
    align-items: center;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

thead {
    background-color: #f2f2f2;
    color: #333;
    font-weight: bold;
}

th, td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    width: auto;
}



th {
    position: relative;
    color: #999999;
    background-color: #F9F9F9;
}

.sort-icon {
    font-size: 10px;
    vertical-align: middle;
    margin-left: 5px;
}

.middle-color {
    color: #EEA23E;
    padding: 5px 10px;
    background: #FFFAF2;
    border-radius: 8px;
}

.last-color {
    color: #C8322B;
    padding: 5px 10px;
    background: #FFEFEE;
    border-radius: 8px;
}

.action-button {
    background-color: #F9F9F9;
    border: 1px solid #E7E7E7;
    border-radius: 8px;
    color: #999999; 
    cursor: pointer;
    padding: 5px 10px;
    font-size: 14px;
    transition: background-color 0.3s ease;
}

.action-button:hover {
    background-color: #eaeaea;
}
.main-table-of-sotr {
    /* padding: 0px 22px; */
    padding-top: 30px;
    position: relative;
}
.table-first-th {
    color: black;
}

td {
    font-weight: 400;
    line-height: 17.14px;
    letter-spacing: 0%;
    vertical-align: middle;
}

.table-last-th button {
    background-color: transparent;
    outline: none;
    border: none;
    cursor: pointer;
}

/* .table-last-th {
    width: 10px;
} */

.select-sform-otchet {
    background-color: #F8F9FB;
    border: 1px solid #E5E5E7;
    padding: 15px;
    color: #323539;
    position: absolute; 
    top: 100%; 
    left: 0; 
    z-index: 10;
    width: 86%;
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    margin-top: 10px;
}

.select-sform-otchet span {
    padding: 13px 0px;
    cursor: pointer;
}

.select-header {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: space-between;
}

.arrow-icon {
    transition: transform 0.3s ease;
}

.arrow-icon.rotate {
    transform: rotate(180deg);
}
.table-setting-select {
    /* padding: 10px; */
    border-radius: 6px;
    background: #F8F9FB;
    border: 1px solid #E5E5E7;
    position: absolute;
    max-width: 220px;
    left: 80%;
    z-index: 10;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    pointer-events: none;
}

.table-setting-select.active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.tab-sett-head {
    padding: 15px;
}

.tab-sett-head span {
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.1px;
}

.tab-sett-col {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px;
    cursor: pointer;
    transition: background 0.3s;
}

/* Скрываем стандартный чекбокс */
.tab-sett-col input[type="checkbox"] {
    display: none;
}

/* Стиль кастомного чекбокса через label::before */
.tab-sett-col label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    user-select: none;
}

.tab-sett-col label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 2px solid #E5E5E7;
    background-color: white;
    border-radius: 4px;
    box-sizing: border-box;
    transition: background 0.3s, border 0.3s;
}

/* Галочка при активном чекбоксе */
.tab-sett-col input[type="checkbox"]:checked + label::before {
    background-color: #E6A500;
    border-color: #E6A500;
}

.tab-sett-col input[type="checkbox"]:checked + label::after {
    content: "";
    position: absolute;
    left: 2px;
    top: 45%;
    transform: translateY(-50%);
    color: white;
    /* font-size: 16px; */
    width: 16px;
    height: 16px;
    background-image: url("/local/templates/main_site/images/icons/check.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Оранжевый фон всего div при активном чекбоксе */
.tab-sett-col input[type="checkbox"]:checked ~ label {
    background-color: transparent; /* Не нужен фон на label */
}

.tab-sett-col input[type="checkbox"]:checked ~ label::before {
    background-color: #E6A500;
}

/* Сам div становится оранжевым */
.tab-sett-col.active {
    background-color: #F5ECD5;
}






.notification-table-checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px;
    cursor: pointer;
    transition: background 0.3s;
}

/* Скрываем стандартный чекбокс */
.notification-table-checkbox input[type="checkbox"] {
    display: none;
}

/* Стиль кастомного чекбокса через label::before */
.notification-table-checkbox label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    user-select: none;
}

.notification-table-checkbox label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 2px solid #E5E5E7;
    background-color: white;
    border-radius: 4px;
    box-sizing: border-box;
    transition: background 0.3s, border 0.3s;
}

/* Галочка при активном чекбоксе */
.notification-table-checkbox input[type="checkbox"]:checked + label::before {
    background-color: #E6A500;
    border-color: #E6A500;
}

.notification-table-checkbox input[type="checkbox"]:checked + label::after {
    content: "";
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    /* font-size: 16px; */
    width: 16px;
    height: 16px;
    background-image: url("/local/templates/main_site/images/icons/check.svg");
    background-size: contain;
    background-repeat: no-repeat;
}





.search-filt-checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 0px;
    cursor: pointer;
}

/* Скрываем стандартный чекбокс */
.search-filt-checkbox input[type="checkbox"] {
    display: none;
}

/* Стиль кастомного чекбокса через label::before */
.search-filt-checkbox label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    user-select: none;
}

.search-filt-checkbox label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 2px solid #E5E5E7;
    background-color: white;
    border-radius: 4px;
    box-sizing: border-box;
    transition: background 0.3s, border 0.3s;
}

/* Галочка при активном чекбоксе */
.search-filt-checkbox input[type="checkbox"]:checked + label::before {
    background-color: #E6A500;
    border-color: #E6A500;
}

.search-filt-checkbox input[type="checkbox"]:checked + label::after {
    content: "";
    position: absolute;
    left: 2px;
    top: 45%;
    transform: translateY(-50%);
    color: white;
    /* font-size: 16px; */
    width: 16px;
    height: 16px;
    background-image: url("/local/templates/main_site/images/icons/check.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Оранжевый фон всего div при активном чекбоксе */
.search-filt-checkbox input[type="checkbox"]:checked ~ label {
    background-color: transparent; /* Не нужен фон на label */
}

.search-filt-checkbox input[type="checkbox"]:checked ~ label::before {
    background-color: #E6A500;
}

.search-filters-modal {
    border-right: 1px solid #EEEEEE;
    background-color: #F9F9F9;
    padding: 15px 20px;
    position: absolute;
    left: 95px;
    max-width: 320px;
    width: 100%;
    z-index: 11;
    /* opacity: 0; */
    display: none;
}
/* Когда модальное окно будет активно */
.search-filters-modal.open {
    /* opacity: 1; */
    display: block;
}
.search-filt-head {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.s-f-checkbox-group-flex {
    padding: 7px 15px;
}
.s-f-checkbox-group-flex p {
    margin-block-start: 10px;
    margin-block-end: 10px;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0%;
    vertical-align: middle;
}

.search-filt-head p {
    font-family: Roboto;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0%;
    vertical-align: middle;
}

.search-filt-head button {
    padding: 10px;
    background: white;
    outline: none;
    border: 1px solid #E5E5E7;
    border-radius: 6px;
}

.block-of-kolvo {
    display: flex;
    align-items: end;
    padding: 20px;
    background: #FFFFFF;
    border: 1px solid #E5E5E7;
    border-radius: 12px;
    gap: 15px;
    width: 100%;

}

.bok-head-and-numbers span {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.1px;
    font-family: "Inter", sans-serif;
    color: #858C95;

}

.bok-head-and-numbers p {
    margin-block-start: 5px;
    margin-block-end: 5px;
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: -1%;
    font-family: "Inter", sans-serif;
}

.main-statistiks {
    /* padding: 0px 22px; */
    display: flex;
    justify-content: space-between;
    gap: 25px;
    padding-top: 50px;
}

.bok-with-icon {
    padding: 13px;
    background: #E6A500;
    border-radius: 6px;
}

.bok-with-icon-red-status {
    background: #C8322B ;
}

.block-of-kolvo-red-status {
    background: #FFEFEE;
}

.bnfa-text p {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0px;
    margin-block-start: 0px;
    margin-block-end: 0px;
}

.bnfa-text span {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.1px;
    color: #858C95;
}

.block-notification-of-access {
    /* padding: 0px 22px; */
    background: #F9EAC5;
    border: 1px solid #E6A500;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    margin-top: 30px;
}

.bnfa-button {
    padding: 15px;
    background: #E6A500;
    color: white;
    border-radius: 6px;
    border: none;
    outline: none;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    cursor: pointer;
}

.bgg-left-grafics {
    /* padding: 20px; */
    background: #FFFFFF;
    border: 1px solid #E5E5E7;
    border-radius: 12px;
    width: 20%;
    min-width: 235px;
}

.bgglg-circle-graf-maxwd {
    margin: 0 auto;
    max-width: 200px;
    min-width: 200px;
}

.bgglg-circle-graf-group {
    padding: 20px;
}

.bgglg-circle-head {
    padding: 20px;
    border-bottom: 1px solid #E5E5E7;
}

.bgglg-circle-grafics h3 {
    margin-block-start: 0px;
    margin-block-end: 0px;
}

.bgglg-circle-graf-group li {
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #E5E5E7;
    display: flex;
    justify-content: space-between;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0%;

}

.bgglg-circle-graf-group li:last-child {
    border-bottom: none;
    padding-bottom: 0px;
}

.block-group-grafics {
    padding-top: 30px;
}

.block-group-grafics {
    display: flex;
    gap: 30px;
}

.bggrtb-ws-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bggrtb-ws-stats-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bggrtb-ws-head p {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;
}

.bggrtb-ws-stats-line p {

    font-family: "Inter", sans-serif;
    color: #858C95;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.1px;
    margin-block-start: 10px;
    margin-block-end: 10px;

}

.bggrtb-ws-head span {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.1px;

    color: #858C95;
}

.bgg-rg-top {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 20px;
}

.bgg-rg-bottom {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

/* .progress-bar {
    width: 60%;
    height: 5px;
    background: orange;
    border-radius: 12px;
} */
.progress-bar {
    width: 65%;
    height: 6px;
    background-color: #e5ebf0; /* светло-серый фон */
    border-radius: 4px;
    overflow: hidden;
  }
  
  .progress-fill {
    height: 100%;
    background-color: #E6A500; /* желтая полоса */
    width: 0%; /* эта ширина будет изменяться */
    transition: width 0.3s ease;
  }

.bggrt-block-with-stats {
    padding: 20px;
    border: 1px solid #E5E5E7;
    border-radius: 12px;
    /* max-width: 460px; */
    width: 100%;
}

.bgg-right-grafics {
    width: 80%;
}

.block-form-settings-left {
    /* padding: 20px;
    border-radius: 12px;
    border: 1px solid #E5E5E7; */
    width: 80%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.bfnr-noticication-form {
    display: flex;
    flex-direction: column;
    gap: 36px;
}

.bfs-two-factor-switch {
    display: flex;
    gap: 30px;
    margin-bottom: 25px;
}

.bfs-two-factor-switch span {
    font-family: "Inter", sans-serif;
    color: #5F6D7E;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15%;
    
}

.bfs-head h3 {
    margin-block-start: 0px;
    margin-block-end: 20px;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;

}

.bfs-input-group {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.bfs-input-flex {
    display: flex;
    gap: 30px;
    padding-bottom: 15px;
}

.bfs-input-group input {
    padding: 10px;
    border-radius: 6px;
    outline: none;
    border: 1px solid #E5E5E7;
    background: #F8F9FB;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0%;
}

.bfs-input-group div {
    background: #F8F9FB;
    color: #858C95;
}

.bfs-input-group label {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.1px;
    padding-bottom: 5px;
}


form button {
    border: none;
    border-radius: 6px;
    outline: none;
    background: #E6A500;
    color: white;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    padding: 10px 20px;
    cursor: pointer;
}

.bfnr-head h3 {
    margin-block-start: 0px;
    margin-block-end: 20px;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;
}

.input-error {
    border: 1px solid red !important;
}

.error-message {
    color: red !important;
    background: none !important;
    font-size: 12px;
    margin-bottom: 5px;
}

.block-form-notification-right {
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #E5E5E7;
    width: 20%;
}

.main-settings-place {
    display: flex;
    gap: 30px;
    padding-top: 50px;
}

.bfs-input-group .main-select-sform-otchet {
    margin-bottom: 15px;
}

.bfnr-switch-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0;
    font-family: sans-serif;
    font-size: 16px;
    color: #5A6872;
    margin-bottom: 20px;
}

.bfnr-switch {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 24px;
}

.bfnr-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.bfnr-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 34px;
}

.bfnr-slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

input:checked + .bfnr-slider {
    background-color: #E6A500; /* Оранжевый */
}

input:checked + .bfnr-slider:before {
    transform: translateX(18px);
}

.bfnr-button-submit {
    display: flex;
    justify-content: end;
}

.bfs-form-settings-group {
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #E5E5E7;
}

.mcp-support-group {
    padding-top: 50px;
}

.block-type-support {
    padding: 30px 0px;
}

.bts-buttons span {
    font-family: "Inter", sans-serif;
    color: #858C95;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0px;
    padding-bottom: 11px;
    cursor: pointer;
}

.bts-buttons.active span {
    border-bottom: 2px solid #E6A500;
    color: #E6A500;
}

.bts-flex {
    display: flex;
    gap: 20px;
    border-bottom: 1px solid #E5E5E7; 
    padding-bottom: 10px;
}

.bz-icon-background {
    border-radius: 50%;
    background: #E6A500;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    max-width: 38px;
}

.block-znaniy {
    padding: 20px;
    border: 1px solid #E5E5E7;
    border-radius: 12px;
    flex: 0 0 22%;
}

.blocks-with-base-znaniy {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.bz-head h3 {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: -1%;
    color: #323539;
}

.bz-text-info p {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;
    color: #858C95;
}


.modal-success-support {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.modal-success-content-support {
    background: white;
    padding: 20px 30px;
    border-radius: 8px;
    text-align: center;
    max-width: 475px;
    width: 90%;
    border: 1px solid #d0d0d4;
}

.modal-success-content-support h2 {
    font-weight: 500;
    font-size: 30px;
    line-height: 42.86px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 10px;
    
}

.modal-success-content-support p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    
    margin-bottom: 20px;
}

.modal-success-content-support button {
    background-color: #eba600;
    color: white;
    border: none;
    padding: 24px;
    border-radius: 6px;
    cursor: pointer;
    width: 100%;
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
}



.bofta-list-adv.active span {
    background: #E6A500;
    border: none;
}

.bofta-list-adv {
    display: flex;
    align-items: center;
    gap: 15px;
}

.bofta-list-adv p {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 14.96px;
    line-height: 22.44px;
    letter-spacing: -0.1%;
    margin-block-start: 7px;
    margin-block-end: 7px;
}

.block-of-tariff {
    background: #F8F9FB;
    border: 1px solid #E5E5E7;
    border-radius: 12px;
    padding: 40px;
}

.bofta-list-adv strong {
    color: #E6A500;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 14.96px;
    line-height: 22.44px;
    letter-spacing: -0.1%;
}

.non-active-tariff span {
    font-family: "Inter", sans-serif;
    font-weight: 400 !important;
    font-size: 13.77px !important;
    line-height: 23.3px !important;
    letter-spacing: 0px !important;
}

.account-control-managers {
    padding: 10px;
    background: #F8F9FB;
    border: 1px solid #E5E5E7;
    color: black;
    border-radius: 12px;
    display: none;
    flex-direction: column;
    position: absolute;
    top: 10%;
    z-index: 11;
    max-width: 260px;
    width: 100%; 
}

.account-control-managers a {
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
}

.shevron-icon {
    transition: transform 0.3s;
}

.account-name.active .shevron-icon {
    transform: rotate(180deg);
}

.account-control-managers.active {
    display: flex;
}

.overlay-managers {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    z-index: 999;
    justify-content: center;
    align-items: center;
}

.popup-managers {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 30px;
    /* max-width: 415px; */
    width: 45%;
    border: 1px solid #E5E5E7;
    position: relative;
}

.manager-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    padding: 5px 0px;
    cursor: pointer;
}

.manager-info {
    display: flex;
    flex-direction: column;
}

.manager-email {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;

}

.manager-role {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.1px;
    color: #858C95;

}

.delete-icon {
    cursor: pointer;
}

.delete-icon img {
    width: 20px;
    height: 20px;
}

.add-button {
    display: block;
    width: 100%;
    margin-top: 20px;
    background-color: #f2a100;
    color: white;
    font-weight: bold;
    border: none;
    border-radius: 4px;
    padding: 15px;
    cursor: pointer;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    transition: background-color 0.3s;
    font-family: "Roboto", sans-serif;
}

.add-button:hover {
    background-color: #d28d00;
}

.close-popup {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 18px;
    color: #999;
    cursor: pointer;
}
.close-popup:hover {
    color: #333;
}
.form-buttons {
    display: flex;
    justify-content: space-between;
}

.form-buttons button {
    width: 48%;
}

#cancel-btn {
    background: transparent;
    color: black;
    border: 1px solid #E5E5E7;
}

#edit-cancel-btn {
    background: transparent;
    color: black;
    border: 1px solid #E5E5E7;
}

.account-notification-list {
    border: 1px solid #D1D9E2;
    background: #F8F9FB;
    border-radius: 12px;
    position: absolute;
    z-index: 10;
    right: 9%;
    top: 10%;
    display: none;
}

.account-notification-list.active {
    display: block;
}

.anl-item {
    border-bottom: 1px solid #D1D9E2;
    padding: 15px 25px;
    color: black;
}

.anl-item:last-child {
    border-bottom: none;
}

.anl-item h5 {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15%;
    margin-block-start: 5px;
    margin-block-end: 5px;
    color: #2E3646;
}

.anl-item p {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.1%;
    color: #5F6D7E;
    max-width: 330px;
}

.anl-item span {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.1%;
    color: #5F6D7E;
}

.add-sotrudnik-modal {
    border-right: 1px solid #EEEEEE;
    background-color: #F9F9F9;
    padding: 15px 20px;
    position: absolute;
    left: 95px;
    z-index: 11;
    /* opacity: 0; */
    display: none;
}

.add-sotrudnik-select {
    margin-bottom: 0px !important;
}

.add-sotrudnik-buttons {
    display: flex;
    justify-content: end;
    gap: 10px;
    padding-top: 25px;
    padding-bottom: 50px;
}

.asb-cancel-button {
    background: white;
    color: black;
    border: 1px solid #E5E5E7;
}

.add-sotrudnik-modal.open {
    display: block;
}

.add-sotrudnik-modal-yurlico {
    height: 97%;
}

.index-respas-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    z-index: 10;
    justify-content: center;
    align-items: center;
}

.index-respas-modal {
    border-right: 1px solid #EEEEEE;
    background-color: #F9F9F9;
    padding: 20px 60px;
    position: absolute;
    right: 0px;
    z-index: 11;
    top: 0px;
    max-width: 480px;
    display: none;
    height: 100%;
    width: 100%;
}

.index-auth-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    z-index: 10;
    justify-content: center;
    align-items: center;
}

.index-register-modal form, .index-auth-modal form, .index-respas-modal form{
    zoom: 85%;
}

.index-auth-modal {
    border-right: 1px solid #EEEEEE;
    background-color: #F9F9F9;
    padding: 20px 60px;
    position: absolute;
    right: 0px;
    z-index: 11;
    top: 0px;
    max-width: 480px;
    display: none;
    height: 100%;
    width: 100%;
}

.index-reg-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    z-index: 10;
    justify-content: center;
    align-items: center;
}

.index-register-modal {
    border-right: 1px solid #EEEEEE;
    background-color: #F9F9F9;
    padding: 20px 60px;
    position: absolute;
    right: 0px;
    z-index: 11;
    top: 0px;
    max-width: 480px;
    display: none;
}

.irm-head {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #EBECED;
    margin-bottom: 50px;
}

.irm-input-flex input {
    margin-bottom: 30px;
    padding: 15px 10px;
}
.irm-button-reg button {
    padding: 20px;
    width: 100%;
}

.irm-registration-or-signin {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
    padding-bottom: 30px;
}

.politic-sogl {
    padding: 15px 0px;
}

.irm-info {
    display: flex;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 17.14px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    color: #ABABAB;
}

.irm-registration-or-signin span {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
}

.irm-registration-or-signin a {
    font-weight: 400;
    font-size: 12.3px;
    line-height: 17.5px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: #E6A500;
    text-decoration: none;
    cursor: pointer;
}
.irm-button-reg button {
    font-family: Roboto;
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    transition: all 0.3s ease;
}

.irm-button-reg button:hover {
    color: black;
}
.politic-sogl label {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    vertical-align: middle;
}

.irm-head h2 {
    font-weight: 500;
    font-size: 30px;
    line-height: 42.86px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
}

.irm-info span {
    max-width: 270px;
}

.irm-info a {
    color: #ABABAB;
}

.iam-zm-group {
    DISPLAY: flex;
    align-items: center;
    justify-content: space-between;
}

.iam-zm-group a {
    color: #E6A500;
    font-weight: 400;
    font-size: 12.3px;
    line-height: 17.5px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;

}

.index-register-modal,
.index-auth-modal,
.index-respas-modal {
    opacity: 0;
    transform: translateX(0%);
    transition: opacity 0.3s ease, transform 0.3s ease;
    display: block; 
    pointer-events: none; 
}

.modal-active {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}

.index-reg-overlay,
.index-auth-overlay,
.index-respas-overlay {
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex; 
    pointer-events: none;
}

.overlay-active {
    opacity: 1;
    pointer-events: auto;
}

.irm-info-respas {
    margin-top: 30px;
}

/* index */

.main-page-header {
    display: flex;
    justify-content: center;
    background: #181818;
    border-bottom: 1px solid #323539;
}

.main-page-header-group {
    max-width: 1500px;
    width: 100%;
}

.mphg-logo-and-nav {
    display: flex;
    align-items: center;
    /* gap: 70px; */
    justify-content: space-between;
}

.mphglan-nav img {
    margin-right: 30px;
    max-width: 100px;
}

.mpfgli-logo img {
    width: 60%;
}

.privacy-policy h2 {
    color: #FFFFFF;
}

.mphglan-nav {
    display: flex;
    gap: 40px;
    align-items: center;
}

.mphglan-nav a {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0px;
    text-decoration: none;
}

.mphgraa-buttons a:first-child {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #D99A00;
    cursor: pointer;
    text-decoration: none;
}

.mphgraa-buttons a:last-child {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #121212;
    background: #E6A500;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.3s ease;
}

.mphgraa-buttons a:hover {
    color: white;
}

.mphgraa-buttons {
    display: flex;
    align-items: center;
    gap: 20px;
}

.main-page-main {
    background: #181818;
    display: flex;
    justify-content: center;
}

.mp-digital-platform {
    max-width: 1500px;
    width: 100%;
    padding-bottom: 70px;
}

.mpdp-text span {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 60px;
    line-height: 67px;
    letter-spacing: -2%;
    color: white;
}

.mpdp-text p {
    color: #979AA0;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.1px;
    margin-block-start: 2.5em;
    margin-block-end: 2.5em;

}

.mpdp-buttons a:first-child {
    background: #E6A500;
    color: #121212;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0px;
    padding: 15px 15px;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;
}

.mpdp-buttons-first {
    background: #E6A500 !important;
    color: #121212 !important;
    cursor: pointer;
}

.mpdp-buttons a:last-child {
    background: #252525;
    border: 1px solid #323539;
    color: white;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0px;
    padding: 15px 15px;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;
}

.mpdp-text {
    padding-top: 70px;
}

.mp-personal-account {
    /* max-width: 1500px;
    width: 100%; */
    display: flex;
    justify-content: center;
}

.mppa-main-panel-lk {
    display: flex;
    max-width: 1300px;
}

.mppa-group {
    /* display: flex;
    justify-content: center; */
}

.mppa-top-panel-mac {
    background-color: #2B2D2F;
    border: 1px solid #4d5154;
    border-radius: 10px 10px 0px 0px;
    height: 25px;
    max-width: 1300px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}

.mppatpm-circle-red {
    width: 11px;
    height: 11px;
    background: #EC6A5E;
    border-radius: 50%;
    margin-left: 10px;
}

.mppatpm-circle-yellow {
    width: 11px;
    height: 11px;
    background: #F5BF4F;
    border-radius: 50%;
}

.mppatpm-circle-green {
    width: 11px;
    height: 11px;
    background: #61C554;
    border-radius: 50%;
}

.mp-left-navbar-personal-account {
    min-height: auto !important;
}

.mp-main-content-place-personal-account {
    background: white;
}

.mp-searc-filters-modal {
    left: 21%;
    max-height: 424px;
    overflow: auto;
}

.mp-table-setting-select {
    left: 75%;
    top: 19%;
    max-height: 310px;
    overflow: auto;
}

.mp-add-sotrudnik-modal {
    left: 21%;
    max-height: 424px;
    overflow: auto;
}

.mp-main-table-of-sotr th {
    font-size: 14px;
}

.mp-main-table-of-sotr td {
    font-size: 14px;
}

.mpdp-buttons {
    display: flex;
    gap: 20px;
}

.mpp-head {
    text-align: center;
    padding-bottom: 60px;
}

.mpp-head h2 {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -1.5%;
    text-align: center;
    color: white;
    margin-block-start: 10px;
    margin-block-end: 10px;
}

.mpp-head span {
    font-family: "Inter", sans-serif;
    color: #979AA0;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -1%;
    text-align: center;
}

.mp-possibilities {
    padding-top: 50px;
    padding-bottom: 50px;
    /* border-bottom: 1px solid #E6A500; */
    max-width: 1500px;
}

.mpp-blocks-group {
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
}

.overflow-off {
    overflow: hidden;
}

.mpp-blocks {
    /* border: 1px solid #E6A500; */
    border: 1px solid #323539;
    padding: 50px 30px;
    border-radius: 10px;
    background-color: #121212;
    transition: all 0.3s ease;
    flex: 0 0 19%;
}

.mpp-blocks:hover {
    border: 1px solid #E6A500;
    background: #252525;
}

.mppb-text p {
    color: #979AA0;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;

}

.mppb-text h4 {
    color: white;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -1%;
    max-width: max-content;

}

.mppb-icon {
    background: #25252599;
    width: 11%;
    display: flex;
    padding: 10px;
    border-radius: 10px;
}

.mpp-butt-show-more {
    display: flex;
    justify-content: center;
    padding-top: 50px;
}

.mpp-butt-show-more a {
    /* color: #F9F9F9;
    background: #252525;
    border: 1px solid #323539;
    padding: 15px 25px;
    border-radius: 5px;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0px;
    cursor: pointer; */

    background: #E6A500;
    color: #121212;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0px;
    padding: 15px 15px;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;
}

.mp-advantages {
    border-top: 1px solid #E6A500;
    border-bottom: 1px solid #E6A500;
    background: #1F1F1F;
    padding-top: 50px;
    padding-bottom: 50px;
    display: flex;
    justify-content: center
}

.mp-advantages-group {
    max-width: 1500px;
    width: 100%;
}

.mpag-left {
    width: 50%;
    padding: 0px 50px;
    /* border: 2px solid #323539;
    background: #2A2A2A; */
    border-radius: 20px;
    display: block;
}

.mpag-left-and-right-group {
    display: flex;
    gap: 100px;
}

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

.mpagl-head h4 {
    color: white;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -1.5%;
}

.mpagrb-icon {
    padding: 7px 8px;
    background: #2B2D2F;
    border-radius: 50px;
}

.mpag-right {
    /* width: 100%; */
    flex-wrap: wrap;
    display: flex;
    gap: 50px;
}

.mpagl-content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

.mpagl-content {
    height: 100%;
}

.mpagr-block {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding-bottom: 25px;
    /* flex: 0 0 48%; */
    flex: 0 0 90%;
}

.mpagrb-text h4 {
    margin-block-start: 0em;
    margin-block-end: 0em;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: -1%;
    color: white;
    transition: all 0.3s ease;
}

.mpagrb-text p {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;
    color: white;
}

.mpagrb-text a {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0px;
    color: white;
    transition: all 0.3s ease;
    text-decoration: none;
    cursor: pointer;
}

.mpagr-block:hover a {
    color: #E6A500;
}

.mpagr-block:hover h4 {
    color: #E6A500;
}

.mp-trust {
    background: #1A1A1A;
    display: flex;
    justify-content: center;
    padding-top: 80px;
    padding-bottom: 80px;
    border-bottom: 1px solid #E6A500;

}

.mptlarg-right {
    /* background: #2A2A2A;
    border: 2px solid #323539; */
    border-radius: 10px;
    /* height: 520px; */
    width: 50%;
}

.mptlargl-head h2 {
    margin-block-start: 0em;
    margin-block-end: 0em;
    color: white;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -1.5%;
}

.mptlargl-text p {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -1%;
    color: white;
}

.mptlarg-left {
    width: 75%;
}

.mpt-left-and-right-group {
    max-width: 1500px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 50px;
}

.mp-tariff-constructor {
    background: #121212;
    display: flex;
    justify-content: center;
    padding-top: 80px;
    padding-bottom: 80px;
    border-bottom: 1px solid #E6A500;
}

.mp-tariff-constructor-group {
    max-width: 1500px;
    width: 100%;
}

.mptcg-head-text {
    display: flex;
    justify-content: center;
}

.mptcg-head h2 {
    margin-block-start: 10px;
    margin-block-end: 10px;
    color: white;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -1.5%;
    text-align: center;
}

.mptcg-head span {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -1%;
    text-align: center;
    color: #979AA0;
}

.mptcg-buttons a:first-child {
    background: #E6A500;
    color: #121212;
    padding: 10px 16px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.1%;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
}

.mptcg-buttons a:last-child {
    background: transparent;
    color: white;
    padding: 10px 16px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.1%;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
}

.mptcg-buttons {
    display: flex;
    justify-content: center;
    padding-top: 50px;
    /* padding-bottom: 50px; */
}

.mp-block-of-tarif:hover {
    background: #1A1A1A;
    border: 1px solid #E6A500;
}

.mp-block-of-tarif:hover button {
    background: #E6A500;
    color: #1A1A1A;
    border: none;
}

.mp-block-of-tarif {
    background: #1A1A1A;
    border: 1px solid #323539;
    transition: all 0.3s ease;
}

.mp-block-of-tarif button {
    transition: all 0.3s ease;
}

.mp-boft-price {
    color: white;
}

.mp-boft-text p {
    color: white !important;
}

.mp-boft-advantages h4 {
    color: white;
}

.mp-boft-advantages span {
    color: #1A1A1A;
    background: #1A1A1A;
}

.mp-boft-advantages p {
    color: white;
}

.mp-non-active-tariff button {
    background: #121212;
    border: none;
    color: #E6A500;
}

.mp-our-reviews {
    display: flex;
    justify-content: center;
    background: #1F1F1F;
    padding-top: 80px;
    padding-bottom: 50px;
    border-bottom: 1px solid #E6A500;
}

.mp-our-reviews-group {
    max-width: 1500px;
    width: 100%;
}

.morg-head {
    padding-bottom: 50px;
}

.morg-head h2 {
    margin-block-start: 10px;
    margin-block-end: 10px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -1.5%;
    text-align: center;
    color: white;
}

.morg-head span {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -1%;
    text-align: center;
    color: #979AA0;
}

.morg-head-text {
    display: flex;
    justify-content: center;
}

.morgrvbh-img {
    width: 40px;
    height: 40px;
    /* background: #D1D9E2; */
    border-radius: 50%;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.morgrvb-head {
    display: flex;
    align-items: center;
    gap: 20px;
}

.morgrvbh-text span {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.1px;
    text-align: center;
    color: #D1D9E2;

}

.morgrvbh-text p {
    margin-block-start: 0px;
    margin-block-end: 0px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0px;
    color: white;
}

.morgrvb-text p {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.1%;
    color: white;
    margin-block-start: 2em;
    margin-block-end: 3em;
}

.morgrvb-button a {
    padding: 12px 20px;
    background: #2A2A2A;
    color: #FFFFFF;
    border-radius: 10px;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0px;
    transition: all 0.3s ease;
    text-decoration: none;
    cursor: pointer;
}

.morgrv-block {
    border: 1px solid #323539;
    padding: 30px;
    border-radius: 10px;
    min-height: 330px !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.3s ease !important;
    box-sizing: border-box;
}

.morgrv-block:hover {
    border: 1px solid #FFA629;
}

.morgrv-block:hover a {
    background: #E6A500;
    color: black;
}

.morg-reviews-blocks {
    display: flex;
    gap: 30px;
    padding-bottom: 50px;
}

.morgrb-slider {
    display: flex;
    flex-wrap: wrap;
}

.morgrv-pagination {
    position: relative !important;
}

.swiper-pagination-bullet {
    background: #F8F9FB !important;
    opacity: inherit !important;
}

.swiper-pagination-bullet {
    margin-bottom: 10px !important;
}

.swiper-pagination-bullet-active {
    background: #E6A500 !important;
}

.mppb-group-head h4 {
    color: white;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -1%;
    max-width: max-content;
}

.mppbg-flex-center {
    display: flex;
    align-items: center;
    gap: 50px;
}

.mp-try-for-free {
    display: flex;
    justify-content: center;
    background: #121212;
    padding-top: 40px;
}

.mp-try-for-free-group {
    max-width: 1500px;
    width: 100%;
}

.mtffg-head {
    text-align: center;
    color: white;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 27px;
    line-height: 40px;
    letter-spacing: -1.5%;
    text-align: center;
}

.mtffg-form {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 40px;
}

.mtffg-form input {
    max-width: 600px;
    width: 100%;
    background: #121212;
    color: #858C95;
    border: 1px solid #323539;
    border-radius: 10px 0px 0px 10px;
    padding: 12px 15px;   
}

.mtffg-form button {
        border-radius: 0px 10px 10px 0px;
        color: #121212;
}

.mtffg-tags {
    display: flex;
    justify-content: space-between;
    padding-bottom: 80px;
    gap: 30px;
}

.mtffgt-tag p {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;
    color: white;
}

.mp-footer {
    background: #121212;
    display: flex;
    justify-content: center;
    padding-top: 80px;
}

.mp-footer-group {
    max-width: 1500px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.mpfg-right-nav {
    display: flex;
    justify-content: flex-start;
    gap: 150px;
    width: 73%;
}

.mpfgli-text p {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;
    color: #979AA0;
}

.mpfgrn-nav span {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -1%;
    color: #999999;
    margin-bottom: 10px;
}

.mpfgrn-nav a {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;
    color: #E6A500;
    cursor: pointer;
    text-decoration: none;
    max-width: 300px;
}

.mpfg-left-info {
    width: 17%;
}

.mpfgrn-nav {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.mpfgli-messangers {
    display: flex;
    gap: 20px;
    padding-top: 20px;
}

.mp-arrow-top {
    background: #121212;
    display: flex;
    justify-content: center;
    padding-top: 80px;
}

.mp-arrow-top-group {
    max-width: 1500px;
    width: 100%;
}

.matg-arrow {
    display: flex;
    justify-content: center;
}

.matg-politics p {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;
    text-align: center;
    color: #979AA0;
    margin-block-start: 2em;
    margin-block-end: 3em;
}

.all-tariffs-group {
    display: flex;
    justify-content: space-between;
    gap: 50px;
    padding-top: 30px;
}

.boft-border {
    height: 1px;
    background: #EAECF0;
    margin-top: 30px;
    margin-bottom: 30px;
}

.block-of-tariff.active {
    background: white;
    border: 1px solid #E6A500;
}

.boft-price {
    display: flex;
    align-items: center;
    gap: 5px;
}

.boft-advantages h4 {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 18.7px;
    line-height: 28.05px;
    letter-spacing: -1%;
    margin-block-start: 7px;
    margin-block-end: 7px;

}

.boft-text p {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22.44px;
    letter-spacing: -0.1%;
    color: #333333;
}

@media (max-width: 1350px) {
    .boft-text p {
        /* min-height: 120px; */
    }

}

.boft-price p {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16.83px;
    line-height: 100%;
    letter-spacing: 0%;
}

.notification-table {
    padding: 0px;
    border: none;
}

.boft-price span {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 33.66px;
    line-height: 28.05px;
    letter-spacing: -1%;

}

.boft-head h3 {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 18.7px;
    line-height: 28.05px;
    letter-spacing: -1%;
    text-transform: uppercase;
    margin-block-start: 7px;
    margin-block-end: 7px;
    color: #E6A500;
}

.boft-your-tarif {
    padding: 50px 0px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding-bottom: 10px;
}

.boft-your-tarif button {
    padding: 15px 30px;
    border: 1px solid #E5E5E7;
    background: #F8F9FB;
    outline: none;
    border-radius: 10px;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 14.02px;
    line-height: 20.57px;
    letter-spacing: -0.1%;
    vertical-align: middle;
    color: #E6A500;
    margin-bottom: 15px;
    cursor: pointer;
    white-space: nowrap;
}

.boft-your-tarif a:first-child {
    padding: 15px 30px;
    border: 1px solid #E5E5E7;
    background: #F8F9FB;
    outline: none;
    border-radius: 10px;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 14.02px;
    line-height: 20.57px;
    letter-spacing: -0.1%;
    vertical-align: middle;
    color: #E6A500;
    margin-bottom: 15px;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    transition: all 0.3s ease;
}

.boft-your-tarif a:hover {
    background: #E6A500;
    color: black;
    border: #E6A500;
}

.boft-your-tarif a:last-child {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 14.02px;
    line-height: 20.57px;
    letter-spacing: -0.1%;
    vertical-align: middle;
    color: #979AA0;
    text-decoration: none;
    transition: all 0.3s ease;
}

.boft-your-tarif a:last-child:hover {
    color: white;
    background: none;
}

.boft-your-tarif span {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 14.02px;
    line-height: 20.57px;
    letter-spacing: -0.1%;
    vertical-align: middle;
    color: #979AA0;
}

.index-register-modal, .index-auth-modal, .index-respas-modal {
    height: 110vh;
    overflow: auto;
}

.index-register-modal {
    overflow: hidden !important;
}

/* Страница О компании */


.mpdp-about-company p {
    max-width: 590px;
}

.mpdp-about-group {
    display: flex;
    justify-content: space-between;
    padding-top: 100px;
}

.mppa-top-panel-mac-about {
    max-width: 800px;
}

.mppa-main-panel-lk-about {
    max-width: 800px;
}

.main-content-place-about {
    width: 79%;
}

.menu-table-sotr-group-about {
    overflow: hidden;
}

.main-table-of-sotr-about {
    overflow: auto;
}

.mp-about-what-predl {
    display: flex;
    justify-content: center;
    background: #1A1A1A;
    padding-top: 50px;
    padding-bottom: 50px;
}

.mp-about-what-predl-group {
    max-width: 1500px;
    width: 100%;
}

.mpawpg-head h2 {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -1.5%;
    color: #F9F9F9;
}

.mpawpg-text ul {
    padding-inline-start: 20px;
}

.mpawpg-text {
    padding-bottom: 50px;
}

.mpawpg-text li {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -1%;
    color: #979AA0;
}

.mpawpg-first {
    max-width: 760px;
    height: 219px;
    width: 100%;
    border: 1px solid #323539;
    background: #2A2A2A;
    border-radius: 12px;
}

.mpawpg-medium {
    max-width: 412px;
    height: 219px;
    width: 100%;
    border: 1px solid #323539;
    background: #2A2A2A;
    border-radius: 12px;
}

.mpawpg-last {
    max-width: 412px;
    height: 219px;
    width: 100%;
    border: 1px solid #323539;
    background: #2A2A2A;
    border-radius: 12px;
}

.mpawpg-content {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 20px;
}

.mpfg-left-info {
    width: 21% !important;
}

.mpawpg-revers {
    flex-direction: row-reverse;
}

.mptcgacb-img {
    height: 270px;
    /* max-width: 385px; */
    width: 100%;
    background-color: #2A2A2A;
    border-radius: 12px;
    background-repeat: no-repeat;
    background-size: cover;
        background-position: center;
}

.mptcgacb-text {
    padding-top: 15px;
}

.mptcgacb-text span {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 13.28px;
    line-height: 18.97px;
    letter-spacing: -0.09px;
    color: #979AA0;
}

.mptcg-about-content {
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
    gap: 20px;
    padding-top: 70px;
}

.mptcgac-block {
    flex: 0 0 32%;
    margin-bottom: 20px;
}

.mptcgacb-text p {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 20.87px;
    line-height: 28.46px;
    letter-spacing: -1%;
    color: #FFFFFF;
}

.mptcgacb-text p {
     display: -webkit-box;           /* включаем флекс-контейнер */
    -webkit-box-orient: vertical;   /* вертикальная ориентация */
    -webkit-line-clamp: 2;          /* показывать только 2 строки */
    overflow: hidden;               /* скрыть лишнее */
    text-overflow: ellipsis;        /* добавить "..." */
}

.mptcgacb-text a {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 14.23px;
    line-height: 20.87px;
    letter-spacing: 0px;
    color: #979AA0;
}

.mptc-about {
    border-top: 1px solid #E6A500;
}


/* Страница Тарифы И Возможности */

.mp-possibilities-t-a-v {
    padding: 0px 20px;
    padding-top: 150px;
}

.mp-tariff-constructor-t-a-v {
        border-top: 1px solid #E6A500;
}

/* Страница Статья */


.mp-tariff-constructor-article {
    border: none;
    padding-top: 30px;
}

.container-article h2, p, h3, ol, ul{
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;
    color: #FFFFFF;
}

.banner-main {
    width: 50%;
}

.mpm-max-group {
    max-width: 1500px;
    width: 100%;
}

.banner-main-block img {
    width: 100%;
    height: 500px;
    object-fit: scale-down;
}

.vozmozhnosti-blocks {
    flex: 0 0 96%;
    display: flex;
    gap: 50px;
}

.vozmozhnosti-blocks .mppb-icon {
    width: 9%;
    zoom: 200%;
}

.mppbvb-group {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.price-skidka span {
    text-decoration: line-through;
    font-size: 30px;
}

.price-skidka p {
    text-decoration: line-through;
    font-size: 14px;
}

.mptcg-block-tariffs-skidka {
    display: none;
}

.buttons-of-tariffs a {
    background: transparent;
    color: white;
    padding: 10px 16px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.1%;
    border-radius: 0px 5px 5px 0px;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid #E6A500;
}

.buttons-of-tariffs a:hover {
    color: #E6A500;
}


.buttons-of-tariffs a.active:hover {
    color: white;
}

.buttons-of-tariffs a.active {
    background: #E6A500;
    color: #121212;
    padding: 10px 16px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.1%;
    /* border-radius: 5px 0px 0px 5px; */
    cursor: pointer;
    text-decoration: none;
}

.buttons-of-tariffs {
    display: flex;
    justify-content: center;
    padding-top: 30px;
}

.mpfgli-logo a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mtffg-head-button {
    padding: 5px;
    border: 1px solid #E6A500;
    margin-bottom: 50px;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin-left: 20px;
    margin-right: 20px;
    width: 50%;
    display: flex;
    justify-content: center;
    /* align-items: center; */
    margin: 20px auto;
    margin-bottom: 30px;
}

.ms-prev-butt {
    transition: all 0.3s ease;
    cursor: pointer;
}

.ms-prev-butt:hover {
    color: #E6A500;
}

.ms-next-butt {
    transition: all 0.3s ease;
    cursor: pointer;
}

.ms-next-butt:hover {
    color: #E6A500;
}

.mtffg-head-button a {
    text-decoration: none;
    font-size: 20px !important;
}

.mtffg-head-button:hover {
    background: #e6a500;
    color: #121212;
}

.cookie-banner {
    display: none; 
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 90%;
    background: #E6A500;
    padding: 15px 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    z-index: 9999;
    font-size: 14px;
}
.cookie-banner p {
    margin: 0;
    flex: 1;
    color: #121212;
}
.cookie-banner button {
    background: #252525;
    border: 1px solid #323539;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
    font-family: "Inter", sans-serif;
    outline: none;
}

.morgrb-slider-mobile {
    display: none !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 61px;
    font-weight: 800;
    color: #E6A500;
}

#back-button {
    color: #E6A500;
    font-weight: 400;
    font-size: 16px;
    line-height: 17.5px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: transparent;
    outline: none;
    border: none;
    font-family: "Roboto", sans-serif;
    text-decoration: none;
}

.image-modal {
    display: none; 
    position: fixed; 
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100vw; 
    height: 100vh;
    background-color: rgba(0,0,0,0.9);
    justify-content: center;
    align-items: center;
}

.image-modal__img {
    max-width: 90vw;
    max-height: 90vh;
    cursor: zoom-in;
}

.image-modal__close {
    position: absolute;
    top: 20px;
    right: 40px;
    font-size: 40px;
    color: #fff;
    cursor: pointer;
}


.mobile-menu {
    display: none;
}

.mphg-burger {
    display: none;
}