@import url("_variables.css");
@import url("_header.css");
@import url("_footer.css");
@import url("_button.css");
@import url("_components.css?57");
@import url("_stepper.css");
@import url("_resultpage.css");
@import url('_modal.css');
@import url('_customer_rating.css');


@font-face {
    font-family: Figtree;
    src: url(../fonts/Figtree-VariableFont_wght.ttf);
    font-display: swap;
}

body {
    font-family: 'Figtree', sans-serif;
    font-display: swap;
    font-size: 18px;
    font-weight: 400;
    color: var(--main-text-color);
    background: var(--secondary-bg-color);
}

h1, .h1 {
    font-size: 40px;
}

h2, .h2 {
    font-size: 32px;
}

h3, .h3 {
    font-size: 26px;
}

h4, .h4 {
    font-size: 20px;
    line-height: 1.4;
}

h5, .h5 {
    font-size: 20px;
    line-height: 1.4;
}

p {
    font-weight: 300;
}

strong {
    font-weight: 700;
}

@media screen and (min-width: 576px) {
    h1, .h1 {
        font-size: 56px;
        line-height: 1.285;
        font-weight: 700;
        margin-bottom: 48px;
    }

    h2, .h2 {
        font-size: 48px;
        line-height: 1.3;
        font-weight: 700;
        margin-bottom: 40px;
    }

    h3, .h3 {
        font-size: 40px;
        line-height: 1.4;
        font-weight: 700;
        margin-bottom: 32px;
    }

    h4, .h4 {
        font-size: 32px;
        line-height: 1.25;
        font-weight: 700;
        margin-bottom: 24px;
    }

    h5, .h5 {
        font-size: 26px;
        line-height: 1.23;
        font-weight: 700;
        margin-bottom: 18px;
    }

    h6, .h6 {
        font-size: 20px;
        line-height: 1.4;
        font-weight: 700;
        margin-bottom: 12px;
    }
}

main {
    margin-top: 20px;
    min-height: 50vh;
}

main .container {
    background: var(--secondary-bg-color);
}

@media screen and (min-width: 768px) {
    main .container {
        width: 920px;
    }

    main .container-wide {
        width: 100%;
        max-width: none;
    }
}

@media screen and (min-width: 1400px) {
    main .container-wide {
        width: 1380px;
        max-width: none;
    }
}

.link {
    all: unset;
}

.link,
main a {
    color: var(--link-color);
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    cursor: pointer;
}

.link--bhu {
    color: var(--link-color--bhu);
}

.link svg,
main a svg {
    width: 24px;
    height: 24px;
}

.link.link-small svg,
main a.link-small svg {
    width: 16px;
    height: 16px;
}

.link.link-big svg,
main a.link-big svg {
    width: 24px;
    height: 24px;
}

.link svg path,
main a svg path {
    fill: var(--link-color);
}

.link.link-small,
main a.link-small {
    font-size: 12px;
    line-height: 18px;
}

.link.link-big,
main a.link-big {
    font-size: 18px;
    line-height: 28px;
}

.link:hover,
main a:hover {
    color: var(--link-color-hover);
}

.link--bhu:hover {
    color: var(--link-color-hover--bhu);
}

.link:hover svg path,
main a:hover svg path {
    fill: var(--link-color-hover);
}

.link:visited,
main a:visited {
    color: var(--link-color-visited);
}

.link--bhu:visited {
    color: var(--link-color-visited--bhu);
}

.link:visited svg path,
main a:visited svg path {
    fill: var(--link-color-visited);
}

.btn-group-container {
    display: flex;
    flex-direction: column-reverse;
    gap: 16px;
}

@media screen and (min-width: 768px) {
    .btn-group-container {
        flex-direction: row;
        justify-content: space-between;
    }
}

.invalid-container {
    color: var(--input-color-invalid);
    border: 2px solid var(--input-color-invalid);
    box-shadow: 0px 8px 12px rgba(232, 0, 0, 0.2);
    border-radius: 5px;
}

.sidebar {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 29px;
    width: 100%;
}

.sidebar__block {
    margin-bottom: 32px;
    border-radius: 12px;
    box-shadow: 0 12px 24px rgba(42, 40, 45, 0.12);
    overflow: hidden;
    width: 100%;
}

@media screen and (max-width: 991px) {
    .sidebar {
        gap: 0;
    }

    .sidebar__block {
        margin-top: 0;
        border-radius: 0;
        margin-bottom: 0;
    }

    .sidebar__block.secondary__sidebar {
        margin-bottom: 12px;
    }
}

