.bloggers .header{ 
    background-color: #FAFAFA;
    border-radius: 0px 0px 30px 30px;
    position: relative;
}

.header__decor { 
    position: absolute;
    top: 325px;
    right: 10%;
}

.bloggers .header__inner,
.bloggers .header__sub-title{
    color: #18181B;
}

.bloggers .btn_white { 
    border: 1px solid #A1A1AA;
    border-radius: 10px;
}

.bloggers .tenets{ 
    padding-top: 60px;
}

.bloggers .tenets__text { 
    max-width: 330px;
}

.bloggers .cases {
    padding-top: 60px;
}

.bloggers .cases__items { 
    gap: 30px;
}

.bloggers .cases__item { 
    background: none;
    position: relative;
    max-width: 389px;
}

.bloggers .cases__img {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -2;
}



.bloggers .cases__text { 
    text-align: left;
}

.bloggers .cases__shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.numbers {
    padding-top: 60px;
}

.numbers__container {}

.numbers__title {
    margin-bottom: 20px;
}

.numbers__sub-title {
    margin-bottom: 30px;
    color: #18181B;
}

.numbers__items {}

.numbers__item {}

.numbers__icon img{
    margin-bottom: 28px;
    width: 48px;
    height: 48px;
}

.numbers__name {
    margin-bottom: 10px;
}

.numbers__text {
    margin-bottom: 50px;
    color: #667085;
    max-width: 320px;
}
.bloggers .showreel { 
    padding-top: 10px;
}

.bloggers .cases .btn {
    margin-bottom: 60px;
}

.with-us {
    padding-top: 60px;
    background: #0D0D0D;
    border-radius: 30px;
}

.with-us__container {}

.with-us__title {
    color: #FFFFFF;
    margin-bottom: 20px;
    font-weight: 700;
    max-width: 330px;
}

.with-us__sub-title {
    color: #FFFFFF;
    margin-bottom: 30px;
    font-weight: 400;
}

.bloggers .btn_black {
    border: 2px solid #FFFFFF;
    border-radius: 10px;
}

.bloggers .partners { 
    padding-top: 60px;
}
.bloggers .footer__top {
    padding-bottom: 40px;
}

.bloggers .footer__text { 
    font-size: 14px;
    line-height: 22px;
}


/*-----------------------media------------------*/


/* Large desktops and laptops */
@media (min-width: 1200px) {
    .bloggers .cases__items {
        gap: 44px;
    }
    .bloggers .numbers__items { 
        gap: 60px 193px;
    }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .bloggers .cases__items {
        gap: 40px;
    }
    .bloggers .numbers__items { 
        gap: 60px;
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
        .with-us__title {
            font-size: 40px;
            line-height: 45px;
        }
        .bloggers .cases__items {
        gap: 30px;
    }
}

@media (min-width: 770px) { 
    .bloggers .numbers__items { 
        display: grid;
        grid-template-columns: repeat(2, 408px);
        margin: 0 auto;
        max-width: 972px;
    }
}
@media (min-width: 768px) {
    .bloggers .header__title { 
        max-width: 994px;
        margin: 0 auto 30px auto;
    }
    .bloggers .header__sub-title { 
        max-width: 488px;
        margin: 0 auto 30px auto;
    }
    .bloggers .tenets { 
        padding-top: 120px;
    }
    .bloggers .tenets__itens { 
        margin-bottom: 90px;
    }
    .with-us {
        display: flex;
        flex-direction: row;
        padding-top: 0px;
    }

    .bloggers .tenets__text { 
        max-width: 385px;
    }

    .with-us__container {
        
    }

    .with-us__img { 
        
    }

    .with-us__title {
        max-width: fit-content;
        text-align: start;
        margin:  162px 0 24px 0;
    }

    .with-us__sub-title {
        text-align: start;
        max-width: 450px;

    }

    .with-us .btn {
        max-width: 187px;
        font-size: 16px;
        line-height: 28px;
    }

    .numbers__title { 
        text-align: center;
    }
    .numbers__sub-title { 
        max-width: 540px;
        margin: 0 auto 60px auto;
        text-align: center;
    }

    

    .bloggers .numbers__icon { 
        margin-right: 40px;
        float: left;
        height: 100px;
    }
    
    .bloggers .numbers__name { 
        max-width: 320px;
    }
    .bloggers .numbers__text { 
        max-width: 378px;
        text-align: start;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #18181B;
        margin-bottom: 0px;
    }

    .bloggers .numbers__name_short { 
        max-width: 186px;
    }

    .bloggers .showreel { 
        padding-top: 120px;
    }
    
    .bloggers .team { 
        padding-top: 120px;
    }

    .bloggers .team__text { 
        margin: 0 auto 23px auto;
        max-width: 444px;
        font-weight: 400;
        font-size: 18px;
        line-height: 24px;
    }

    .bloggers .partners { 
        padding: 120px 0;
    }

    .bloggers .partners__slider {
        margin-bottom: 0px;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .bloggers .cases__item:nth-child(4),
    .bloggers .cases__item:nth-child(5),
    .bloggers .cases__item:nth-child(6),
    .bloggers .cases__item:nth-child(7),
    .bloggers .cases__item:nth-child(8),
    .bloggers .cases__item:nth-child(9) { 
        display: none;
    }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    .bloggers .header__title { 
        max-width: 994px;
        margin: 0 0 14px 0;
    }

    .bloggers .header__sub-title { 
        max-width: 488px;
        margin: 0 0 20px 0;
    }
    .bloggers .cases__img { 
        height: 100%;
        max-width: auto;
        max-width: fit-content;
    }
}

/* Iphone 5 */
@media (max-width: 320px) {}

@media (max-width: 767px) {
    .bloggers .cases__item:nth-child(4),
    .bloggers .cases__item:nth-child(5),
    .bloggers .cases__item:nth-child(6),
    .bloggers .cases__item:nth-child(7),
    .bloggers .cases__item:nth-child(8),
    .bloggers .cases__item:nth-child(9),
    .bloggers .cases__item:nth-child(10),
    .bloggers .cases__item:nth-child(11),
    .bloggers .cases__item:nth-child(12){ 
        display: none;
    }

.show-cases { 
    display: flex !important;
}