body {

        background: #000;

    }



    .home_banner {

        height: calc(100vh - 120px);
        ;

        display: flex;

        align-items: center;

    }

    .first_section {

        position: relative;
        background color: #F3F3F3
    }

    .video_bg {

        position: absolute;

        width: 100%;

        height: 100%;

        top: 0;

        left: 0;

        z-index: -1;

    }

    .video_bg video {

        object-fit: cover;

    }

    .bg_trans {

        background: transparent;

    }


    .discover-1 {
        fill: #808180;
    }

    .discover-2,
    .discover-3,
    .discover-4,
    .discover-5 {
        fill: none;
        stroke-miterlimit: 10;
        stroke-width: 5px;
    }

    .discover-2,
    .discover-3 {
        stroke: #808180;
    }

    .discover-3,
    .discover-4 {
        stroke-linecap: round;
    }

    .discover-4,
    .discover-5 {
        stroke: #e72a25;
    }


    .analyse-1 {
        fill: #808180;
    }

    .analyse-2,
    .analyse-3,
    .analyse-4 {
        fill: none;
        stroke-miterlimit: 10;
    }

    .analyse-2 {
        stroke: #808180;
        stroke-linecap: round;
    }

    .analyse-2,
    .analyse-4 {
        stroke-width: 5px;
    }

    .analyse-3,
    .analyse-4 {
        stroke: #e72a25;
    }

    .analyse-3 {
        stroke-width: 3px;
    }


    .prototype-1,
    .prototype-2,
    .prototype-3,
    .prototype-5 {
        fill: none;
        stroke-miterlimit: 10;
    }

    .prototype-1,
    .prototype-3 {
        stroke: #e72a25;
    }

    .prototype-1,
    .prototype-2,
    .prototype-3 {
        stroke-width: 5px;
    }

    .prototype-2,
    .prototype-5 {
        stroke: #808180;
    }

    .prototype-2,
    .prototype-3 {
        stroke-linecap: round;
    }

    .prototype-4 {
        fill: #808180;
    }

    .prototype-5 {
        stroke-width: 4px;
    }


    .design-0 {
        fill: none;
        stroke: #808180;
        stroke-width: 5;
        stroke-linecap: round;
        stroke-miterlimit: 10
    }

    .design-1 {
        fill: none;
        stroke: #808180;
        stroke-width: 3;
        stroke-miterlimit: 10
    }

    .design-2 {
        fill: none;
        stroke: #E72A25;
        stroke-width: 5;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-miterlimit: 10
    }


    .refine-0 {
        fill: none;
        stroke: #808180;
        stroke-width: 5;
        stroke-miterlimit: 10
    }

    .refine-1 {
        fill: none;
        stroke: #E72A25;
        stroke-width: 4;
        stroke-miterlimit: 10
    }

    .refine-2 {
        fill: none;
        stroke: #E72A25;
        stroke-width: 3;
        stroke-miterlimit: 10
    }

    .refine-3 {
        fill: none;
        stroke: #808180;
        stroke-width: 5;
        stroke-linecap: round;
        stroke-miterlimit: 10
    }

    .refine-4 {
        fill: none;
        stroke: #808180;
        stroke-width: 4;
        stroke-linecap: round;
        stroke-miterlimit: 10
    }


    .build-0 {
        fill: none;
        stroke: #808180;
        stroke-width: 5;
        stroke-linecap: round;
        stroke-miterlimit: 10
    }

    .build-1 {
        fill: none;
        stroke: #808180;
        stroke-width: 3;
        stroke-miterlimit: 10
    }

    .build-2 {
        fill: none;
        stroke: #E72A25;
        stroke-width: 5;
        stroke-linecap: square;
        stroke-linejoin: round;
        stroke-miterlimit: 10
    }

    .build-3 {
        fill: none;
        stroke: #E72A25;
        stroke-width: 5;
        stroke-miterlimit: 10
    }

    .build-4 {
        fill: none;
        stroke: #E72A25;
        stroke-width: 5;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-miterlimit: 10
    }