body {
    font-family: "Montserrat", sans-serif;
}
main > .container {
    padding: 20px 15px 20px;
}
.container {
    max-width: 1640px;
    padding-left: 20px;
    padding-right: 20px;
}
footer {
    background-color: #366484;
}

.help-block {
    margin-top: 5px;
    text-align: center;
    font-size: 14px;
    color: red;
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: var(--bs-box-shadow);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #2C8CD0;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
}

.btn-sort {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    font-family: 'Montserrat';
    width: 256px;
    height: 50px;
    --bs-btn-color: #66666C;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: rgba(44, 140, 208, 0.25);
    --bs-btn-hover-color: #66666C;
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: rgba(44, 140, 208, 0.25);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #66666C;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: rgba(44, 140, 208, 0.25);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #66666C;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: rgba(44, 140, 208, 0.25);
    --bs-btn-border-radius: 15px;
    --bs-btn-padding-x: 15px;
    --bs-btn-padding-y: 15px;
    --bs-btn-font-size: 16px;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 20px;
}
.btn-sort span{
    font-weight: 600;
}

.btn-sort-chevron {
    margin-left: auto;
}

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: #2C8CD0;
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: #fff;
    --bs-pagination-hover-bg: #2C8CD0;
    --bs-pagination-hover-border-color: #2C8CD0;
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(44, 140, 208, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #2C8CD0;
    --bs-pagination-active-border-color: #2C8CD0;
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    display: flex;
    padding-left: 0;
    list-style: none;
}

.page-link.active, .active > .page-link {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color);
}

.page-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    background: #FFFFFF;
    width: 100%;
}
.page-section-title{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(20px, 2.5vw, 24px);
    line-height: clamp(25px, 2.5vw, 29px);
    letter-spacing: -0.04em;
    color: #66666C;
    margin: 0;
}
.page-catalog-title {
    width: 289px;
    height: 39px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(24px, 2.5vw, 32px);
    line-height: clamp(31px, 2.5vw, 39px);
    letter-spacing: -0.04em;
    color: #66666C;
    margin: 0;
}
.page-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 20px;
    width: 100%;
}

.page-catalog {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 35px;
    width: 100%;
}

.pagination {
    margin-bottom: 0px;
}

.lang-selector {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 15px;
    gap: 10px;
    width: 107px;
    height: 50px;
    background: #FFFFFF;
    border: 1px solid rgba(102, 102, 108, 0.2);
    border-radius: 14px;
}
.lang-selector-current {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #66666C;
    
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 5px;
}

.page .container {
    padding-top: 20px;
    padding-bottom: 80px;
}
/*.page h1 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 39px;
    letter-spacing: -0.04em;
    color: #66666C;
    margin-bottom: 20px;
}*/
.page p {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: justify;
    color: #66666C;
}

.footer-nav {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
}

.footer-nav .navbar-nav {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.footer-nav  .navbar-nav .nav-link {
    padding: 0 10px;
    transition-duration: 200ms;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
}

.footer-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 60px;
    padding-bottom: 60px;
    gap: 40px;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
}
.footer-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 20px;
    text-align: center;
}
.nav-item {
    display: flex;
    align-items: center;
}
@media (max-width: 992px) {
    .navbar-nav .nav-link {
        padding: 0px 10px;
    }
}


.navbar-nav .nav-link {
    transition-duration: 200ms;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 10px 0px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;

    color: #66666C;
}
.nav-link:hover {
    transition-duration: 200ms;
    color: #2C8CD0;
}

.nav-link:hover path{
    fill: #2C8CD0;
}

.nav-link.active {
    --bs-navbar-active-color: #2C8CD0;
}
.nav-link.active path{
    fill: #2C8CD0;
}

.synonymSearch {
    position: relative;
    width: 100%;
}

.synonymSearch-input {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 15px 459px 15px 40px;
    gap: 20px;
    width: 100%;
    height: 84px;
    background: #F4FAFF;
    border: 1px solid rgba(44, 140, 208, 0.25);
    border-radius: 24px;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #66666C;
    outline: none;
}
.synonymSearch-input::placeholder {
    color: #BABABA;
}
.synonymSearch-panel {
    position: absolute;
    top: 15px;
    right: 15px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 0px;
    gap: 40px;
}
.synonymSearch-letters {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 10px;
}

