*{
    clip-path: none !important;
    &::before, &::after{
        clip-path: none !important;
    }
    -webkit-clip-path: none !important; 
}

.buttons-hero{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding-top: 20px;
    a{
        padding: 8px 20px;
        border-radius: 10px;
        background-color: #FF366B;
        color: #fff;
        &:nth-child(2){
            background-color: #CF04C7;
        }
    }
}

.main-btn{
    a{
        padding: 10px 20px;
        border-radius: 10px;
        background-color: #FF366B;
        color: #fff;
    }
}

.work-item:hover{
    span span{
        transition: .3s;
        transform: scale(1.2);
    }
}

.banner{
    background: url('/images/banner.avif');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    position: relative;
    &::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.75);
    }
}