@import url("../bootstrap/css/bootstrap.min.css");

/* Montserrat font faces */
@font-face{font-family:'Montserrat';src:url('../fonts/Montserrat/Montserrat-Thin.woff2') format('woff2'),url('../fonts/Montserrat/Montserrat-Thin.woff') format('woff');font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url('../fonts/Montserrat/Montserrat-ThinItalic.woff2') format('woff2'),url('../fonts/Montserrat/Montserrat-ThinItalic.woff') format('woff');font-weight:100;font-style:italic;font-display:swap}
@font-face{font-family:'Montserrat';src:url('../fonts/Montserrat/Montserrat-ExtraLight.woff2') format('woff2'),url('../fonts/Montserrat/Montserrat-ExtraLight.woff') format('woff');font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url('../fonts/Montserrat/Montserrat-ExtraLightItalic.woff2') format('woff2'),url('../fonts/Montserrat/Montserrat-ExtraLightItalic.woff') format('woff');font-weight:200;font-style:italic;font-display:swap}
@font-face{font-family:'Montserrat';src:url('../fonts/Montserrat/Montserrat-Light.woff2') format('woff2'),url('../fonts/Montserrat/Montserrat-Light.woff') format('woff');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url('../fonts/Montserrat/Montserrat-LightItalic.woff2') format('woff2'),url('../fonts/Montserrat/Montserrat-LightItalic.woff') format('woff');font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:'Montserrat';src:url('../fonts/Montserrat/Montserrat-Regular.woff2') format('woff2'),url('../fonts/Montserrat/Montserrat-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url('../fonts/Montserrat/Montserrat-Italic.woff2') format('woff2'),url('../fonts/Montserrat/Montserrat-Italic.woff') format('woff');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Montserrat';src:url('../fonts/Montserrat/Montserrat-Medium.woff2') format('woff2'),url('../fonts/Montserrat/Montserrat-Medium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url('../fonts/Montserrat/Montserrat-MediumItalic.woff2') format('woff2'),url('../fonts/Montserrat/Montserrat-MediumItalic.woff') format('woff');font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:'Montserrat';src:url('../fonts/Montserrat/Montserrat-SemiBold.woff2') format('woff2'),url('../fonts/Montserrat/Montserrat-SemiBold.woff') format('woff');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url('../fonts/Montserrat/Montserrat-SemiBoldItalic.woff2') format('woff2'),url('../fonts/Montserrat/Montserrat-SemiBoldItalic.woff') format('woff');font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:'Montserrat';src:url('../fonts/Montserrat/Montserrat-Bold.woff2') format('woff2'),url('../fonts/Montserrat/Montserrat-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url('../fonts/Montserrat/Montserrat-BoldItalic.woff2') format('woff2'),url('../fonts/Montserrat/Montserrat-BoldItalic.woff') format('woff');font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:'Montserrat';src:url('../fonts/Montserrat/Montserrat-ExtraBold.woff2') format('woff2'),url('../fonts/Montserrat/Montserrat-ExtraBold.woff') format('woff');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url('../fonts/Montserrat/Montserrat-ExtraBoldItalic.woff2') format('woff2'),url('../fonts/Montserrat/Montserrat-ExtraBoldItalic.woff') format('woff');font-weight:800;font-style:italic;font-display:swap}
@font-face{font-family:'Montserrat';src:url('../fonts/Montserrat/Montserrat-Black.woff2') format('woff2'),url('../fonts/Montserrat/Montserrat-Black.woff') format('woff');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url('../fonts/Montserrat/Montserrat-BlackItalic.woff2') format('woff2'),url('../fonts/Montserrat/Montserrat-BlackItalic.woff') format('woff');font-weight:900;font-style:italic;font-display:swap}

:root{
    --bs-bg-color:#f8f8f7;
    --bs-primary:#05a4ba;
    --bs-primary-rgb:5,164,186;
    --bs-font-sans-serif:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-form-control-focus-border-color:rgba(var(--bs-primary-rgb),.55);
    --bs-form-control-focus-box-shadow:0 0 0 .25rem rgba(var(--bs-primary-rgb),.25);
    --bs-form-select-focus-border-color:var(--bs-form-control-focus-border-color);
    --bs-form-select-focus-box-shadow:var(--bs-form-control-focus-box-shadow);
    --bs-link-color:var(--bs-primary);
    --bs-link-hover-color:#0494a7
}

body{background-color:var(--bs-bg-color)}

.top-panel{background-color:var(--bs-primary);height:3.125rem}
.top-panel .container{height:100%;display:flex;align-items:center;justify-content:center}
.top-panel__menu{height:inherit;display:flex;align-items:center;margin:0}
.top-panel__menu-item{color:#fff;font-size:.9rem;margin-right:2.5rem;line-height:1;text-decoration:none}
.top-panel__menu-item:hover{color:#fff;text-decoration:underline}
.top-panel__language-switch{height:inherit;display:flex;align-items:center;margin-left:auto;margin-right:-5px}
.top-panel__language-switch-item{color:#fff;font-size:.9rem;padding:.438rem;margin-left:.438rem;line-height:1;text-decoration:none;border-radius:15px}
.top-panel__language-switch-item:hover{background-color:#fff;color:var(--bs-primary)}
.top-panel__language-switch-item--active{background-color:#fff;color:var(--bs-primary);font-weight:600}

.header{display:flex;align-items:center;flex-direction:column;min-height:7.188rem;padding:2rem 0 0}
.header .container{height:100%;display:flex}
.header__vestnik{padding:0}
.header__vestnik>.container{padding:.938rem;align-items:center}
.header__vestnik img.vestnik{width:90px}
.header__vestnik .header__menu{margin:0}
.header__vestnik .header__big-version,.header__vestnik .header__default-version{height:36px}
.header__vestnik .header__login,.header__vestnik .header__authorized-controls{height:30px}
.header__vestnik .header_site-search-input{padding:17px 30px}
.header__logo{display:flex;align-items:center;margin-right:1.875rem}
.header__logo-image{width:14.375rem}
.header__site-name{font-size:.75rem;line-height:1.5;font-weight:500;font-style:italic}
.header_site-search-input{width:20.625rem}

.search-field{display:inline-flex;position:relative;margin-left:auto}
.search-field::before{content:"";background-image:url("../../../images/icons/search.svg");position:absolute;top:15px;right:20px;width:22px;height:22px;background-position:center;background-size:contain;background-repeat:no-repeat}
.search-field-input{border:0;background-color:#fff;border-radius:24px;box-shadow:0 0 2px -2px #333;padding:15px 30px;font-size:1rem;line-height:1;outline:none}

.header__control{display:inline-flex;align-items:center;padding-left:2.688rem;margin-left:4.5rem;font-size:.75rem;line-height:1;color:#6c757d;text-decoration:none;background-repeat:no-repeat;background-position:0 center}
.header__control:hover{text-decoration:underline}
.header__big-version{background-image:url("../../../images/icons/A+.png");background-size:2.188rem;width:3.438rem}
.header__default-version{background-image:url("../../../images/icons/A-.png");background-size:2.188rem;width:3.438rem}
.header__login,.header__authorized-controls{background-image:url("../../../images/icons/user.png");background-size:1.438rem}
.header__authorized-controls{background-repeat:no-repeat;background-position:0 center;padding-left:2.688rem;margin-left:3.5rem;display:flex;flex-flow:column;justify-content:center;align-items:flex-start;font-size:.625rem}
.header__authorized-controls a{display:inline-block;align-items:center;font-size:.75rem;line-height:1;color:#6c757d;text-decoration:none}
.header__authorized-controls a:first-of-type{margin-bottom:.5rem}
.header__authorized-controls a:hover{text-decoration:underline}
.header__big-version,
.header__default-version{
    display:inline-flex;
    align-items:center;
    gap:.25rem;
    padding-left:2.688rem;
    background-position:0 center;
    background-size:2.188rem;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .header_site-search-input {
        width: 13.625rem;
    }

    .header__control {
        display: inline-flex;
        align-items: center;
        padding-left: 2.688rem;
        margin-left: 0.5rem;
        font-size: .75rem;
        line-height: 1;
        color: #6c757d;
        text-decoration: none;
        background-repeat: no-repeat;
        background-position: center center;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .header__logo-image{ width:12rem; }           /* было 14.375rem */
    .header__logo{ margin-right:1.25rem; }        /* было 1.875rem */

    /* подпись под логотипом */
    .header__site-name{
        font-size:.7rem;                             /* было .75rem */
        line-height:1.35;
        max-width:15.5rem;                           /* ограничим ширину, чтобы не распирало */
    }

    /* поиск */
    .header_site-search-input{
        width:13.625rem;                             /* твоя цель */
        padding:12px 36px 12px 18px;                 /* меньше высота и боковые */
    }
    .search-field::before{ top:12px; right:14px; width:18px; height:18px; }

    /* служебные ссылки справа */
    .header__control{ margin-left:.5rem; }
    .header__authorized-controls{ margin-left:1rem; font-size:.6rem; }
    .header__big-version,
    .header__default-version{
        display:flex;
        flex-direction:column;      /* иконка сверху, текст снизу */
        align-items:center;
        justify-content:flex-end;
        text-align:center;
        gap:.15rem;

        width:3.5rem;               /* компактнее */
        height:auto;

        padding-left:0;             /* убираем левый отступ */
        padding-top:2.1rem;         /* место под иконку сверху */
        background-position:center center;
        background-size:1.9rem;
    }
}
.header__menu{background-color:#fff;width:100%;margin:1.625rem 0 0;height:3.438rem}
.header__menu .container{height:100%;max-width:1720px!important;position:relative}
.header__menu nav{display:flex;align-items:center;justify-content:space-between;width:100%;list-style:none;position:relative}
.header__menu .american-diploma-background{background-image:url('../../../images/icons/image 4.png');background-size:cover}
.american-diploma-gradient{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,0) 46.87%,#fff 100%)}
.american-diploma-gradient a{text-shadow:#fff 1px 0 3px;text-decoration:none;color:#212529}

.header__menu-item:first-of-type .header__menu-item-link{padding-left:0}
.header__menu-item:first-of-type .header__menu-item-link::before{left:-2rem}
.header__menu-item:last-of-type .header__menu-item-link{padding-right:0}
.header__menu-item:last-of-type .header__menu-item-link::before{right:-2rem}
.header__menu-item:hover .header__menu-item-group-name{color:var(--bs-primary)}
.header__menu-item:hover .header__menu-item-group-name::before{content:"";position:absolute;bottom:-.188rem;left:0;right:0;height:.188rem;background-color:var(--bs-primary)}
.header__menu-item-group-name{font-weight:600;font-size:.875rem;text-transform:uppercase;text-decoration:none;color:#212529;line-height:1;padding:1.25rem 1.75rem;display:block;position:relative;cursor:default}

.header__menu-item-group-list{display:none;position:absolute;top:3.625rem;background-color:#fff;right:0;left:0;align-items:stretch;justify-content:flex-start;padding:1.563rem 1.25rem;box-shadow:0 6px 10px 3px #eee;z-index:10}
.header__menu-item-group-list.open{display:flex}
.header__menu-item-group-list .threeColumns{position:relative;width:26.688rem;padding-right:1.875rem;box-sizing:border-box}
.header__menu-item-group-list .threeColumns:first-of-type::before{content:none}
.header__menu-item-group-list .threeColumns::before{content:"";position:absolute;top:0;left:-1.875rem;width:.063rem;border-left:1px solid #f8f8f7;height:100%}
.header__menu-item-group-list .menu_group_title{font-weight:700;font-size:1rem;margin-bottom:1.25rem}
.header__menu-item-group-list .menu_group_title a{color:#212529}
.header__menu-item-group-list .menu_group_title a:hover{color:var(--bs-primary);text-decoration:underline}
.header__menu-item-group-list ul{list-style:none;margin:0 0 1.875rem;padding:0;max-width:18.75rem}
.header__menu-item-group-list ul li{margin-bottom:.938rem}
.header__menu-item-group-list ul a{font-weight:500;font-size:.875rem;text-decoration:none;line-height:1.4;color:#212529}
.header__menu-item-group-list ul a:hover{text-decoration:underline;color:var(--bs-primary)}

@media (max-height:900px){
    .header__menu-item-group-list ul li{margin-bottom:.625rem}
}

.header_mobile_site-search{width:100%;background-color:#fff}
.search-field-mobile{display:inline-flex;position:relative;margin-left:auto}
.search-field-mobile::before{content:"";background-image:url("../../../images/icons/search.svg");position:absolute;top:1.8rem;right:2.25rem;width:1.375rem;height:1.375rem;background-position:center;background-size:contain;background-repeat:no-repeat}
.search-field-input-mobile{border:0;background-color:#fff;border-radius:24px;box-shadow:0 0 2px -2px #333;padding:.938rem 1.875rem;font-size:1rem;line-height:1;outline:none}
.header_mobile_site-search-input{min-width:15.625rem;margin:.938rem auto;box-shadow:0 2px 7px 2px #eee;box-sizing:border-box;width:calc(100% - 1.875rem);max-width:27.5rem}
@media (max-width:480px){.header_moble_site-search::before{left:calc(100% - 55px);right:0;transform:translateX(0)}}

.header_mobile{display:flex;align-items:center;flex-flow:column;background-color:var(--bs-primary);padding:14px 15px 16px}
.header_mobile .container{height:100%;display:flex;position:relative}
.open-header-mobile-menu{margin-left:auto;border-radius:50%;padding:0;background-image:url('../../../images/icons/bar.png');width:2.688rem;height:2.688rem;background-color:transparent;border:0;background-position:center;background-size:2.688rem;outline:none}
.body-darken-mobile{overflow:hidden}
.darken{position:fixed;top:7.688rem;left:0;right:0;background-color:rgba(0,0,0,.7);bottom:0;z-index:9;display:none}
.header_mobile_vestnik img.vestnik{width:5.625rem}
.header_mobile_logo{display:flex;align-items:center}
.header_mobile_logo-image{width:11.063rem}
.header_mobile_menu-wrapper{background-color:var(--bs-primary)}
.header_mobile_menu{width:100%;height:100%;overflow:auto;position:absolute;top:10.625rem;left:0;right:0;margin:0;z-index:10;display:none}
.header_mobile_menu.open{display:block}
.header_mobile_menu nav{width:100%;list-style:none;position:relative;overflow:auto;margin-bottom:7.813rem}
.header_mobile_menu-item:first-of-type .header_mobile_menu-item-link{padding-left:0}
.header_mobile_menu-item:first-of-type .header_mobile_menu-item-link::before{left:-2rem}
.header_mobile_menu-item:last-of-type .header_mobile_menu-item-link{padding-right:0}
.header_mobile_menu-item:last-of-type .header_mobile_menu-item-link::before{right:-2rem}
.header_mobile_menu-item-group-name{font-weight:600;font-size:.875rem;text-transform:uppercase;text-decoration:none;color:#fff;line-height:1;padding:1.25rem 1.75rem;display:block;position:relative;cursor:default}
.header_mobile_menu-item-group-name.active{color:#fff;background-color:#077888}
.header_mobile_menu-item-group-list{display:none;background-color:#4a4a4a;padding:1.563rem 1.25rem}
.header_mobile_menu-item-group-list.open{display:block}
.header_mobile_menu-item-group-list .threeColumns{position:relative;width:100%}
.header__menu-item-group-list .threeColumns:first-of-type::before{content:none}
.header_mobile_menu-item-group-list .threeColumns::before{content:"";position:absolute;top:0;left:-1.875rem;width:.063rem;border-left:1px solid #f2f2f2;height:100%}
.header_mobile_menu-item-group-list .menu_mobile_group_title{font-weight:700;font-size:1rem;margin-bottom:1.25rem;color:#fff}
.header_mobile_menu-item-group-list .menu_mobile_group_title a{color:inherit}
.header_mobile_menu-item-group-list ul{list-style:none;margin:0 0 1.563rem .938rem;padding:0;max-width:18.75rem}
.header_mobile_menu-item-group-list ul li{margin-bottom:.938rem}
.header_mobile_menu-item-group-list ul a{font-weight:500;font-size:.625rem;text-decoration:underline;line-height:1.4;color:#fff}
.header_mobile_authorized-controls{position:absolute;right:.938rem;top:6.125rem;font-size:.625rem;display:inline-flex;flex-flow:column;align-items:flex-end;justify-content:center;min-height:2.875rem}
.header_mobile_authorized-controls a{color:#fff;margin-bottom:.313rem}

.top-panel_mobile_language-switch{display:flex;align-items:center;padding:1.563rem .438rem}
.top-panel_mobile_language-switch-item{color:#fff;font-size:.938rem;padding:.438rem;margin-left:.438rem;line-height:1;text-decoration:none;border-radius:.938rem}
.top-panel_mobile_language-switch-item--active{background-color:#fff;color:var(--bs-primary);font-weight:600}
.top-panel_mobile_language-switch-item:hover{background-color:#fff;color:var(--bs-primary)}

.top-panel-mobile{background-color:#fff;height:3.125rem;position:relative;z-index:10;overflow-x:auto;border-bottom:1px solid #eee}
.top-panel_mobile_menu{height:inherit;display:flex;align-items:center}
.top-panel_mobile_menu-item{color:#333;font-weight:600;font-size:.75rem;text-decoration:none;line-height:1;padding:1.125rem 1.25rem;text-transform:uppercase;white-space:nowrap}
.top-panel_mobile_menu-item:hover,.top-panel_mobile_menu-item:focus,.top-panel_mobile_menu-item:active{color:var(--bs-primary);text-decoration:underline}
.america-diplom-mobile{background-image:url('../../../images/icons/image 4.png');background-size:cover}
.america-diplom-mobile-gradient{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,0) 46.87%,#fff 100%)}
.america-diplom-mobile-gradient .header_mobile_menu-item{list-style:none}
.america-diplom-mobile-gradient .header_mobile_menu-item .header_mobile_menu-item-group-name a{text-shadow:#fff 1px 0 3px;text-decoration:none;color:#212529}
.header_mobile_login{font-size:1rem}

.ku-footer__top{background:var(--bs-primary) url("/images/bg/bg-2.png") center/cover no-repeat;color:#fff}
.ku-footer__logo{width:205px}
.ku-footer__site-name{max-width:880px;color:#fff;font-style:italic;line-height:1.25;font-weight:500;font-size:1rem}
.ku-footer__hr{max-width:980px;margin:1.25rem auto 1.75rem;border:0;height:2px;background:rgba(255,255,255,.3)}
.ku-footer__hdr{text-transform:uppercase;color:#fff;font-weight:700;font-size:1rem}
.ku-footer__txt{color:#fff;font-size:.95rem;line-height:1.6}
.ku-footer__social{padding-left:0}
.ku-footer__soc-ico{display:block;width:34px;height:34px;background-position:center;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15));transition:transform .2s ease}
.ku-footer__soc-ico:hover{transform:translateY(-2px)}
.ku-footer__soc-ico--inst{background-image:url("/images/social/in.png")}
.ku-footer__soc-ico--vk{background-image:url("/images/social/vk.png")}
.ku-footer__soc-ico--fb{background-image:url("/images/social/fb.png")}
.ku-footer__soc-ico--yt{background-image:url("/images/social/yt.png")}
.ku-footer__soc-ico--tg{background-image:url("/images/social/tg.png")}
.ku-footer__soc-ico--tw{background-image:url("/images/social/tw.png")}
.ku-footer__soc-ico--tt{background-image:url("/images/social/tt.png")}
.ku-footer__bottom{background:#2f363e;color:#fff}
.ku-footer__nav{margin:0}
.ku-footer__link{color:#fff;text-decoration:underline;font-weight:500;font-size:.875rem}
.ku-footer__link:hover{text-decoration:none}
.ku-footer__copy{color:#fff}
@media (max-width:991.98px){
    .ku-footer__logo{width:180px}
    .ku-footer__soc-ico{width:32px;height:32px}
    .ku-footer__site-name{font-size:.95rem}
    .ku-footer__link{color:#fff;text-decoration:underline;font-weight:500;font-size:.813rem}
}
@media (max-width:575.98px){
    .ku-footer__logo{width:160px}
    .ku-footer__soc-ico{width:30px;height:30px}
    .ku-footer__site-name{font-size:.9rem}
    .ku-footer__txt{font-size:.9rem}
}
.footer__copywrite{color:#fff;margin-top:1.563rem;font-size:.938rem}

.site-header{font-weight:600;font-size:1.563rem;color:#212529;margin:0 0 1.25rem;line-height:1}
.site-header a{font-weight:400;font-size:1.375rem;color:#212529;line-height:1;text-decoration:none;position:relative}
.site-header a::before{content:"";position:absolute;bottom:-.125rem;left:.625rem;right:.625rem;border-bottom:1px solid}
.site-header a:hover::before,.site-header a:focus::before,.site-header a:active::before{border-color:transparent}

.breadcrumbs{
    display:flex;
    flex-wrap:wrap;            /* разрешаем перенос на новую строку */
    align-items:center;
    gap:.25rem .5rem;          /* аккуратные отступы между элементами */
    max-width:100%;
}

/* Ссылки / элементы */
.breadcrumbs a,
.breadcrumbs span{
    display:inline-flex;
    align-items:center;
    color:#6c757d;
    font-weight:500;
    font-size:.875rem;
    line-height:1.3;
    text-decoration:underline; /* как в макете */
    min-width:0;               /* разрешаем сжиматься */
    word-break:break-word;     /* перенос длинных слов */
}

/* Стрелка-разделитель: рисуем у ПРЕДЫДУЩЕЙ ссылки */
.breadcrumbs a:not(:last-child)::after,
.breadcrumbs span:not(:last-child)::after{
    content:"";
    display:inline-block;
    width:16px;
    height:12px;
    margin-left:.35rem;
    background:url("/images/icons/arrow.png") center / 12px no-repeat;
}

/* Состояние наведения */
.breadcrumbs a:hover{ text-decoration:none; }

/* Адаптив: делаем всё помельче */
@media (max-width: 576px){
    .breadcrumbs a,
    .breadcrumbs span{ font-size:.8125rem; }
    .breadcrumbs a:not(:last-child)::after,
    .breadcrumbs span:not(:last-child)::after{
        width:12px; height:10px; margin-left:.25rem; background-size:9px;
    }
}
.white-list{width:100%;background-color:#fff;border-radius:10px;box-shadow:0 3px 10px 0 rgba(0,0,0,.15)!important}
.white-list a:not(.btn):not(.page-link):not(.btn-link):not(.sort-link):not(.login-nav):not(.show-site-login-form){color:#212529}
.white-list a:not(.btn):not(.page-link):not(.btn-link):not(.sort-link):not(.login-nav):not(.show-site-login-form):hover,
.white-list a:not(.btn):not(.page-link):not(.btn-link):not(.sort-link):not(.login-nav):not(.show-site-login-form):focus{color:var(--bs-primary)}

.card-main{height:490px}
@media (max-width:991.98px){.card-main{height:100%}}

.ku-menu,.admin-menu,.faculty-news,.quote-card,.ku-card,.white-list{box-shadow:0 3px 10px 0 rgba(0,0,0,.15)!important}
.ku-menu ul{list-style:disc}
.ku-menu li::marker{color:#fff}
.ku-menu a{color:#fff;text-decoration:none}
.ku-menu a:hover{text-decoration:underline}
.ku-menu .ku-sub{opacity:.95}
.ku-menu .ku-sub a{font-weight:500}
.admin-menu__link{color:var(--bs-primary);text-decoration:underline}
.admin-menu__link:hover{text-decoration:none}

.quote-card{background-image:url("/images/bg/bg-4.png");background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:.5rem}
.quote-card .card-title{color:#333}
.quote-card::before{content:"";position:absolute;top:14px;right:18px;width:26px;height:26px;background-image:url("/images/icons/quote.png");background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none;opacity:.95}

.object-fit-cover{object-fit:cover}

.news-clamp{--lines:3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);overflow:hidden}
@supports (line-clamp:3){.news-clamp{display:block;line-clamp:var(--lines);block-overflow:ellipsis}}
.news-card-title{font-size:1.375rem!important;font-weight:600}
.news-card-description{font-size:.875rem}

.pagination.pagination-bs{--pg-size:56px;--pg-radius:12px;--pg-icon:18px}
.pagination.pagination-bs .page-link{width:var(--pg-size);height:var(--pg-size);border-radius:var(--pg-radius);display:flex;align-items:center;justify-content:center;padding:0;line-height:1;background:#f3f4f6;border:0;color:#6c757d;font-weight:600}
.pagination.pagination-bs .page-item.active .page-link{background:#fff;border:1px solid #e5e7eb;color:#6c757d;box-shadow:none}
.pagination.pagination-bs .page-item.disabled .page-link{color:#b6b8bd;background:#f3f4f6;pointer-events:none}
.pagination.pagination-bs .page-link i{font-size:var(--pg-icon)}
.pagination.pagination-bs-sm{--pg-size:44px;--pg-radius:10px;--pg-icon:16px}
.pagination.pagination-bs-xs{--pg-size:36px;--pg-radius:8px;--pg-icon:14px}

.list-view .summary{margin:0!important;padding-top:5px;font-size:1rem;font-weight:600;color:#6c757d}
.btn-pager{margin-top:5px!important;height:44px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;line-height:1}

.faculty-news .fn-item{display:none;padding-bottom:.8rem;margin-bottom:.8rem;}
.faculty-news .fn-item.is-visible{display:block}
.faculty-news .fn-title{color:var(--bs-primary);font-size:1rem;line-height:1.35}
.faculty-news .fn-desc{color:var(--bs-secondary-color,#6c757d)}
.faculty-news .fn-item.fade-out{animation:fnFadeOut .45s ease forwards}
.faculty-news .fn-item.fade-in{animation:fnFadeIn .45s ease forwards}
@keyframes fnFadeOut{to{opacity:0;transform:translateY(-6px)}}
@keyframes fnFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.form-control:focus,.form-select:focus{border-color:rgba(var(--bs-primary-rgb),.55);box-shadow:0 0 0 .25rem rgba(var(--bs-primary-rgb),.25);outline:0}
.input-group:focus-within .form-control,.input-group:focus-within .form-select{border-color:rgba(var(--bs-primary-rgb),.55);box-shadow:0 0 0 .25rem rgba(var(--bs-primary-rgb),.25)}
.form-control:hover,.form-select:hover{border-color:color-mix(in srgb, rgba(var(--bs-primary-rgb),1) 35%, var(--bs-border-color,#ced4da))}

.btn-outline-primary{--bs-btn-color:var(--bs-primary);--bs-btn-border-color:var(--bs-primary);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:color-mix(in srgb,var(--bs-primary) 92%,black);--bs-btn-hover-border-color:color-mix(in srgb,var(--bs-primary) 90%,black);--bs-btn-active-color:#fff;--bs-btn-active-bg:color-mix(in srgb,var(--bs-primary) 85%,black);--bs-btn-active-border-color:color-mix(in srgb,var(--bs-primary) 80%,black);--bs-btn-focus-shadow-rgb:var(--bs-primary-rgb);--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:var(--bs-primary);--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:var(--bs-primary);--bs-gradient:none}

.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:var(--bs-primary);--bs-btn-border-color:var(--bs-primary);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0494a7;--bs-btn-hover-border-color:#0490a3;--bs-btn-focus-shadow-rgb:var(--bs-primary-rgb);--bs-btn-active-color:#fff;--bs-btn-active-bg:#048b9e;--bs-btn-active-border-color:#048395;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:var(--bs-primary);--bs-btn-disabled-border-color:var(--bs-primary)}

.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-bg:transparent;--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-bg:transparent;--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:var(--bs-primary-rgb);color:var(--bs-btn-color);background:transparent;border-color:transparent;text-decoration:underline}
.btn-link:hover,.btn-link:focus,.btn-link:active,.btn-link.active{color:var(--bs-btn-hover-color);text-decoration:none}
.btn-link:focus{outline:0;box-shadow:0 0 0 .25rem rgba(var(--bs-primary-rgb),.25)}
.btn-link:disabled,.btn-link.disabled{color:var(--bs-btn-disabled-color);text-decoration:none;pointer-events:none}

.form-check-input{width:1.15rem;height:1.15rem;margin-top:.2rem;border-radius:.25rem;border-color:var(--bs-border-color,#ced4da);cursor:pointer}
.form-check-input:focus{border-color:rgba(var(--bs-primary-rgb),.55);box-shadow:0 0 0 .25rem rgba(var(--bs-primary-rgb),.25);outline:0}
.form-check-input:checked{background-color:var(--bs-primary);border-color:var(--bs-primary)}
.form-check-input:checked[type="checkbox"]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 10l4 4 8-8'/%3e%3c/svg%3e")}
.form-check-input:disabled{cursor:not-allowed;opacity:.6}
.form-check-input:disabled~.form-check-label{opacity:.6}

.ku-card{background:#fff;border-radius:10px;overflow:hidden}
.ku-grid__items{overflow-x:auto}

.table.ku-table{border-collapse:separate;border-spacing:0;font-size:.875rem;table-layout:fixed;width:100%}
.table.ku-table thead th{position:sticky;top:0;z-index:3}
.table.ku-table thead tr:first-child th{background:var(--bs-primary);color:#fff;font-weight:700;border:0}
.table.ku-table thead tr:first-child th a{color:#fff;text-decoration:none}
.table.ku-table thead tr:first-child th a:hover{text-decoration:underline}
.table.ku-table thead tr.filters th{position:sticky;top:48px;z-index:2;background:#fff;border-top:0;border-bottom:1px solid #eef1f4;padding:.5rem 1rem}
.table.ku-table thead tr.filters input,.table.ku-table thead tr.filters select{width:100%;height:36px;font-size:.95rem;border:1px solid #dfe3e7;border-radius:8px;padding:.25rem .5rem;min-width:0;box-sizing:border-box}
.table.ku-table th,.table.ku-table td{padding:.875rem 1rem;vertical-align:middle}
.table.ku-table tbody tr:nth-child(even) td{background:#f8f9fa}
.table.ku-table tbody tr:nth-child(odd) td{background:#fff}
.table.ku-table tbody tr:hover td{background:#f1fbfd}
.table.ku-table .col-id{width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.table.ku-table .col-author{width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.table.ku-table .col-actions{width:1%;min-width:132px;white-space:nowrap}
.table.ku-table .col-datetime{width:130px;white-space:normal;overflow:visible;text-overflow:clip}
.table.ku-table .col-datetime small{display:block;line-height:1}
.table.ku-table .col-title{white-space:normal;overflow:visible;word-break:break-word}
.table.ku-table .col-title-ru{width:34%}
.table.ku-table .col-title-en,.table.ku-table .col-title-kz{width:26%}
.col-actions .btn{padding-inline:.45rem}
.col-actions .btn i{width:1.1rem;text-align:center}
@media (max-width:1200px){.ku-grid__items{overflow-x:auto}}

.ku-grid__footer{background:#fff;border-top:1px solid #eef1f4}
.admin-pagination{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding-left:0;margin:0}
.admin-pagination{--pg-size:56px;--pg-radius:12px;--pg-icon:18px}
.admin-pagination li>a,.admin-pagination li>span{display:flex;align-items:center;justify-content:center;width:var(--pg-size);height:var(--pg-size);border-radius:var(--pg-radius);padding:0;line-height:1;text-decoration:none;background:#f3f4f6;color:#6c757d;border:0;font-weight:600}
.admin-pagination li.active>a,.admin-pagination li.active>span{background:#fff;border:1px solid #e5e7eb;color:#495057}
.admin-pagination li.disabled>a,.admin-pagination li.disabled>span{color:#b6b8bd;background:#f3f4f6;pointer-events:none}
.admin-pagination li>a i{font-size:var(--pg-icon)}
.admin-pagination-sm{--pg-size:44px;--pg-radius:10px;--pg-icon:16px}
.admin-pagination-xs{--pg-size:36px;--pg-radius:8px;--pg-icon:14px}

.link-brand{color:#05a4ba;text-decoration:underline}
.link-brand:hover{text-decoration:none}
.bg-brand{background-color:#05a4ba!important}

.fac-sticker{width:50px;height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));top: -50px !important;right:0;}
@media (min-width:992px){.fac-sticker{width:50px}}

@media (min-width:768px){.columns-md-2{column-count:2;column-gap:2rem}}

.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 20px;align-items:end}
@media (max-width:991.98px){.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:575.98px){.filter-grid{grid-template-columns:1fr}}
.filter-grid .form-label{min-height:1.25rem;margin-bottom:.35rem}
.filter-grid select,.filter-grid input[type="text"],.filter-grid .form-select,.filter-grid .form-control{width:100%}
.grid-span-2{grid-column:span 2}
.grid-span-4{grid-column:span 4}
@media (max-width:991.98px){.grid-span-2{grid-column:span 2}}

.rate-detail{white-space:nowrap;font-size:.82rem;color:#6c757d}
.tableWithBorders td,.tableWithBorders th{text-align:center}

.ku-clamp-3{-webkit-line-clamp:unset;overflow:visible;display:block}
.person-avatar{
    width:44px; height:44px; object-fit:cover;
}
.spec-link{color:#212529;text-decoration:underline}
.spec-link:hover{color:var(--bs-primary);text-decoration:none}
.link-primary:hover{color:var(--bs-primary)!important;text-decoration:none!important;}
.unit-card .card-title{ font-size:1rem; margin-bottom:.25rem;}
.unit-card .list-inline{ margin:0}
.unit-card .list-inline-item{ margin-right:.75rem}
.tree-toggle{ cursor:pointer }
.tree-indent{ padding-left:1.25rem; border-left:2px dotted var(--bs-border-color); }
.tree-legend{ font-size:.9rem }
.muted{ color: var(--bs-secondary-color) }

.ku-section{
    --bar: var(--bs-primary);
    background: var(--bar);
    color:#fff;
    border-radius:.25rem;
    padding:.5rem .75rem;
    display:flex;align-items:center;gap:.6rem;
    margin:1rem 0 .75rem;
    font-weight:700; text-transform:uppercase;
}
.ku-section .fa-fw{font-size:1.05rem}
.resource-grid a{
    text-decoration:none; color:var(--bs-primary);
    font-weight:500;
}
.resource-tile{
    display:flex; flex-direction:column; align-items:center; gap:.5rem;
    padding:1rem 0; border-radius:.5rem; transition:transform .12s ease-in-out;
}
.resource-tile:hover{ transform: translateY(-2px); }
.resource-tile .fa-2x{ line-height:1 }
.list-striped li{ margin:.4rem 0 }
@media (min-width: 768px) {
    .teacher-email {
        font-size: .7rem;
        font-weight: 500;
    }
}
.ep-badge { white-space: normal; }
.ep-card .list-group-item { background: transparent; }
.ep-accr img { height: 28px; }
.link-offset-1-hover:hover { text-underline-offset: .2rem; }
.accordion {
    --bs-accordion-border-color: rgba(var(--bs-primary-rgb), .35);
    --bs-accordion-border-width: 1px;
}

.accordion .accordion-button:not(.collapsed) {
    --bs-accordion-active-bg: var(--bs-primary);
    --bs-accordion-active-color: #fff;
    --bs-accordion-border-color: rgba(var(--bs-primary-rgb), .35);
    background-color: var(--bs-accordion-active-bg);
    color: var(--bs-accordion-active-color);
}

.accordion .accordion-button:not(.collapsed):hover {
    background-color: color-mix(in srgb, var(--bs-primary) 92%, #000);
}
.accordion-button:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25);
}
.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.program-card .meta-badge { --bs-bg-opacity: 1; }
.program-card .term { font-weight: 600; color: #495057; }
.program-card dd { margin-left: 0; }
.program-card .dl-row { padding: .6rem 0; border-bottom: 1px solid rgba(0,0,0,.06); }
.program-card .dl-row:last-child { border-bottom: 0; }
.program-card .small-muted { color: #6c757d; font-size: .9rem; }

.ep-sidebar .list-group-item { border:0; padding-left:0; padding-right:0; }
.ep-sidebar .contact-item { white-space: normal; word-break: break-word; }

.site-header { font-size: 1.25rem; margin-bottom: 0.5rem; }
.ep-topline { border-left: .25rem solid var(--bs-primary); padding-left: .8rem; }

.pdf-a4{
    position:relative;
    width:100%;
    border-radius:.5rem;
    background:#fff;
    overflow:hidden;
    --ratio: 1;
}
.pdf-a4::before{ content:""; display:block; padding-top:calc(var(--ratio) * 100%); }

.pdf-a4 canvas{
    position:absolute; inset:0;
    display:block;
    margin:auto;
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
}

.trDoc .fw-semibold { word-break: break-word; }
.site-content .card + .card { margin-top: 1rem; }

.trDoc.parent{
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: .5rem;
    background: #fff;
}

.trDoc.parent .doc-children{
    margin: .5rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.trDoc.child{
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: .5rem;
    background: #fff;
}

@media (min-width: 992px){
    .trDoc.parent .doc-children .trDoc.child{  }
}

.func_description { font-size: .8rem; color: #6c757d; }
.tbl_functions_form textarea.autofill { background: #e7fffe; }
.hero-photo{
    width: 220px; max-width: 100%;
    aspect-ratio: 2/3; object-fit: cover;
    border-radius: 16px;
}
@media (min-width: 768px){
    .text-justify-md{ text-align: justify; }
}
.qa-card{ border-radius:16px; }
.qa-card .card-body{ padding:1.25rem 1.25rem; }
@media (min-width:768px){ .qa-card .card-body{ padding:1.5rem 1.75rem; } }

.qa-text{ font-size:1rem; line-height:1.7; color:#213547; }
.qa-answer{
    font-size:1rem; line-height:1.7; color:#213547;
    background: rgba(5,164,186,.06);
    border:1px solid rgba(5,164,186,.18);
    border-radius:12px;
    padding:.75rem .9rem;
}

.qa-form{ border-radius:18px; }
.qa-form .card{ background:#fff; }

.qa-form__bg{
    position:relative; border-radius:16px; overflow:hidden; color:#fff;
    background: var(--bs-primary) url("/images/bg/bg-2.png") center/cover no-repeat;
}
.qa-form__bg::before{
    content:""; position:absolute; inset:0;
    background: linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.10));
    pointer-events:none;
}
.qa-form__bg > *{ position:relative; }

.qa-form .form-label{ color:#fff; opacity:.95; }
.qa-form ::placeholder{ color:rgba(255,255,255,.85); }

.qa-form .form-control{
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    color:#0f172a;
    box-shadow:none;
}
.qa-form .form-control:focus{
    border-color:var(--bs-primary);
    box-shadow:0 0 0 .2rem rgba(5,164,186,.2);
}

.qa-form .form-label .required{
    color:#e64646; font-weight:700; margin-left:.25rem;
}

.qa-form .invalid-feedback{ color:#ffe3e6; display:block; }
.qa-form .form-control.is-invalid{ border-color:#ff6b81; }
.captcha-img{ display:block; height:48px; width:auto; border-radius:8px; }
.form-group-captcha .row{ align-items:center; }
.form-group-captcha .col input.form-control{
    min-width:240px; max-width:320px;
}
.form-group-submit{ display:flex; justify-content:flex-end; margin-top:.5rem; }
.btn-pill{ border-radius:999px; }
.form-group-submit .btn{ min-width:220px; }

@media (min-width:768px){
    .qa-form__bg{ padding:1.75rem 2rem !important; }
}

.qa-card.q-highlight{
    box-shadow:0 0 0 3px rgba(5,164,186,.25), 0 .25rem 1rem rgba(0,0,0,.06);
}
.btn-qa-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    color: var(--bs-btn-color);
    background: transparent;
    border-color: transparent;
    text-decoration: underline;
}
.tile{ position:relative; border-radius:18px; overflow:hidden; }

.tile .ratio{ height: 100%; background: transparent; }
.tile .ratio > *{
    position: absolute; inset: 0;
    width: 100%; height: 100%;
}

.tile .photo{ width:100%; height:100%; object-fit:cover; display:block; }

.tile-body{
    position:absolute; left:0; right:0; bottom:0;
    padding: 22px 22px 16px;
    z-index: 2;
    text-shadow: 0 2px 10px rgba(0,0,0,.5);
}
.tile-overlay{ display:none !important; }
.card-main .tile-body{ padding: 28px 28px 22px; }
.card-main .tile-title{
    font-weight: 800;
    font-size: clamp(1.25rem, 1.05rem + 1.6vw, 2.25rem);
    line-height: 1.15; margin-bottom: .35rem;
}
.tile:not(.card-main) .tile-title{
    font-weight: 700;
    font-size: clamp(1rem, .95rem + .3vw, 1.25rem);
    line-height: 1.25;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

.tile:hover .photo{ transform: scale(1.03); }

.tile-meta{ display:flex; align-items:center; gap:.5rem; }
.tile-meta::before{
    content:"\f073"; font-family:"Font Awesome 6 Free"; font-weight:900; font-size:.9em;
}
@media (max-width: 420px){
    .tile-body{ padding: 16px 14px; }
    .card-main .tile-body{ padding: 18px 16px; }
}
@media (max-width: 576px){
    .tile{ aspect-ratio: 16 / 9; }
    .tile .ratio{ height:100% !important; background:transparent !important; }
    .tile .ratio > *{ position:absolute; inset:0; width:100%; height:100%; }
    .card-main.tile,
    .card-main .ratio{ aspect-ratio: 16 / 9 !important; }
    .card-main .tile-title{ font-size: clamp(1rem, 0.9rem + 1.2vw, 1.35rem); }
    .tile-body{ padding: 14px; }
}
.ep-card {
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(16,24,40,.06), 0 1px 1px rgba(16,24,40,.04);
}
.ep-card .card-body { padding: 16px 18px; }
.ep-card .list-group-item { padding: 12px 0; }
.profbox .prof-label {
    display: inline-block;
    font-size: 12px;
    color: #667085;
    background: #F2F4F7;
    border: 1px solid #EAECF0;
    border-radius: 8px;
    padding: 2px 8px;
    margin: 6px 0 8px;
}
.profbox .prof-rows {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}
.prof {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    font-size: 13px;
    line-height: 1.2;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid #E9D7FE;
    background: #F9F5FF;
    color: #5925DC;
    white-space: nowrap;
}
.prof .prof-n {
    font-weight: 600;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 999px;
    background: #EEF4FF;
    border: 1px solid #D0D5DD;
    color: #1849A9;
    white-space: nowrap;
}
.prof .prof-name {
    white-space: normal;
}
.ep-card .list-group-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: nowrap;
}
.ep-card .list-group-item > div { flex: 1 1 auto; min-width: 0; }
.ep-card .ep-accr, .ep-card .list-group-item .flex-shrink-0 { flex: 0 0 auto; margin-left: auto; white-space: nowrap; }
.ep-card .ep-accr img { display: block; max-width: 36px; height: auto; }
.doc-cards .truncate-2{-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.doc-cards .truncate-4{-webkit-line-clamp:4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.truncate-2{-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.truncate-3{-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.page-cards .truncate-2{-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.page-cards .truncate-3{-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.card-img-top{
    height: 240px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
#message-grid .filters input{max-width:220px}
#message-grid textarea{min-width:280px}
.table-responsive{overflow-x:auto}
.dropdown-menu .fi{vertical-align:-2px}