.paragraph.paragraph--type--citace{
    background: rgba(180, 204, 5, 0.25);
    position: relative;
    margin: 60px 0 80px;
    padding: 75px 70px 60px 225px;
}
.paragraph--type--citace:before{
    content: "";
    width: 192px;
    height: 203px;
    display: block;
    position: absolute;
    left: -47px;
    top: -15px;
    z-index: 1;
    background: transparent url(/themes/custom/azdata/images/citace.svg) no-repeat center center;
}
.paragraph--type--polozka-citace p{
    font-size: 20px;
    line-height: 28px;
    color: #013525;
}
.paragraph--type--polozka-citace .field--name-field-autor-citace{
    text-align: right;
    font-size: 17px;
    line-height: 25px;
    font-weight: 500;
    color: #013525;
    margin-top: 25px;
}
.paragraph--type--citace .swiper-button-next, 
.paragraph--type--citace .swiper-button-prev{
    display: none;
}
.paragraph--type--citace .swiper-horizontal>.swiper-pagination-bullets, 
.paragraph--type--citace .swiper-pagination-bullets.swiper-pagination-horizontal, 
.paragraph--type--citace .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 0;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}
.paragraph--type--citace .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.paragraph--type--citace .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0;
    width: 13px;
    height: 13px;
    border-radius: 0;
    opacity: 1;
    background: #fff;
}
.paragraph--type--citace .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover, 
.paragraph--type--citace .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:hover,
.paragraph--type--citace .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.paragraph--type--citace .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #B4CC05;
}
@media screen and (max-width: 767px){
    .paragraph.paragraph--type--citace {padding: 45px 20px 40px 105px;}
    .paragraph--type--citace:before {width: 130px; top: -57px; background-size: contain;}
    .paragraph--type--citace .swiper{padding-bottom: 20px;}
}
@media screen and (max-width: 479px){
    .paragraph.paragraph--type--citace {padding: 120px 20px 40px 20px;}
    .paragraph--type--citace .swiper-horizontal>.swiper-pagination-bullets, .paragraph--type--citace .swiper-pagination-bullets.swiper-pagination-horizontal, .paragraph--type--citace .swiper-pagination-custom, .swiper-pagination-fraction {justify-content: center;}
    .paragraph--type--citace .swiper{padding-bottom: 40px;}
}