.mainLine{
    background-color: rgba(0,0,0, 0);
    width: 100%;
    height: 5px;
    position: relative;
    bottom: 6%;
}

.mainLine1{
    background-color: black;
    position: relative;
}

.mainLineCircle, .mainLineCircle1{
    position: relative;
    height: 2vh;
    width: 2vh;
    background-color: rgb(255, 102, 0);
    border-radius: 50%;
    animation-name: circleAnim;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    
    animation-timing-function: linear;
}

.mainLineCircle{
    top: 700%;
    display: flex;
    align-items: center;
    box-shadow: 0px 0px 1vw 0.35vw rgba(255, 102, 0, 0.5);
}

.mainLineCircle1{
    bottom: 0.85vh;
    display: flex;
    align-items: center;
    box-shadow: 0px 0px 1vw 0.35vw rgba(255, 102, 0, 0.5);
}


.mainLineCircleBGLine {
    width: 150%;
    height: 50%;

    animation-name: circleAnimBGLine;
    
}

.mainLineCircleBGLineSh {
    position: absolute;
    width: 500%;
    height: 500%;
    

    background: radial-gradient(rgb(255, 102, 0) 30%, rgba(0, 0, 0,0) 70%);
}


.mainLineCircleBG1Shadow{
    width: 400%;
    height: 400%;

    animation-name: circleAnimBG;
}


.mainLineCircleBG1Shadow::after {
    content: "";
    position: absolute;
    width: 300%;
    height: 100%;
    
    background: radial-gradient(rgba(255, 102, 0, 0.15) 0%, rgba(0, 0, 0,0) 70%);
}

.mainLineCircleBG1Shadow, .mainLineCircleBGLine{
    display: flex;
    align-items: center;

    transform-origin: right;
    position: relative;
    overflow: hidden;

    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes circleAnim{
    0%{
        transform: translateX(0);
    }
    50%{
        transform: translateX(97.8vw);
    }
    100%{
        transform: translateX(0);
    }
}

@keyframes circleAnimBG{
    0%{
        right:0vw;
        transform: scaleX(1); 
    }
    25%{
        right: 0.45vw;
    }
    50%{
        right:0.55vw;
        transform: scaleX(60);
    }
    51%{
        transform: scaleX(-1);
        right:0vw;
    }   
    75%{
        right: 0.16vw;
    }
    100%{
        right: 1vw;
        transform: scaleX(-60);
    }
}


@keyframes circleAnimBGLine{
    0%{
        right: 0vw;
        transform: scaleX(1);
    }
    
    50%{
        right: 1vw;
        transform: scaleX(60);
    }
    51%{
        transform: scaleX(-1);
        right:0vw;
        
    }   
    100%{
        left: 1.05vw;
        transform: scaleX(-60);
    }
}