@media (max-width: 575px){
  #particles_styling_div{height:50vh !important;}
  #inner-div .svg1{top:40% !important;}
  #inner-div .svg2{top:42% !important;}
  #inner-div .svg3{top:44% !important;}
  #text-div{
    top:70%;
    
}
}

@media (min-width: 576px) and (max-width: 767px){
#particles_styling_div{height:55vh !important;}
  #inner-div .svg1{top:31% !important;}
  #inner-div .svg2{top:33% !important;}
  #inner-div .svg3{top:35% !important;}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px){
#particles_styling_div{height:50vh !important;}
  #inner-div .svg1{top:34% !important;}
  #inner-div .svg2{top:36% !important;}
  #inner-div .svg3{top:38% !important;}
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px){
 #particles_styling_div{height:45vh !important;}
  #inner-div .svg1{top:37% !important;}
  #inner-div .svg2{top:39% !important;}
  #inner-div .svg3{top:41% !important;}
}

@media (min-width: 1200px) and (max-width: 1440px){
  #particles_styling_div{height:45vh !important;}
   #inner-div .svg1{top:20% !important;}
  #inner-div .svg2{top:22% !important;}
  #inner-div .svg3{top:24% !important;}
}
@media screen and (min-width: 1441px) {
#particles_styling_div{height:45vh !important;}
  #inner-div .svg1{top:20% !important;}
  #inner-div .svg2{top:22% !important;}
  #inner-div .svg3{top:24% !important;}
}

@media screen and (min-width: 1922px) {
#particles_styling_div{height: 45vh !important;}
  #inner-div .svg1{top:35% !important;}
  #inner-div .svg2{top:37% !important;}
  #inner-div .svg3{top:39% !important;}
}

/*#particles_styling {
    height: 70vh;
    width: 100%;
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,215,255,1) 0%, rgba(16,0,105,1));
    position: relative;
}

#inner-div {
    #particles_styling {
    height: 82vh;
    width: 100%;
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,215,255,1) 0%, rgba(16,0,105,1));
    position: relative;
}

#inner-div {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #1E375A;
    opacity: 0.4; 
}

#text-div {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    z-index: 1;
}

#text-div p {
    font-size: 17px;
    color: white;
    word-wrap: break-word;
}
    .get-started-btn {
    border: 1px solid #f37135;
    color: #F0F6FC;
    background-color: #1E375A;
    padding: 8px 12px;
    font-size: 17px;
    border-radius: 7px;
    cursor: pointer;
    animation-duration: 4s;
}

.particles-js-canvas-el {
    background-color: transparent;
    z-index: 0;
}
}*/
#inner-div .row .svg1{
    position: absolute;
    -webkit-transform: scaleX(-1);
    
}
#inner-div .row .svg2{
    position: absolute;
    -webkit-transform: scaleX(-1);
   
}
#inner-div .row .svg3{
    position: absolute;
    -webkit-transform: scaleX(-1);
    
}