.sticky,
body:has(.banners) .sticky,
.sticky.scroll,
body:has(.banners) .sticky.scrol{
    padding: 1rem 0;
}

.aboutit{
    background: url(../../assets/img/noisefx.png) repeat top left;
    padding: 181px 0 240px;
}

.aboutit .row{
    grid-gap: 2rem 0;
}

.aboutit .row>*{
    align-content: center;
}

.aboutit .content,
.media .content,
.trajetory .content{
    position: relative;
    z-index: 1;
    display: grid;
    display: -webkit-grid;
    align-items: center;
    padding-left: 88px;
}

.aboutit .content::before,
.media .content::before,
.trajetory .content::before{
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    width: 40%;
    height: 150%;
    border: 1px solid var(--line);
    border-radius: 29px;
    clip-path: polygon(-20% -20%,120% -20%,120% 9.63661%,80% 9.63661%,80% 90.36338%,120% 90.36338%,120% 120%,-20% 120%);
    -webkit-clip-path: polygon(-20% -20%,120% -20%,120% 9.63661%,80% 9.63661%,80% 90.36338%,120% 90.36338%,120% 120%,-20% 120%);
    box-shadow: 0 3px 6px #00000029;
}

.aboutit .sectitle{
    font-size: 52px;
}

.aboutit .sectitle::before,
.trajetory .sectitle::before{
    content: url('data:image/svg+xml;utf8,<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M33.338 5.775V27.562C33.338 29.0936 32.7296 30.5625 31.6465 31.6455C30.5635 32.7286 29.0946 33.337 27.563 33.337H5.775C4.24337 33.337 2.77448 32.7286 1.69146 31.6455C0.608436 30.5625 0 29.0936 0 27.562L0 5.775C0 4.24337 0.608436 2.77448 1.69146 1.69146C2.77448 0.608436 4.24337 0 5.775 0H27.562C29.0936 0 30.5625 0.608436 31.6455 1.69146C32.7286 2.77448 33.338 4.24337 33.338 5.775Z" fill="rgb(191, 144, 0)"/><path d="M9.37598 10.25H23.088V23.962M23.0891 10.249L10.0791 23.258" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    display: block;
    display: -webkit-block;
    height: 34px;
    margin-bottom: 21px;
}

.criativity{
    /* background: url(../../assets/img/criabg.png) no-repeat center/cover; */
    padding: 90px 0 72px;
}

.criativity .row{
    justify-content: space-between;
    -webkit-justify-content: space-between;
    grid-gap: 2rem 0;
}

.criativity .row>*{
    align-content: center;
}

.criativity .content,
.commun .content,
.archive .content{
    position: relative;
    z-index: 1;
    padding-left: 56px;
}

.criativity .content::before,
.commun .content::before,
.archive .content::before{
    content: '';
    position: absolute;
    inset: auto auto 0 13px;
    width: 2px;
    height: calc(100% - 47px);
    background: var(--dark-yell);
}

.criativity .content::after,
.commun .content::after,
.archive .content::after{
    content: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.659 21.214V4.445C25.659 3.26611 25.1907 2.13551 24.3571 1.30191C23.5235 0.468311 22.3929 0 21.214 0H4.445C3.26611 0 2.13551 0.468311 1.30191 1.30191C0.468311 2.13551 0 3.26611 0 4.445L0 21.214C0 22.3929 0.468311 23.5235 1.30191 24.3571C2.13551 25.1907 3.26611 25.659 4.445 25.659H21.214C22.3929 25.659 23.5235 25.1907 24.3571 24.3571C25.1907 23.5235 25.659 22.3929 25.659 21.214Z" fill="rgb(191, 144, 0)"/><path d="M12.4938 19.9567L19.9573 12.4932L12.4953 5.03112" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.9564 12.4941H5.7959" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    position: absolute;
    inset: 0 auto auto 0;
}

.markets{
    padding: 139px 0 146px;
}

.markets .container{
    max-width: calc(1475px + 140px);
    margin-left: 0;
    padding-left: 126px;
}

.markets .row{
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    grid-gap: 2rem 0;
}

.markets .row>*{
    align-content: center;
}

.markets .img{
    display: flex;
    display: -webkit-flex;
    align-items: stretch;
    grid-gap: 13px;
}

.markets .img>*{
    width: 32.3%;
    border-radius: 15px;
    object-fit: cover;
    -o-object-fit: cover;
}

.markets .text{
    margin-top: 22px;
}

.media{
    background: var(--black);
    padding: 132px 0;
}

.media .row{
    grid-gap: 2rem 0;
}

.media .row>*{
    align-content: center;
}

.media .content{
    position: relative;
    z-index: 1;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    padding-left: 88px;
}

.media .content::before{
    border: 1px solid var(--white);
    clip-path: polygon(-20% -20%,120% -20%,120% 15%,80% 15%,80% 85%,120% 85%,120% 120%,-20% 120%);
    -webkit-clip-path: polygon(-20% -20%,120% -20%,120% 15%,80% 15%,80% 85%,120% 85%,120% 120%,-20% 120%);
}

.media .sectitle::before{
    content: url('data:image/svg+xml;utf8,<svg width="44" height="44" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M33.338 5.775V27.562C33.338 29.0936 32.7296 30.5625 31.6465 31.6455C30.5635 32.7286 29.0946 33.337 27.563 33.337H5.775C4.24337 33.337 2.77448 32.7286 1.69146 31.6455C0.608436 30.5625 0 29.0936 0 27.562L0 5.775C0 4.24337 0.608436 2.77448 1.69146 1.69146C2.77448 0.608436 4.24337 0 5.775 0H27.562C29.0936 0 30.5625 0.608436 31.6455 1.69146C32.7286 2.77448 33.338 4.24337 33.338 5.775Z" fill="rgb(255, 203, 0)"/><path d="M9.37598 10.25H23.088V23.962M23.0891 10.249L10.0791 23.258" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    display: block;
    display: -webkit-block;
    width: 44px;
    height: 44px;
    margin-bottom: 7px;
}

.media .sectitle{
    font-size: 52px;
}

.trajetory{
    padding: 237px 0 192px;
}

.trajetory .row{
    justify-content: space-between;
    -webkit-justify-content: space-between;
    grid-gap: 2rem 0;
}

.trajetory .row>*{
    align-content: end;
}

.trajetory .content{
    padding-left: 72px;
}

.trajetory .content::before{
    width: 72%;
    height: 155%;
}

.trajetory .text{
    margin-top: 2rem;
}

.trajetory .box{
    border-radius: 15px;
    background: var(--dark-yell);
    padding: 45px 72px;
}

.trajetory .box .text{
    margin: 0;
}

.commun{
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    padding: 192px 0 141px;
}

.commun .row{
    flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    grid-gap: 2rem 0;
}

.commun .row>*{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
}

.commun .img{
    position: absolute;
    left: 0;
    width: clamp(10px,45.83333vw,880px);
    aspect-ratio: 1/.74772;
}

.commun .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    border-radius: 0 33px 33px 0;
}

.commun .text{
    margin-top: 22px;
}

.manner{
    padding: 141px 0 170px;
}

.manner .container{
    max-width: calc(1346px + 140px);
}

.manner .lines{
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    grid-gap: 1rem 23px;
}

.manner .lines::before,
.manner .lines::after{
    content: '';
    width: 16%;
    height: 2px;
    background: var(--dark-yell);
}

.manner .lines svg{
    position: absolute;
    left: calc(100% + 23px);
}

.manner .row{
    flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    grid-gap: 2rem 0;
    margin-top: 67px;
}

.manner .row>*{
    align-content: center;
}

.techno{
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    background: var(--black);
    padding: 100px 0 181px;
}

.techno .row{
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    grid-gap: 2rem 0;
}

.techno .row>*{
    display: grid;
    display: -webkit-grid;
    align-items: center;
}

.techno .img{
    position: absolute;
    z-index: 1;
    left: 0;
    width: 51.40625vw;
}

.techno .img img{
    width: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

.techno .img::before,
.techno .img::after{
    content: '';
    position: absolute;
    z-index: -1;
    width: 61.39817%;
    aspect-ratio: 1/1;
    border-radius: 50%;
}

.techno .img::before{
    inset: -18.63117% 2.73556% auto auto;
    border: 1px solid var(--main);
}

.techno .img::after{
    inset: 5.13307% 16.10942% auto auto;
    background: var(--main);
}

.techno .text{
    margin-top: 27px;
}

.archive{
    background: url(../../assets/img/noisefx.png) repeat top left;
    padding: 111px 0 131px;
}

.archive .text{
    margin-top: 1rem;
}

.archive .items{
    display: grid;
    display: -webkit-grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 5px 4rem;
    width: fit-content;
    margin-top: 40px;
}

.archive .items>*{
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    grid-gap: 8px;
}

.archive .items>*::before{
    content: url('data:image/svg+xml;utf8,<svg width="25" height="25" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M33.338 5.775V27.562C33.338 29.0936 32.7296 30.5625 31.6465 31.6455C30.5635 32.7286 29.0946 33.337 27.563 33.337H5.775C4.24337 33.337 2.77448 32.7286 1.69146 31.6455C0.608436 30.5625 0 29.0936 0 27.562L0 5.775C0 4.24337 0.608436 2.77448 1.69146 1.69146C2.77448 0.608436 4.24337 0 5.775 0H27.562C29.0936 0 30.5625 0.608436 31.6455 1.69146C32.7286 2.77448 33.338 4.24337 33.338 5.775Z" fill="rgb(191, 144, 0)"/><path d="M9.37598 10.25H23.088V23.962M23.0891 10.249L10.0791 23.258" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    height: 25px;
}

.archive .text.t2{
    margin-top: 42px;
}

.archive .dbtn{
    font-weight: 700;
    margin-top: 40px;
}

@media(max-width:992px){
    .aboutit,
    .criativity,
    .markets,
    .media,
    .trajetory,
    .commun,
    .manner,
    .archive{
        padding: 2rem 0;
    }
    .aboutit .content,
    .media .content,
    .trajetory .content,
    .criativity .content,
    .commun .content,
    .archive .content{
        padding-left: 0;
    }
    .aboutit .content::before,
    .media .content::before,
    .trajetory .content::before,
    .criativity .content::before,
    .commun .content::before,
    .archive .content::before,
    .criativity .content::after,
    .commun .content::after,
    .archive .content::after,
    .manner .lines::before,
    .manner .lines::after,
    .manner .lines svg{
        display: none;
        display: -webkit-none;
    }
    .aboutit .sectitle,
    .media .sectitle{
        font-size: 32px;
    }
    .criativity{
        background: linear-gradient(to bottom right,#F6F6F6,#E8E6E7);
    }
    .markets .container{
        margin: 0 auto;
        padding: 0 70px;
    }
    .trajetory .box{
        padding: 2rem;
    }
    .commun .img{
        position: initial;
        width: auto;
        aspect-ratio: unset;
    }
    .commun .img img{
        width: auto;
        height: auto;
        border-radius: 33px;
    }
    .manner .lines{
        display: initial;
        display: -webkit-initial;
    }
    .techno{
        padding: 2rem 0 9vw;
    }
    .techno .row{
        grid-gap: 16vw 0;
    }
    .techno .img{
        position: relative;
        width: auto;
    }
    .techno .img img{
        width: auto;
    }
}

@media(max-width:768px){
    .markets .container{
        padding: 0 20px;
    }
}

@media(max-width:675px){
    .archive .items{
        grid-template-columns: 1fr;
    }
}