.dashed-lines-container{
    display:flex;
    gap: 0.3rem;
    align-items: center;
}
.dashed-lines-container .line1{
    width: 100px;
    height: 10px;
    background-color: var(--primary-blue);
    border-radius: 10px;
}
.dashed-lines-container .line2{
    width: 22px;
    height: 10px;
    background-color: var(--primary-blue);
    border-radius: 10px;
}
@media screen and (max-width: 1650px){
    .dashed-lines-container .line1{
        width: 80px;
        height: 8px;
    }
    .dashed-lines-container .line2{
        width: 18px;
        height: 8px;
    }
}

@media screen and (max-width: 1550px){
    .dashed-lines-container .line1{
        width: 70px;
        height: 7px;
    }
    .dashed-lines-container .line2{
        width: 16px;
        height: 7px;
    }
}

@media screen and (max-width: 1450px){
    .dashed-lines-container .line1{
        width: 55px;
        height: 7px;
    }
    .dashed-lines-container .line2{
        width: 15px;
        height: 7px;
    }
}