.synonymSearch-letter {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 10px;
    width: 54px;
    height: 54px;
    border: 1px solid rgba(102, 102, 108, 0.2);
    border-radius: 15px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 27px;
    color: #66666C;
    transition-duration: 200ms;
    text-decoration: none;
}
.synonymSearch-letter path{
    fill: #66666C;
}
.synonymSearch-letter:hover path{
    fill: #ffffff;
}
.synonymSearch-letter:hover {
    background: #2C8CD0;
    border: 1px solid #2C8CD0;
    color: #ffffff;
    transition-duration: 200ms;
}

.synonymSearch-submit {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 10px;
    border: 1px solid #2C8CD0;
    width: 54px;
    height: 54px;
    background: #2C8CD0;
    border-radius: 15px;
    transition-duration: 200ms;
}
.synonymSearch-submit:hover {
    background: transparent;
    border: 1px solid rgba(102, 102, 108, 0.2);
    transition-duration: 200ms;
}
.synonymSearch-submit:hover path{
    stroke: #66666C;
}

@media (max-width: 992px) {
    .synonymSearch-panel {
        gap: 15px;
    }
    .synonymSearch-input {
        padding: 15px 150px 15px 40px;
    } 
}

.termSearch {
    position: relative;
    width: 100%;
}

.termSearch-input {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 15px 459px 15px 40px;
    gap: 20px;
    width: 100%;
    height: 84px;
    background: #F4FAFF;
    border: 1px solid rgba(44, 140, 208, 0.25);
    border-radius: 24px;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #66666C;
    outline: none;
}
.termSearch-input::placeholder {
    color: #BABABA;
}
.termSearch-panel {
    position: absolute;
    top: 15px;
    right: 15px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 0px;
    gap: 40px;
}
.termSearch-letters {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 10px;
}

.termSearch-letter {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 10px;
    width: 54px;
    height: 54px;
    border: 1px solid rgba(102, 102, 108, 0.2);
    border-radius: 15px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 27px;
    color: #66666C;
    transition-duration: 200ms;
    text-decoration: none;
}
.termSearch-letter path{
    fill: #66666C;
}
.termSearch-letter:hover path{
    fill: #ffffff;
}
.termSearch-letter:hover {
    background: #2C8CD0;
    border: 1px solid #2C8CD0;
    color: #ffffff;
    transition-duration: 200ms;
}

.termSearch-submit {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 10px;
    border: 1px solid #2C8CD0;
    width: 54px;
    height: 54px;
    background: #2C8CD0;
    border-radius: 15px;
    transition-duration: 200ms;
}
.termSearch-submit:hover {
    background: transparent;
    border: 1px solid rgba(102, 102, 108, 0.2);
    transition-duration: 200ms;
}
.termSearch-submit:hover path{
    stroke: #66666C;
}

@media (max-width: 992px) {
    .termSearch-panel {
        gap: 15px;
    }
    .termSearch-input {
        padding: 15px 150px 15px 40px;
    } 
}

