body{
    background-color: #F1F1F2
}
.main__title-wrap{
    margin-bottom: 40px;
}
.main__content .departments {
    margin-top: 10px;
}

.ui-title-small-blue a {
    border-bottom: 2px transparent solid;
    transition: .5s ease;
}
.ui-title-small-blue a:hover {
    border-bottom: 2px #122D4E solid;
    transition: .5s ease;
}
.facultites{
    display: flex;
    flex-direction: row;
    margin-top: 24px;
}
.facultites-block{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    padding: 24px;
    grid-gap: 20px;
    cursor: pointer;
    background: #fff;
    transition: 0.3s ease;
}
.fd-head{
    color:  #122D4E!important;
    font-size: 20px!important;
    font-weight: 500!important;
    text-transform: none;
}
.facultites-block:not(:last-child){
    margin-right: 20px;
}
.facultites-block-title-wrap {
    color: #000;
    text-transform: uppercase;
}
.facultites-block:focus,
.facultites-block:active,
.facultites-block:hover {
    background: #122D4E;
    transition: 0.3s ease;
}

.ui-title-small-blue a{
    color: #122D4E;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%;
}
.facultites-block:hover .facultites-block-title{
    color: #fff;
    transition: 0.3s ease;
}
.facultites-block-img-wrap{
    display: flex;
    align-items: center;
}

.block-white{
    background: #fff;
}
.facultites-block-title{
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    transition: 0.3s ease;
}
.title-white{
       color: #FFF;
}
.title-black{
    color: black;
}
.departments{
    display: flex;
    flex-direction: column;
    margin-top: 80px;
    margin-bottom: 80px;
}
.departments-container{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}
.departments-title-wrap{
    margin-bottom: 24px;
}
.departments-container__block{
    display: flex;
    flex-direction: column;
    padding: 24px;
    width: 100%;
    max-width: 440px;
    min-height: 325px;
    justify-content: flex-end;
}
.departments-container__block-link{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.block-link-title-wrap{
    margin-bottom: 24px;
}
.block-link-title{
    color: #FFF;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
}
.departments-container__block-info{
    display: flex;
    flex-direction: column;
}
.block-info__row{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    grid-gap: 40px;
}
.block-info__row-container{
    display: flex;
    flex-direction: row;
    grid-gap: 5px;
    align-items: center;
    width: 100%;
}
.row-container-volume{
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 130%;
}
.row-container-title{
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}
.departments-wrapper {
    display: flex;
}

.dep-btn-accordion .show-img{
    background-image: none;
}
@media(max-width:1300px) {
    .departments-container {
        grid-template-columns: 1fr 1fr;
    }
}
@media(max-width:1050px){

.facultites{
    flex-direction: column;
    row-gap:14px;
}
.block-info__row{
    grid-gap: 0px;
}
.block-info__row-container{
    width: inherit
}
}

@media(max-width:768px) {
    .departments-container {
        grid-template-columns: 1fr;
    }
    .departments-wrapper {
        flex-direction: column;
        gap: 20px;
    }
    .block-link-title {
        font-size: 16px;
    }
    .ui-title-big-blue h1 {
        font-size: 30px!important;
    }
    .departments {
        margin-top: 45px;
        margin-bottom: 80px;
    }
}