/* Authors */
.authors {
    padding-bottom: 120px;
}

.authors h2 {
    font-weight: bold;
    font-size: 64px;
    line-height: 120%;
    color: white;
    text-transform: uppercase;
    margin-bottom: 36px;
}

.authors ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    gap: 24px;
}

.authors li {
    background: #F5F5F5;
    border-radius: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: calc(100% / 3 - 16px);
}

.authors a {
    padding: 52px 17px 57px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.authors .main-img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    margin-bottom: 31px;
}

.authors .main-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.authors-name {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 28px;
    color: #121212;
    margin-bottom: 5px;
}

.authors-type {
    color: #121212;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 31px;
}

.authors p {
    color: #666666;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
}
/* Authors end */

/* author-head */
.author-head {
    padding-bottom: 36px;
}

.author-head-content {
    display: flex;
    align-items: center;
    gap: 31px;
    margin-bottom: 17.5px;
}

.author-head .main-img {
    width: 278px;
    height: 278px;
    flex-shrink: 0;
    border-radius: 48px;
    overflow: hidden;
}

.author-head .main-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.author-name {
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;
    color: white;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.author-type {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    color: white;
    margin-bottom: 5px;
}

.author-description {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    color: white;
    margin-bottom: 45px;
}

.author-head p {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: white;
}

.author-head h2 {
    font-size: 64px;
    font-weight: bold;
    line-height: 120%;
    color: white;
}
/* author-head end */

.home-title {
    font-size: 82px;
    font-weight: bold;
    line-height: 96px;
    color: var(--main_white);
    margin-bottom: 16px;
}

.home-description {
    font-size: 32px;
    font-weight: bold;
    line-height: 40px;
    color: var(--main_white);
    text-transform: uppercase;
    margin-bottom: 68px;
}

.home-swp {
    position: relative;
}

.home-swp__btn {
    position: absolute;
    bottom: 22px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 24px;
}

.home-swp__btn button {
    border: 1px solid var(--main_black);
    background: var(--main_white);
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
}

.home-swp .swiper-slide:not(.swiper-slide-active) {
    height: 0;
    overflow: hidden;
}

.home-card {
    border-radius: 60px;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    gap: 24px;
    position: relative;
}

.home-card.bg-yellow {
    background: var(--orange_80);
}

.home-card.bg-green {
    background: var(--green_90);
}

.home-card.bg-violet {
    background: var(--violet_90);
}

.home-card__img {
    width: 395px;
    border-radius: 60px;
    overflow: hidden;
    height: 393px;
    flex-shrink: 0;
}

.home-card__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-card__content {
    padding: 32px 79px 0 0;
}

.home-card__content-title {
    font-size: 36px;
    font-weight: bold;
    line-height: 40px;
    text-transform: uppercase;
    max-width: 660px;
    margin-bottom: 10px;
    color: var(--interface_title);
}

.home-card__content-description {
    color: var(--interface_title);
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-card__content-body {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.home-card__content-body__alerts {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.home-card__content-body__alerts li {
    background: var(--interface_hover);
    color: var(--background);
    border-radius: 16px;
    padding: 6px 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.home-card__content-body__day {
    color: var(--interface_hover);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}

.home-card__content-body__time {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    color: var(--interface_hover);
}

.home-card__content-body__data {
    display: flex;
    align-items: center;
    gap: 12px;
}

.home-card__content-body__data>div {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    color: var(--interface_hover);
}

.home-card__content-body__data>div .main-img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}

.home-card__content-body__link {
    border: 1px solid #000000;
    border-radius: 28px;
    background: var(--main_white);
    position: absolute;
    right: 37px;
    bottom: 26px;
    padding: 8.5px 16px 12.5px;
    font-style: 20px;
    font-weight: 500;
    line-height: 24px;
}
/* Home end */


/* Anons */
.anons {
    background: var(--main_white);
    border-radius: 60px;
    padding: 51px 0;
}

.anons-theme__title {
    color: var(--main_black);
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.anons-theme {
    margin-bottom: 60px;
}

.anons-theme ul {
    max-width: 1022px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.anons-theme ul a {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: var(--main_black);
    padding: 4px 24px;
    border: 1px solid #000;
    border-radius: 20px;
}

.anons-theme ul a:hover,
.anons-theme ul a.active {
    background: var(--main_black);
    color: var(--main_white);
}

.anons-best {
    margin-bottom: 60px;
}

.anons-best__title {
    font-size: 36px;
    line-height: 40px;
    font-weight: bold;
    color: var(--main_black);
    margin-bottom: 20px;
}

.anons-best__card-wrap {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.anons-best__card {
    padding-top: 293px;
    border-radius: 48px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.anons-best__card.light {
    padding-top: 0;
    border-radius: 0;
}

.anons-best__card .main-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 360px;
    z-index: -1;
}

.anons-best__card .main-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.anons-best__card.light .main-img {
    position: static;
    height: 265px;
}
.anons-best__card.light .main-img img {
    border-radius: 30px;
}

.anons-best__card-alerts {
    position: absolute;
    top: 21px;
    left: 17px;
    width: calc(100% - 34px);
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    z-index: 1;
}

.anons-best__card-alerts li {
    padding: 6px 8px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: var(--background);
    background: var(--main_black);
    border-radius: 30px;
}

.anons-best__card-body {
    background: var(--accent-1);
    padding: 30px 17px 22px;
    border-radius: 48px 48px 0 0;
    color: var(--main_white);
    position: relative;
    height: 100%;
}

.anons-best__card.light .anons-best__card-body  {
    background: transparent;
    color: var(--main_black);
    padding: 12px 0 34px;
}

.anons-best__card-body__title {
    font-size: 28px;
    font-weight: bold;
    line-height: 32px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.anons-best__card.light .anons-best__card-body__title {
    font-size: 26px;
}

.anons-best__card-body__datas {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 10px;
    max-width: 264px;
}

.anons-best__card.light .anons-best__card-body__datas {
    color: var(--placeholder);
}

.anons-best__card-body__datas p {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
}

.anons-best__card-body__datas ul {
    display: flex;
    align-items: center;
    gap: 10px;
}

.anons-best__card-body__datas ul li {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
}

.anons-best__card-body__datas ul .logo img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
}

.anons-article {
    margin-bottom: 40px;
}

.anons-article__title {
    font-size: 36px;
    line-height: 40px;
    font-weight: bold;
    color: var(--main_black);
    margin-bottom: 20px;
}

.anons-article__card-wrap {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 40px 25px;
}

.anons-article__more-link {
    display: flex;
    align-items: center;
    justify-content: center;
}

.anons-article__more-link a {
    background: var(--accent-3);
    color: var(--main_white);
    border-radius: 20px;
    border: 1px solid var(--main_white);
    padding: 16px 24px;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
}
/* Anons end */


/* Стили для планшетов  */
@media only screen and (max-width: 992px) {
   
    .authors h2 {
        font-size: 48px;
        margin-bottom: 24px;
    }

    .authors li {
        border-radius: 32px;
        width: calc(50% - 12px);
    }

    .authors .main-img {
        margin-bottom: 24px;
    }

    .author {
        padding-bottom: 24px;
    }

    .author h2 {
        font-size: 48px;
    }

    .author-head-content {
        flex-direction: column;
        align-items: flex-start;
    }
}



/* Стили для планшетов  */
@media only screen and (max-width: 992px) {
  
    .author {
        padding: 188px 0 36px;
    }
}



@media only screen and (max-width: 576px) {
    .anons-best__title {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 12px;
    }

    .anons-best__card {
        padding-top: 205px;
    }

    .anons-best__card .main-img {
        height: 300px;
    }

    .anons-best__card-body {
        padding: 20px 17px;
    }

    .anons-best__card-body__title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 16px;
    }

    .anons-best__card.light .main-img {
        height: 197px;
    }

    .anons-best__card.light .anons-best__card-body__title {
        font-size: 20px;
        line-height: 24px;
    }

   

    .authors {
        padding-bottom: 138px;
    }

    .authors h2 {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 15px;
    }

    .authors li {
        border-radius: 24px;
        width: 100%;
    }
    
    .authors a {
        padding: 32px 17px 52px;
    }

    .authors .main-img {
        width: 180px;
        height: 180px;
        margin-bottom: 20px;
    }

    .authors-name {
        font-size: 20px;
        line-height: 24px;
    }

    .authors-type {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .authors p {
        font-size: 16px;
        line-height: 20px;
    }

    .author-head {
        padding-bottom: 15px;
    }

    .author-head-content {
        margin-bottom: 23px;
    }

    .author-head .main-img {
        width: 100%;
    }

    .author-head h2 {
        font-size: 32px;
        line-height: 38px;
    }

    .author-name {
        font-size: 20px;
        line-height: 24px;
    }

    .author-type {
        font-size: 18px;
        line-height: 24px;
    }

    .author-description {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 24px;
    }

    .author-head p {
        font-size: 16px;
        line-height: 20px;
    }
}