.tippy-box[data-theme~='terms'] {
    box-shadow: 0 0 20px 4px rgba(154, 161, 177, .15), 0 4px 80px -8px rgba(36, 40, 47, .25), 0 4px 4px -2px rgba(91, 94, 105, .15);
    background-color: #fff;
    border-radius: 10px;
}
.tippy-box[data-theme~='terms'] .tippy-content {
    padding: 10px;
}
.tippy-box[data-theme~='terms'] .tippy-arrow {
    color: #ffffff;
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0;
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-padding-y: 0;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
    --bs-navbar-toggler-border-radius: var(--bs-border-radius);
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    height: 80px;
}

    .jumbotron {
        background: radial-gradient(62.58% 79.66% at 93.65% 88.87%, rgba(44, 140, 208, 0.14) 0%, rgba(44, 140, 208, 0) 100%), #FFFFFF;
    }
    .jumbotron-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-top: clamp(50px, 2.5vw, 60px);
        padding-bottom: clamp(50px, 2.5vw, 60px);
        gap: clamp(30px, 2.5vw, 40px);
    }
    .jumbotron-main {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
        padding: 0px;
        gap: clamp(30px, 2.5vw, 40px);
        width: 100%;
    }

    .section-1 {
        padding-top: 40px;
        padding-bottom: 60px;
        background: #F4FAFF;
    }
    .section-2 {
        padding-top: 40px;
        padding-bottom: 60px;
        background: #FFFFFF;
    }
    .section-container {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 40px;
    }
    .section-title {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 500;
        font-size: clamp(24px, 2.5vw, 32px);
        line-height: 39px;
        letter-spacing: -0.04em;
        color: #2C8CD0;
        position: relative;
        margin: 0;
    }
    .section-title::after {
        content: "";
        position: absolute;
        top: 0;
        right: -25px;
        width: 20px;
        height: 20px;
        background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.4215 16.8418H8.94758C8.54753 16.8419 8.16243 16.9939 7.8701 17.267C7.57778 17.5402 7.40002 17.9141 7.37276 18.3133C7.34549 18.7124 7.47074 19.107 7.7232 19.4174C7.97567 19.7278 8.33652 19.9307 8.73284 19.9853L8.94758 20H18.4215C18.8216 19.9999 19.2067 19.8479 19.499 19.5748C19.7913 19.3016 19.9691 18.9277 19.9963 18.5285C20.0236 18.1294 19.8983 17.7347 19.6459 17.4244C19.3934 17.114 19.0326 16.911 18.6362 16.8565L18.4215 16.8418ZM15.3267 4.67207C15.0591 4.40495 14.7045 4.24274 14.3274 4.21492C13.9503 4.1871 13.5758 4.29552 13.2719 4.52048L13.0951 4.67418L5.72645 12.0434C5.44654 12.3255 5.2833 12.7028 5.26931 13.1C5.25532 13.4972 5.39162 13.8851 5.651 14.1862C5.91038 14.4874 6.27376 14.6796 6.66863 14.7246C7.06349 14.7696 7.46079 14.664 7.78124 14.4289L7.95809 14.2752L15.3267 6.90599C15.6224 6.60991 15.7885 6.20855 15.7885 5.79008C15.7885 5.37162 15.6224 4.96816 15.3267 4.67207ZM1.57899 0C1.19742 1.6092e-05 0.828775 0.13821 0.541214 0.389024C0.253651 0.639839 0.0666313 0.986307 0.0147381 1.36435L1.90735e-06 1.57911V11.0538C0.000123978 11.4539 0.1521 11.839 0.425217 12.1314C0.698336 12.4237 1.07224 12.6015 1.47136 12.6288C1.87049 12.656 2.26509 12.5308 2.57543 12.2783C2.88577 12.0258 3.0887 11.6649 3.14323 11.2686L3.15797 11.0538V1.57911C3.15797 1.16031 2.99161 0.758653 2.6955 0.462512C2.39938 0.16637 1.99776 0 1.57899 0Z' fill='%232C8CD0'/%3E%3C/svg%3E");
        background-size: contain;
        background-repeat: no-repeat;
    }
    .jumbotron-header {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        gap: 10px;
        min-height: 384px;
        width: 600px;
    }
    .jumbotron-header-title {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 700;
        font-size: clamp(30px, 2.5vw, 42px);
        line-height: clamp(40px, 2.5vw, 51px);
        letter-spacing: -0.05em;
        text-transform: uppercase;
        color: #66666C;
    }

    .jumbotron-header-subtitle {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        line-height: clamp(30px, 2.5vw, 46px);
        font-size: clamp(26px, 2.5vw, 38px);
        letter-spacing: -0.07em;
        color: #66666C;
    }

    .jumbotron-header-text {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        text-align: justify;
        color: #66666C;
    }
    .jumbotron-footer {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        gap: 20px;
    }
    .jumbotron-footer-flex {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
    }
    .jumbotron-search {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;

        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 500;
        font-size: clamp(16px, 2.5vw, 18px);
        line-height: clamp(20px, 2.5vw, 22px);
        color: #2C8CD0;
        width: 100%;
    }

    .termCard {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 30px;
        gap: 20px;
        background: #FFFFFF;
        border: 1px solid rgba(102, 102, 108, 0.4);
        border-radius: 24px;
        text-decoration: none;
        transition-duration: 200ms;
    }
    .termCard.active {
        transition-duration: 200ms;
        background: #2C8CD0;
        border-color: #2C8CD0;
    }
    .termCard.active .termCard-title{
        color: #FFFFFF;
    }
    .termCard.active .termCard-subtitle{
        color: #FFFFFF;
    }
    .termCard.active path{
        fill: #FFFFFF;
    }

    .termCard:hover {
        transition-duration: 200ms;
        background: #2C8CD0;
        border-color: #2C8CD0;
    }
    .termCard:hover .termCard-title{
        color: #FFFFFF;
    }
    .termCard:hover .termCard-subtitle{
        color: #FFFFFF;
    }
    .termCard:hover > .termCard-body > .termCard-title path{
        fill: #FFFFFF;
    }
    .termCard-body {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 20px;
        width: 100%;
        overflow: hidden;
    }
    .termCard-title {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 600;
        font-size: clamp(24px, 2.5vw, 32px);
        line-height: clamp(31px, 2.5vw, 39px);
        letter-spacing: 0.01em;
        color: #66666C;

        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px;
        gap: 10px;
    }
    .termCard-title svg {
        width: auto;
        height: clamp(31px, 2.5vw, 39px);
    }
    @media (max-width: 768px) {
        .termCard {
            padding: 20px;
            gap: 15px;
            border-radius: 20px;
        }
        .termCard-body {
            gap: 15px;
        }
    }
    .termCard-subtitle {
        height: 20px;
        font-family: 'Montserrat';
        font-style: italic;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: #66666C;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }

    .termBtn {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 30px;
        gap: 10px;
        width: 306px;
        height: 140px;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 24px;
        text-decoration: none;
        border: 1px solid rgba(102, 102, 108, 0.4);
    }
    @media (max-width: 992px) {
        .termBtn {
            width: 50%;
        }
    }
    @media (max-width: 768px) {
        .termBtn {
            width: 100%;
            padding: 20px;
            border-radius: 20px;
        }
    }
    @media (max-width: 576px) {
        .termBtn {
            height: auto;
        }
    }

    .termBtn:hover {
        transition-duration: 200ms;
        background: #2C8CD0;
        border-color: #2C8CD0;
    }
    .termBtn:hover .termBtn-title{
        color: #FFFFFF;
    }
    .termBtn:hover .termBtn-subtitle{
        color: #FFFFFF;
    }
    .termBtn:hover path{
        fill: #FFFFFF;
        stroke: #ffffff;
    }
    .termBtn-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        padding: 0px;
        gap: 20px;
    }
    .termBtn-body {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 10px;
    }
    .termBtn-title {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 600;
        font-size: clamp(20px, 2.5vw, 24px);
        line-height: clamp(25px, 2.5vw, 29px);
        letter-spacing: -0.04em;
        color: #000000;
    }
    .termBtn-title-blue {
        color: #2C8CD0;
    }
    .termBtn-title-green {
        color: #46A23A;
    }
    
    .termBtn-title-purple {
        color: #8B5CF6;
    }
    .termBtn-subtitle {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: #66666C;
    }
    @media (max-width: 992px) {
        .jumbotron-main {
            flex-direction: column;
        }
        .jumbotron-header {
            min-height: auto;
            width: 100%;
        }
        .jumbotron-footer {
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            gap: 20px;
        }
        .jumbotron-footer-flex {
            justify-content: flex-start;
            align-items: flex-start;
        }
        .termBtn-wrapper {
            justify-content: flex-start;
            width: 100%;
        }
    }

    @media (max-width: 576px) {
        .termBtn-wrapper {
            flex-wrap: wrap;
            justify-content: flex-start;
            width: 100%;
        }
    }


