html{
    scroll-behavior: smooth;
}

*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
}

h1, h2, h3, h4, h5, h6{
    margin: 0;
    padding: 0;
}

html, body {
    overflow-x: hidden;
}

body{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    color: #1d1d1d;
}

a {
    text-decoration: none;
}

.new-link {
    color: #000;
}

.fa-user{
    color: #0136B5;
}

.new-link:hover,
.has-submenu:hover > .new-link{
    background: linear-gradient(90deg, #000, #0136B5 98%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    width: fit-content;
}
.container{
    max-width: 1143px;
    margin: 0 auto;


}
.doc-page {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 60px;
}
.title-page{
    width: 320px;
    margin-top: 90px;

}
.title-text{
    color: #000000;
    font-weight: bold;
    font-size: 32px;

}
.title-line{
    width: 65px;
    height: 3px;
    margin-top: 15px;
    border-radius: 500px;
    background-color: #00A2DC;
    position: relative;
}
.element-page{
    width: 100%;
    margin-top: 76px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    row-gap: 6px;
    max-width: 1143px;
}
.all {
    cursor: pointer;
    background: #fff;
    color: #00A2DC;
    border: 1px solid #00A2DC;
    transition: background 0.2s, color 0.2s;
    width: 83px;
    height: 47px;
    border-radius: 37px;
    padding: 14px 25px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.admin {
    cursor: pointer;
    background: #fff;
    color: #00A2DC;
    border: 1px solid #00A2DC;
    transition: background 0.2s, color 0.2s;
    width: 220px;
    height: 47px;
    border-radius: 37px;
    padding: 14px 25px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.academic {
    cursor: pointer;
    background: #fff;
    color: #00A2DC;
    border: 1px solid #00A2DC;
    transition: background 0.2s, color 0.2s;
    width: 186px;
    height: 47px;
    border-radius: 37px;
    padding: 14px 25px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.all-text, .admin-text, .academic-text {
    color: inherit !important;
    transition: color 0.2s;
    font-size: 16px;
    font-weight: 500;
}

.doc-content{
    width: 100%;
    height: 384px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 90px;
}
.doc-items{
    width: 100%;
    height: 108px;
    border-radius: 12px;
    background: #F8FAFC;
    position: relative;
}

.new{
    width: 59px;
    height: 22px;
    border-radius: 17px;
    background: #E91E63;
    padding: 3px 0  4px 14px;
    position: absolute;
    top: 15px;
    left: 15px;
}
.new-text{
    color: #ffff;
    font-weight: 700;
    font-size: 12px;
}
.info-text{
    color: #000000;
    font-weight: 700;
    position: absolute;
    top: 16px;
    left: 96px;

}
.size {
    width: 90px;
    min-width: 70px;
    height: 28px;
    background: #FBC600;
    border-radius: 13px;
    position: absolute;
    top: 18px;
    right: 78px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    z-index: 2;
}
.size-text {
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    position: static;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    white-space: nowrap;
}
.img-doc{
    width: 45px;
    height: 45px;
    border-radius: 8px;
    position: absolute;
    top: 48px;
    left: 15px;


}
.since{
    position: absolute;
    top: 77px;
    left: 96px;
}
.download {
    width: 83px;
    height: 20px;
    position: absolute;
    top: 70px;
    right: 81px;
    display: flex;
}
.img-download{
    width: 20px;
    height: 20px;
}

.link-download{
    color: #00A2DC;
    font-weight: 700;
    font-size: 12px;
    width: 53px;
    height: 15px;
    margin-top: 2.5px;
    margin-left: 10px;

}
.since-text{
    color: #1d1d1d;
    font-weight: 400;
    font-size: 13px;
}

.active-btn {
    background-color: #00A2DC !important;
    color: #fff !important;
    border: none !important;
}

/* --- Кнопки категорий --- */
.org_info, .gia, .vpr, .admission, .distance, .emergency, .anti_corruption, .anti_terror, .safety, .union, .food, .rospotrebnadzor, .methodology, .programs, .other {
    cursor: pointer;
    background: #fff;
    color: #00A2DC;
    border: 1px solid #00A2DC;
    transition: background 0.2s, color 0.2s;
    min-width: 120px;
    height: 47px;
    border-radius: 37px;
    padding: 14px 25px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
}

.org_info-text, .gia-text, .vpr-text, .admission-text, .distance-text, .emergency-text, .anti_corruption-text, .anti_terror-text, .safety-text, .union-text, .food-text, .rospotrebnadzor-text, .methodology-text, .programs-text, .other-text {
    color: inherit !important;
    font-size: 16px;
    font-weight: 500;
}