:root{
    --complementary-yellow: #FFF1BE;
    --complementary-red: #FFD0C1;
    --complementary-pink: #F9DFEB;
    --complementary-turquoise: #B3F5F5;
    --complementary-orange: #FCDABC;
    --complementary-olive: #C5E3B7;
    --complementary-violet: #ECE0F8;
}

/* style.css */
.arto-ac-container input + h3{
    padding-right: 70px
}
@media all and (max-width: 768px) {
    .arto-faq:last-child, .arto-stories-block{
        padding: 60px 0
    }
}
/* end of style.css */

/* .arto-main-block.all-posts styles */
.arto-main-block.all-posts{
    overflow: hidden
}
.arto-main-block.all-posts .arto-main-block__content{
    min-height: 555px
}
.arto-main-block.all-posts p{
    font-size: 1.125rem
}
.arto-main-block.all-posts .arto-short-text{
    max-width: 568px
}
.arto-main-block.all-posts:after{
    content: url('../img/all-posts-bg.png');
    top: 0
}
.arto-main-block.all-posts .arto-main-block__slider-container{
    border-color: var(--black)
}
.arto-main-block.all-posts .arto-main-block__slider-container{
    padding-bottom: 53px
}
/* end of .arto-main-block.all-posts styles */

/* .arto-stories-block styles */
.arto-stories-block{
    padding: 120px 0
}
.arto-stories-block__item{
    padding: 30px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}
.arto-stories-block__item__icon, .arto-stories-block__item h3{
    margin-bottom: 20px
}
.arto-stories-block__item h3{
    font-size: 2.0625rem;
    font-weight: 400
}
.arto-stories-block__item p{
    font-size: 1rem;
    color: var(--black);
    margin-bottom: 20px
}
.arto-stories-block__item .arto-btn{
    width: 100%;
    background-color: var(--black);
    border-color: var(--black);
    display: inline-block;
    margin-top: auto;
    text-align: center
}
.arto-stories-block__item:first-child{
    background-color: var(--complementary-yellow)
}
.arto-stories-block__item:nth-child(2){
    background-color: var(--complementary-red)
}
.arto-stories-block__item:nth-child(3){
    background-color: var(--light-green)
}
.arto-stories-block__item:nth-child(4){
    background-color: var(--complementary-pink)
}
.arto-stories-block__item:nth-child(5){
    background-color: var(--complementary-blue)
}
.arto-stories-block__item:nth-child(6){
    background-color: var(--complementary-turquoise)
}
.arto-stories-block__item:nth-child(7){
    background-color: var(--complementary-orange)
}
.arto-stories-block__item:nth-child(8){
    background-color: var(--complementary-olive)
}
.arto-stories-block__item:nth-child(9){
    background-color: var(--complementary-violet)
}
.arto-stories-block__item:nth-child(10){
    background-color: var(--complementary-dark-blue)
}
.arto-stories-block__item:nth-child(11){
    background-color: #ffffff;
    border: 1px solid var(--black)
}
.arto-stories-block__item:nth-child(12){
    background-color: var(--light-blue)
}
.arto-stories-block__item:nth-child(13){
    background-color: var(--complementary-yellow)
}
.arto-stories-block__item:nth-child(14){
    background-color: var(--complementary-red)
}
.arto-stories-block__item:nth-child(15){
    background-color: var(--light-green)
}
.arto-stories-block__item:nth-child(16){
    background-color: var(--complementary-pink)
}
.arto-stories-block__item:nth-child(17){
    background-color: var(--complementary-blue)
}
.arto-stories-block__item:nth-child(18){
    background-color: var(--complementary-turquoise)
}
.arto-stories-block__item:nth-child(19){
    background-color: var(--complementary-orange)
}
.arto-stories-block__item:nth-child(20){
    background-color: var(--complementary-olive)
}
.arto-stories-block__item:nth-child(21){
    background-color: var(--complementary-violet)
}
.arto-stories-block__item:nth-child(22){
    background-color: var(--complementary-dark-blue)
}
.arto-stories-block__item:nth-child(23){
    background-color: #ffffff;
    border: 1px solid var(--black)
}
.arto-stories-block__item:nth-child(24){
    background-color: var(--light-blue)
}
/* end of .arto-stories-block styles */

/* tags block styles */
.arto-page a:not(a.arto-btn).arto-tags__item, .arto-tags__item{
    font-size: 0.875rem;
    padding: 10px 14px;
    border-radius: 4px;
    text-decoration: none;
    color: var(--black);
    background-color: var(--light-blue);
    display: inline-block
}
.arto-tags{
    overflow: hidden
}
.arto-tags__items{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin: 0 -10%;
    padding: 0 5%
}
/* end of tags block styles */

@media all and (max-width: 991px){
    .arto-main-block.all-posts .arto-main-block__content {
        min-height: 300px
    }
    .arto-main-block.all-posts:after{
        content: url('../img/all-posts-bg-mob.png');
        top: -140px;
        right: -100px
    }
}