.page-catalog-alphabet {
    flex-grow: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    width: 100%;
    column-gap: 15px;
    row-gap: 10px;
}
.page-catalog-alphabet-item {
    color: rgba(102, 102, 108, 0.4);
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    text-decoration: none;
    text-transform: uppercase;
}
.page-catalog-alphabet-item.active {
    color: rgba(102, 102, 108, 1);
}
.page-catalog-alphabet-item:hover {
    color: rgba(102, 102, 108, 1);
}

.grid {
  display: grid;
  grid-template-rows: repeat(var(--bs-rows, 1), 1fr);
  grid-template-columns: repeat(var(--bs-columns, 12), 1fr);
  gap: var(--bs-gap, 1.5rem); }
  .grid .g-col-1 {
    grid-column: auto/span 1; }
  .grid .g-col-2 {
    grid-column: auto/span 2; }
  .grid .g-col-3 {
    grid-column: auto/span 3; }
  .grid .g-col-4 {
    grid-column: auto/span 4; }
  .grid .g-col-5 {
    grid-column: auto/span 5; }
  .grid .g-col-6 {
    grid-column: auto/span 6; }
  .grid .g-col-7 {
    grid-column: auto/span 7; }
  .grid .g-col-8 {
    grid-column: auto/span 8; }
  .grid .g-col-9 {
    grid-column: auto/span 9; }
  .grid .g-col-10 {
    grid-column: auto/span 10; }
  .grid .g-col-11 {
    grid-column: auto/span 11; }
  .grid .g-col-12 {
    grid-column: auto/span 12; }
  .grid .g-start-1 {
    grid-column-start: 1; }
  .grid .g-start-2 {
    grid-column-start: 2; }
  .grid .g-start-3 {
    grid-column-start: 3; }
  .grid .g-start-4 {
    grid-column-start: 4; }
  .grid .g-start-5 {
    grid-column-start: 5; }
  .grid .g-start-6 {
    grid-column-start: 6; }
  .grid .g-start-7 {
    grid-column-start: 7; }
  .grid .g-start-8 {
    grid-column-start: 8; }
  .grid .g-start-9 {
    grid-column-start: 9; }
  .grid .g-start-10 {
    grid-column-start: 10; }
  .grid .g-start-11 {
    grid-column-start: 11; }
  @media (min-width: 576px) {
    .grid .g-col-sm-1 {
      grid-column: auto/span 1; }
    .grid .g-col-sm-2 {
      grid-column: auto/span 2; }
    .grid .g-col-sm-3 {
      grid-column: auto/span 3; }
    .grid .g-col-sm-4 {
      grid-column: auto/span 4; }
    .grid .g-col-sm-5 {
      grid-column: auto/span 5; }
    .grid .g-col-sm-6 {
      grid-column: auto/span 6; }
    .grid .g-col-sm-7 {
      grid-column: auto/span 7; }
    .grid .g-col-sm-8 {
      grid-column: auto/span 8; }
    .grid .g-col-sm-9 {
      grid-column: auto/span 9; }
    .grid .g-col-sm-10 {
      grid-column: auto/span 10; }
    .grid .g-col-sm-11 {
      grid-column: auto/span 11; }
    .grid .g-col-sm-12 {
      grid-column: auto/span 12; }
    .grid .g-start-sm-1 {
      grid-column-start: 1; }
    .grid .g-start-sm-2 {
      grid-column-start: 2; }
    .grid .g-start-sm-3 {
      grid-column-start: 3; }
    .grid .g-start-sm-4 {
      grid-column-start: 4; }
    .grid .g-start-sm-5 {
      grid-column-start: 5; }
    .grid .g-start-sm-6 {
      grid-column-start: 6; }
    .grid .g-start-sm-7 {
      grid-column-start: 7; }
    .grid .g-start-sm-8 {
      grid-column-start: 8; }
    .grid .g-start-sm-9 {
      grid-column-start: 9; }
    .grid .g-start-sm-10 {
      grid-column-start: 10; }
    .grid .g-start-sm-11 {
      grid-column-start: 11; } }
  @media (min-width: 768px) {
    .grid .g-col-md-1 {
      grid-column: auto/span 1; }
    .grid .g-col-md-2 {
      grid-column: auto/span 2; }
    .grid .g-col-md-3 {
      grid-column: auto/span 3; }
    .grid .g-col-md-4 {
      grid-column: auto/span 4; }
    .grid .g-col-md-5 {
      grid-column: auto/span 5; }
    .grid .g-col-md-6 {
      grid-column: auto/span 6; }
    .grid .g-col-md-7 {
      grid-column: auto/span 7; }
    .grid .g-col-md-8 {
      grid-column: auto/span 8; }
    .grid .g-col-md-9 {
      grid-column: auto/span 9; }
    .grid .g-col-md-10 {
      grid-column: auto/span 10; }
    .grid .g-col-md-11 {
      grid-column: auto/span 11; }
    .grid .g-col-md-12 {
      grid-column: auto/span 12; }
    .grid .g-start-md-1 {
      grid-column-start: 1; }
    .grid .g-start-md-2 {
      grid-column-start: 2; }
    .grid .g-start-md-3 {
      grid-column-start: 3; }
    .grid .g-start-md-4 {
      grid-column-start: 4; }
    .grid .g-start-md-5 {
      grid-column-start: 5; }
    .grid .g-start-md-6 {
      grid-column-start: 6; }
    .grid .g-start-md-7 {
      grid-column-start: 7; }
    .grid .g-start-md-8 {
      grid-column-start: 8; }
    .grid .g-start-md-9 {
      grid-column-start: 9; }
    .grid .g-start-md-10 {
      grid-column-start: 10; }
    .grid .g-start-md-11 {
      grid-column-start: 11; } }
  @media (min-width: 992px) {
    .grid .g-col-lg-1 {
      grid-column: auto/span 1; }
    .grid .g-col-lg-2 {
      grid-column: auto/span 2; }
    .grid .g-col-lg-3 {
      grid-column: auto/span 3; }
    .grid .g-col-lg-4 {
      grid-column: auto/span 4; }
    .grid .g-col-lg-5 {
      grid-column: auto/span 5; }
    .grid .g-col-lg-6 {
      grid-column: auto/span 6; }
    .grid .g-col-lg-7 {
      grid-column: auto/span 7; }
    .grid .g-col-lg-8 {
      grid-column: auto/span 8; }
    .grid .g-col-lg-9 {
      grid-column: auto/span 9; }
    .grid .g-col-lg-10 {
      grid-column: auto/span 10; }
    .grid .g-col-lg-11 {
      grid-column: auto/span 11; }
    .grid .g-col-lg-12 {
      grid-column: auto/span 12; }
    .grid .g-start-lg-1 {
      grid-column-start: 1; }
    .grid .g-start-lg-2 {
      grid-column-start: 2; }
    .grid .g-start-lg-3 {
      grid-column-start: 3; }
    .grid .g-start-lg-4 {
      grid-column-start: 4; }
    .grid .g-start-lg-5 {
      grid-column-start: 5; }
    .grid .g-start-lg-6 {
      grid-column-start: 6; }
    .grid .g-start-lg-7 {
      grid-column-start: 7; }
    .grid .g-start-lg-8 {
      grid-column-start: 8; }
    .grid .g-start-lg-9 {
      grid-column-start: 9; }
    .grid .g-start-lg-10 {
      grid-column-start: 10; }
    .grid .g-start-lg-11 {
      grid-column-start: 11; } }
  @media (min-width: 1200px) {
    .grid .g-col-xl-1 {
      grid-column: auto/span 1; }
    .grid .g-col-xl-2 {
      grid-column: auto/span 2; }
    .grid .g-col-xl-3 {
      grid-column: auto/span 3; }
    .grid .g-col-xl-4 {
      grid-column: auto/span 4; }
    .grid .g-col-xl-5 {
      grid-column: auto/span 5; }
    .grid .g-col-xl-6 {
      grid-column: auto/span 6; }
    .grid .g-col-xl-7 {
      grid-column: auto/span 7; }
    .grid .g-col-xl-8 {
      grid-column: auto/span 8; }
    .grid .g-col-xl-9 {
      grid-column: auto/span 9; }
    .grid .g-col-xl-10 {
      grid-column: auto/span 10; }
    .grid .g-col-xl-11 {
      grid-column: auto/span 11; }
    .grid .g-col-xl-12 {
      grid-column: auto/span 12; }
    .grid .g-start-xl-1 {
      grid-column-start: 1; }
    .grid .g-start-xl-2 {
      grid-column-start: 2; }
    .grid .g-start-xl-3 {
      grid-column-start: 3; }
    .grid .g-start-xl-4 {
      grid-column-start: 4; }
    .grid .g-start-xl-5 {
      grid-column-start: 5; }
    .grid .g-start-xl-6 {
      grid-column-start: 6; }
    .grid .g-start-xl-7 {
      grid-column-start: 7; }
    .grid .g-start-xl-8 {
      grid-column-start: 8; }
    .grid .g-start-xl-9 {
      grid-column-start: 9; }
    .grid .g-start-xl-10 {
      grid-column-start: 10; }
    .grid .g-start-xl-11 {
      grid-column-start: 11; } }
  @media (min-width: 1400px) {
    .grid .g-col-xxl-1 {
      grid-column: auto/span 1; }
    .grid .g-col-xxl-2 {
      grid-column: auto/span 2; }
    .grid .g-col-xxl-3 {
      grid-column: auto/span 3; }
    .grid .g-col-xxl-4 {
      grid-column: auto/span 4; }
    .grid .g-col-xxl-5 {
      grid-column: auto/span 5; }
    .grid .g-col-xxl-6 {
      grid-column: auto/span 6; }
    .grid .g-col-xxl-7 {
      grid-column: auto/span 7; }
    .grid .g-col-xxl-8 {
      grid-column: auto/span 8; }
    .grid .g-col-xxl-9 {
      grid-column: auto/span 9; }
    .grid .g-col-xxl-10 {
      grid-column: auto/span 10; }
    .grid .g-col-xxl-11 {
      grid-column: auto/span 11; }
    .grid .g-col-xxl-12 {
      grid-column: auto/span 12; }
    .grid .g-start-xxl-1 {
      grid-column-start: 1; }
    .grid .g-start-xxl-2 {
      grid-column-start: 2; }
    .grid .g-start-xxl-3 {
      grid-column-start: 3; }
    .grid .g-start-xxl-4 {
      grid-column-start: 4; }
    .grid .g-start-xxl-5 {
      grid-column-start: 5; }
    .grid .g-start-xxl-6 {
      grid-column-start: 6; }
    .grid .g-start-xxl-7 {
      grid-column-start: 7; }
    .grid .g-start-xxl-8 {
      grid-column-start: 8; }
    .grid .g-start-xxl-9 {
      grid-column-start: 9; }
    .grid .g-start-xxl-10 {
      grid-column-start: 10; }
    .grid .g-start-xxl-11 {
      grid-column-start: 11; } }


