.announcement{
    position: relative;
    padding-bottom: 40px;
    background: #293033;
}
.announcement__swiper {
    height: 7.52em;
    width: 100%;
    position: relative;
}
.announcement__arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: .9em;
    height: .9em;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    background: #293033;
    border-radius: 50%;
    transition: .2s linear;
    cursor: pointer;
}
.announcement__arrow.swiper-button-disabled {opacity: 0;}
.announcement__arrow svg {width: .34em;height: .28em;}
.announcement-prev{left: .25em}
.announcement-next{right: .25em}
.announcement picture, .announcement img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.announcement picture{display: flex}
.announcement img{font-size: 11px; text-align: center}
.container.announcement__container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 100%;
    display: flex;
    align-content: flex-end;
    align-items: flex-end;
    justify-content: center;
    padding-top: .4em;
    padding-bottom: .4em;
}
.announcement__text {
    font-size: .24em;
    text-align: center;
    color: #FFF;
}
.announcement__text a{color: inherit; text-decoration: underline;text-underline-offset: .1em}
.announcement__text h1, .announcement__text .h1 {font-size: 2.35em;line-height: 1em;margin: 0;}
.announcement__text h2, .announcement__text .h2{font-size: 2.1em;line-height: 1em;margin: 0}
.announcement__text h3, .announcement__text .h3{font-size: 1.8em;line-height: 1em;margin: 0}
.announcement__text h4, .announcement__text .h4{font-size: 1.5em;line-height: 1em;margin: 0}
.announcement__text h5, .announcement__text .h5{font-size: 1.3em;line-height: 1em;margin: 0}
.announcement__text h6, .announcement__text .h6{font-size: 1.1em;line-height: 1em;margin: 0}
.announcement .announcement__text a {
    color: inherit;
    text-decoration: none;
    line-height: 1.22em;
    border-bottom: 2px solid #FFF;
    text-wrap: balance;
    transition: .2s linear;
}
.announcement .announcement__text .announcement__btn {
    border: 0;
    text-decoration: none;
    padding: 6px 1em;
    font-size: 1.5em;
    cursor: pointer;
    transition: .2s linear;
}
.announcement__btn-red{background: red;color: #FFFFFF}
.announcement .swiper-horizontal.announcement__swiper>div.swiper-pagination-bullets, .announcement div.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 15px;
    left: 0;
    width: 100%;
    height: fit-content;
    display: flex;
    justify-content: center;
}
.announcement span.swiper-pagination-bullet{background: #FFFFFF}
.announcement span.swiper-pagination-bullet.swiper-pagination-bullet-active{background: #FFFFFF}
@media (hover: hover) {
    .announcement .announcement__text a:hover{color: #d1d5d7}
    .announcement .announcement__text .announcement__btn:hover{opacity: .7;}
    .announcement .announcement__text .announcement__btn.announcement__btn-red:hover{opacity: 1;color: #FFFFFF;background: #b70202}
}
@media (max-width: 1000px) {
    .announcement__swiper {height: 12em;}
    .container.announcement__container {max-width: 83%;}
    .announcement__text {font-size: .41em;}
    .announcement .announcement__text .announcement__btn {font-size: 1.2em;}
}
@media (max-width: 400px) {
    .announcement__text h1, .announcement__text .h1 {font-size: 1.6em;}
    .announcement__text h2, .announcement__text .h2{font-size: 1.5em;}
    .announcement__text h3, .announcement__text .h3{font-size: 1.4em;}
    .announcement__text h4, .announcement__text .h4{font-size: 1.3em;}
    .announcement__text h5, .announcement__text .h5{font-size: 1.2em;}
    .announcement__text h6, .announcement__text .h6{font-size: 1.1em;}
}