@import "~/styles/partials/variables";
@import "~/styles/partials/mixins";

.contact{
    &--form{
        width: 68%;
        @include max(1024){
            width: 48%;
        }
        @include max(640){
            width: 100%;
        }

        &-submit {
            &:hover {
                background-color: $white;
                border: 1px solid $black;
                color: $black;
            }
        }
    }
    &--card{
        width: 28%;
        @include max(1024){
            width: 48%;
        }
        @include max(640){
            width: 100%;
        }
        background: $blackPrimary url('/assets/images/network-bg.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
        background-blend-mode: lighten;
        padding-bottom: 250px;
        &::after{
            content: '';
            width: 550px;
            height: 517px;
            background: url('/assets/images/network-bg.webp');
        }
    }
    &--breadcrumb {
        top: 0;

        &.breadcrumb {
            &--list {
                li {
                    &:not(:last-child) {
                        &::after {
                            color: $black;
                        }
                    }
                }
            }
        }
    }
}