/* Стили для уведомлений */
.alert {
    border-radius: 8px;
    border: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.alert-success {
    background-color: #d4edda;
    color: #155724;
    border-left: 4px solid #28a745;
}

.alert-dismissible .btn-close {
    padding: 0.75rem 1rem;
}

                    .termSearch-noresult {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        padding: 40px 0px;
                        gap: 20px;
                        width: 100%;
                    }
                    .termSearch-header {
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        padding: 0px;
                        gap: 15px;
                    }
                    .termSearch-subtitle {
                        font-family: 'Montserrat';
                        font-style: normal;
                        font-weight: 500;
                        font-size: clamp(16px, 2.5vw, 18px);
                        line-height: clamp(20px, 2.5vw, 22px);
                        letter-spacing: -0.04em;
                        color: #66666C;
                    }
                    .btn-search-add {
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        gap: 10px;
                        font-family: 'Montserrat';
                        --bs-btn-color: #FFFFFF;
                        --bs-btn-bg: #46A23A;
                        --bs-btn-border-color: #46A23A;
                        --bs-btn-hover-color: #FFFFFF;
                        --bs-btn-hover-bg: rgba(70, 162, 58, 0.7);
                        --bs-btn-hover-border-color: rgba(70, 162, 58, 0.7);
                        --bs-btn-focus-shadow-rgb: 49, 132, 253;
                        --bs-btn-active-color: #FFFFFF;
                        --bs-btn-active-bg: #46A23A;
                        --bs-btn-active-border-color: #46A23A;
                        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
                        --bs-btn-disabled-color: #FFFFFF;
                        --bs-btn-disabled-bg: #46A23A;
                        --bs-btn-disabled-border-color: #46A23A;
                        --bs-btn-border-radius: 15px;
                        --bs-btn-padding-x: 15px;
                        --bs-btn-padding-y: 15px;
                        --bs-btn-font-size: 16px;
                        --bs-btn-font-weight: 400;
                        --bs-btn-line-height: 20px;
                    }