.sidebar__header {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #200f6d;
    color: #fff;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 700;
    padding: 12px 20px;
}

@media screen and (max-width: 991px) {
    .sidebar__header {
        margin: 0 0 0 0;
        padding: 20px 30px 20px 20px;
    }
}

.sidebar__header svg {
    display: none;
    transform: rotate(90deg);
    -webkit-transition: ease 0.2s;
    transition: ease 0.2s;
}

.sidebar__header svg path {
    fill: var(--color-primary-1, #FF7900);
}

@media screen and (max-width: 991px) {
    .sidebar__header svg {
        display: inline-block;
    }
}

.sidebar__header .js-sidebar-trigger {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

@media screen and (max-width: 991px) {
    .sidebar__header .js-sidebar-trigger {
        display: inline-block;
    }
}

.sidebar__header.is-opened svg {
    transform: rotate(-90deg);
}

.sidebar__content {
    padding: 0;
}

.sidebar__content ul {
    padding-left: 0;
    font-size: 14px;
    line-height: 1.7;
    color: #2a282d;
    font-weight: 300;
    margin-bottom: 10px;
}

@media screen and (max-width: 991px) {
    .sidebar__content ul {
        font-size: 18px;
    }
}

@media screen and (min-width: 992px) {
    .sidebar__content ul {
        display: block !important;
    }
}

@media screen and (max-width: 991px) {
    .sidebar__content ul {
        display: none;
    }
}

.sidebar__content ul a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-decoration: none;
    color: var(--color-primary-1, #FF7900);
    font-size: 14px;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 5px;
}

@media screen and (max-width: 991px) {
    .sidebar__content ul a {
        font-size: 18px;
    }
}

.sidebar__content ul a svg {
    height: 15px;
}

.sidebar__content ul a svg {
    margin-left: 17px;
}

.sidebar__content ul a img.icon {
    margin-right: 10px;
}

.sidebar__content ul li {
    padding: 20px 20px 14px 20px;
    border-bottom: 1px solid #eee;
    color: #200f6d;
}

@media screen and (max-width: 991px) {
    .sidebar__content ul li {
        padding: 16px 0 14px 8px;
        display: block !important;
    }
}

.sidebar__content ul li:last-of-type {
    border: none;
}

.sidebar__badge {
    background: var(--color-primary-3, #E84700);
    color: #FFF;
    display: flex;
    padding: 8px 16px 8px 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.sidebar__badge--active {
    background: #FFF;
    color: var(--color-primary-3, #E84700);
}

.insurance_tab {
    display: none;
    gap: 16px;
    padding: 16px;
    border-radius: 12px;
    width: 100%;
    flex-direction: column;
}

@media screen and (max-width: 768px) {
    .insurance_tab {
        display: flex;
    }
}

.insurance_tab_select {
    background: #FFF;
    border-radius: 8px;
    width: 100%;
    margin-bottom: 16px;
}

.insurance_tab_select .input-container__item {
    width: 100%;
}

.insurance_tab {
    width: 100%;
}

.insurance_tab span {
    color: var(--color-primary-1, #FF7900);
}

.insurance_tab_content p {
    margin-bottom: 16px;
}

.custom-error-msg {
    width: 100%;
    margin-top: 0.25rem;
    font-size: .875em;
    color: var(--bs-form-invalid-color);
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 1055;
}

.loader {
    display: inline-block;
    width: 80px;
    height: 80px;
}

.loader:after {
    content: " ";
    display: block;
    position: absolute;
    top: calc(50% - 100px);
    right: calc(50% - 100px);
    pointer-events: none;
    width: 200px;
    height: 200px;
    vertical-align: -0.125em;
    border: 0.5em solid #7d7fa9;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-border;
    animation: .75s linear infinite spinner-border;
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.custom-card {
    border: 2px solid #6E6EE5;
    border-radius: 16px;
    position: relative;
}

.custom-card--visited {
    background-color: var(--color-warning, #FFE7C8);
    border-color: var(--color-primary-1, #FF7900);
}

.message-card {
    border-radius: 16px;
    font-size: 12px;
    line-height: 24px;
    border: 2px solid var(--color-gray-3, #DFDFDF);
    position: relative;
}

.message-card .cover {
    min-height: 144px;
}

@media screen and (min-width: 992px) {
    .message-card .cover {
        min-height: 104px;
    }
}

@media screen and (min-width: 992px) {
    .message-card {
        line-height: 28px;
        font-size: 18px;
        min-height: 144px;
    }
}

.message-card--closed {
    background-color: var(--color-gray-5, #F5F5F5);
}

.new-message-card {
    border-color: rgba(255, 176, 72, 0.10);
    background-color: rgba(255, 176, 72, 0.10);
}

.message-card--opened {
    background: #FFF;
    border-color: rgba(255, 176, 72, 0.10);
}

.message-card .mobile-span {
    display: block;
}

.message-card .desktop-span {
    display: none;
}


.message-card .secondary-text {
    font-size: 12px;
}

@media screen and (min-width: 992px) {
    .message-card .mobile-span {
        display: none;
    }

    .message-card .desktop-span {
        display: flex;
    }

    .message-card .secondary-text {
        font-size: 14px;
    }
}

.custom-card.deleted {
    border-color: var(--color-error, #F81E00);
}

.custom-card-badge {
    border-radius: 16px;
    border: 1px solid #6E6EE5;
    background: #FFF;
    position: absolute;
    top: -15px;
    left: 35px;
    color: #6E6EE5;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
}

@media screen and (max-width: 768px) {
    .custom-card-badge {
        left: 15px;
    }
}

.custom-card__title-text-secondary {
    color: #535252;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.custom-card__title-text-primary {
    color: #2A282D;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
}

.custom-card__data-text-secondary {
    color: #2A282D;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.custom-card__data-text-primary {
    color: #706F6F;
    text-align: right;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

.custom-card__highlighted-text {
    color: var(--color-primary-1, #FF7900);
}

.custom-card__title {
    color: #2A282D;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}


@media screen and (max-width: 768px) {
    .custom-card__content > div {
        flex-basis: 50%;
    }
}

.contract-details {
    border-radius: 16px;
    border: 1px solid #EEE;
}

.custom-table {
    width: available;
    margin-bottom: 1rem;
    vertical-align: top;
    --border: 1px solid #EEE;
    border-radius: 10px;
    border-spacing: 0;
    border-collapse: separate;
    border: var(--border);
    overflow: hidden;
    margin-bottom: 28px;
    table-layout: fixed;
}

.custom-table tbody {
    font-size: medium;
}

.custom-table td {
    text-align: start;
    width: 50%;
}


@media screen and (max-width: 768px) {
    .custom-table tr:nth-child(1) {
        width: 280px;
    }
}

.custom-table tr:nth-child(1) {
    width: 280px;
}

.custom-table th {
    padding: 0.5rem;
    color: #FFF;
    background-color: #200F6D;
}

table.custom-table th:not(:last-child),
table.custom-table td:not(:last-child) {
    border-right: var(--border);
}

table.custom-table > thead > tr:not(:last-child) > th,
table.custom-table > thead > tr:not(:last-child) > td,
table.custom-table > tbody > tr:not(:last-child) > th,
table.custom-table > tbody > tr:not(:last-child) > td,
table.custom-table > tfoot > tr:not(:last-child) > th,
table.custom-table > tfoot > tr:not(:last-child) > td,
table.custom-table > tr:not(:last-child) > td,
table.custom-table > tr:not(:last-child) > th,
table.custom-table > thead:not(:last-child),
table.custom-table > tbody:not(:last-child),
table.custom-table > tfoot:not(:last-child) {
    border-bottom: var(--border);
}

.viktor_wip {
    color: cadetblue;
    font-weight: bold;
}

.modal__loader {
    border: 16px solid;
    border-radius: 50%;
    border-color: #6E6EE5 transparent #6E6EE5 transparent;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#cancellation-result .unsuccessful {
    color: #F81E00;
}

#deleted-list-toggle-btns-container {
    margin: 16px 0 16px 0;
}

#deleted-list-toggle-btns-container a {
    cursor: pointer;
}

.message-card__badge {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 8px 16px 8px 8px;
    width: 60px;

    position: absolute;
    top: 8px;
    right: 8px;

    background: rgba(255, 176, 72, 0.40);
    color: var(--color-primary-1, #FF7900);
}

.message-card__badge svg path {
    fill: #FF7900;
}

.message-card__btn-container {
    position: absolute;
    top: 120px;
    left: 8px;
}


@media screen and (min-width: 992px) {
    .message-card__btn-container {
        top: 88px;
    }
}

.message-textarea {
    height: 200px !important;
    resize: none;
}


#file-modal .close-icon {
    position: absolute;
    top: -10px;
    right: -10px;
}

#file-modal .modal-dialog {
    height: calc(100% - 1rem);
}

#file-modal .modal-content {
    height: 100%;
}

#mobile-tooltip-modal .tooltip {
    box-shadow: none;
    padding: 0;
    width: 100%;
}

#mobile-tooltip-modal .tooltip .tooltip-arrow {
    display: none;
}

#mobile-tooltip-modal .tooltip .tooltip-container {
    flex-direction: column;
}

#mobile-tooltip-modal .tooltip .tooltip-container .icon {
    text-align: center;
}

#mobile-tooltip-modal .tooltip .tooltip-inner {
    max-width: none;
}

@media screen and (min-width: 576px) {
    #file-modal .modal-dialog {
        height: calc(100% - 3.5rem);
    }
}

@media screen and (min-width: 767px) {
    #file-modal .close-icon {
        top: -20px;
        right: -20px;
    }
}

.td-custom-error-msg {
    background-color: var(--bs-form-invalid-color) !important;
    font-weight: bold;
    color: #FFF !important;
}

.subject-container {
    background: #FFF;
    border: 1px solid #EEE;
    border-radius: 10px;
    padding: 0;
}

.subject-container .header {
    border-radius: 10px 10px 0 0;
    background: #200f6d;
    color: #fff;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 700;
    padding: 12px 20px;
}

.subject-container button {
    height: 80px;
}

.notification {
    width: 100%;
    padding-right: 0;
    align-items: center;
    gap: 20px;
    border-radius: 4px 8px 8px 4px;
    background: #FFF;
}

.notification_content {
    padding: 16px 0;
    align-items: center;
    gap: 12px;
    flex: 1 0 0;
}

.notification_decor {
    border-radius: 8px 0 0 8px;
    width: 4px;
    flex-shrink: 0;
    align-self: stretch;
    background: #FFF;
}

.notification a,
.notification span#close {
    cursor: pointer;
}

.notification.notification--warning {
    background: #FFEFDA;
}

.notification.notification--warning .notification_icon {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.6618 2.83342C12.3794 2.30398 11.6206 2.30398 11.3382 2.83341L1.83816 20.647C1.57173 21.1466 1.93375 21.75 2.49993 21.75H21.5001C22.0662 21.75 22.4283 21.1466 22.1618 20.647L12.6618 2.83342ZM10.0147 2.12756C10.8617 0.539261 13.1383 0.539271 13.9853 2.12757L23.4854 19.9412C24.2847 21.4399 23.1986 23.25 21.5001 23.25H2.49993C0.801384 23.25 -0.284666 21.4399 0.514615 19.9412L10.0147 2.12756ZM12 7.4987C12.4142 7.4987 12.75 7.83449 12.75 8.2487V14.2487C12.75 14.6629 12.4142 14.9987 12 14.9987C11.5858 14.9987 11.25 14.6629 11.25 14.2487V8.2487C11.25 7.83449 11.5858 7.4987 12 7.4987ZM10.875 18C10.875 17.3787 11.3787 16.875 12 16.875C12.6213 16.875 13.125 17.3787 13.125 18C13.125 18.6213 12.6213 19.125 12 19.125C11.3787 19.125 10.875 18.6213 10.875 18Z' fill='%23FFB048'/%3E%3C/svg%3E");
}

.notification.notification--warning .notification_decor {
    background: var(--color-primary-4, #FFB048);
}

.notification.notification--error {
    background: #fdede6;
}

.notification.notification--error .notification_icon {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5ZM0 12C-5.96046e-07 5.37258 5.37258 5.96046e-07 12 0C18.6274 -5.96047e-07 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 5.96046e-07 18.6274 0 12ZM12 6C12.4142 6 12.75 6.33579 12.75 6.75L12.75 13.5C12.75 13.9142 12.4142 14.25 12 14.25C11.5858 14.25 11.25 13.9142 11.25 13.5L11.25 6.75C11.25 6.33579 11.5858 6 12 6ZM10.875 17.25C10.875 16.6287 11.3787 16.125 12 16.125C12.6213 16.125 13.125 16.6287 13.125 17.25C13.125 17.8713 12.6213 18.375 12 18.375C11.3787 18.375 10.875 17.8713 10.875 17.25Z' fill='%23E84700'/%3E%3C/svg%3E ");
}

.notification.notification--error .notification_decor {
    background: var(--color-primary-3, #e84700);
}

.notification.notification--success {
    background: #ebffee;
}

.notification.notification--success .notification_icon {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.4246 4.57539C15.3241 0.474871 8.67591 0.47487 4.57539 4.57539L4.04506 4.04506L4.57539 4.57539C0.474871 8.6759 0.474871 15.3241 4.57539 19.4246L4.04506 19.9549L4.57539 19.4246C8.6759 23.5251 15.3241 23.5251 19.4246 19.4246C23.5251 15.3241 23.5251 8.67591 19.4246 4.57539ZM3.51473 3.51473C8.20103 -1.17158 15.799 -1.17158 20.4853 3.51473C25.1716 8.20103 25.1716 15.799 20.4853 20.4853C15.799 25.1716 8.20102 25.1716 3.51473 20.4853C-1.17158 15.799 -1.17158 8.20102 3.51473 3.51473ZM18.0501 8.98932C18.3317 9.29313 18.3136 9.76766 18.0098 10.0492L11.6865 15.9092C10.9933 16.5517 9.91524 16.5276 9.25138 15.8549L5.96617 12.5259C5.67522 12.2311 5.67837 11.7562 5.97319 11.4653C6.26802 11.1743 6.74288 11.1775 7.03383 11.4723L10.319 14.8013C10.4139 14.8974 10.5679 14.9008 10.6669 14.809L16.9902 8.94902C17.294 8.66746 17.7685 8.68551 18.0501 8.98932Z' fill='%234CA853'/%3E%3C/svg%3E ");
}

.notification.notification--success .notification_decor {
    background: var(--color-primary-6, #4CA853);
}

.notification.notification--info {
    background: #f8f7ff;
}

.notification.notification--info .notification_icon {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5ZM0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12ZM10.875 6.75C10.875 6.12868 11.3787 5.625 12 5.625C12.6213 5.625 13.125 6.12868 13.125 6.75C13.125 7.37132 12.6213 7.875 12 7.875C11.3787 7.875 10.875 7.37132 10.875 6.75ZM12 9.75C12.4142 9.75 12.75 10.0858 12.75 10.5V17.25C12.75 17.6642 12.4142 18 12 18C11.5858 18 11.25 17.6642 11.25 17.25V10.5C11.25 10.0858 11.5858 9.75 12 9.75Z' fill='%236e6ee5'/%3E%3C/svg%3E ");
}

.notification.notification--info .notification_decor {
    background: var(--color-primary-5, #6e6ee5);
}

#cookie-bar {
    z-index: 1000;
    padding: 8px 6px;
    position: fixed;
    left: 0;
    bottom: 0;
    background: var(--main-bg-color);
    border-top: 1px solid #ccc;
    width: 100%;
    font-size: 12px;
    color: #fff;
    text-align: center;
}
#cookie-bar a{
    color:#fff;
    text-decoration:underline
}
#cookie-bar #close{
    text-decoration:none;
    font-weight:400;
    color:#000;
    font-size:12px;
    cursor:pointer;
    display:inline-block;
    margin-left:10px;
    padding:9px 10px;
    background-color:#eee;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    background-image:linear-gradient(#f9f9f9,#f9f9f9,#dcdcdc,#dcdcdc);
}

.category-btn-container {
    display: flex;
    flex-wrap: wrap;
        gap: 8px;
}

.category-btn {
    flex-basis: 100%;
}

@media screen and (min-width: 991px) {
    .category-btn-container {
        gap: 16px;
    }

    .category-btn {
        flex-basis: calc(100% / 2 - (16px * 1 / 2));
    }
}

.message-inputs-container {
    background: #FFF;
    border: 1px solid #EEE;
    border-radius: 10px;
    padding: 0;
}

#notification_custom_error
{
    display: none;
}

.pagination li.page-item {
    margin: 0;
    padding: 4px;
}

.pagination li.page-item .page-link svg path {
    fill: var(--color-gray-1, #2A282D);
}

.pagination li.page-item.page-step .page-link {
    background-color: #fff;
}

.pagination a.page-link {
    display: flex;
    width: 64px;
    height: 64px;
    justify-content: center;
    align-items: center;
    border-radius: 12px !important;
    background-color: transparent;
    border-color: transparent;
    color: #0a0a0a;
}

.pagination li.page-item a.page-link:hover,
.pagination li.page-item.page-step .page-link:hover {
    background: rgba(255, 176, 72, 0.20);
}

.pagination .page-item.active .page-link {
    color: #FFF;
    background: var(--link-color-active, #E84700);
}

.pagination .current-page {
    display: none;
}

@media screen and (max-width: 576px) {
    .pagination a.page-link {
        width: 48px;
        height: 48px;
    }

    .pagination .number-page-btn {
        display: none;
    }

    .pagination .current-page {
        display: block;
    }

    .pagination .current-page .page-link {
        width: 64px;
    }
}
.input-container.no-allow-change .input-group {
    border: 0 !important;
    box-shadow: none !important;
}