#our_vision{
  
    color: white;
    background-color: #211E1F;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center; 
    overflow: hidden;
}
.lines_vision {
    width: 4vw;
    padding-left: 8vw;
}
.vision_content {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    z-index: 999;
}
.vision_text {
  z-index: 999;
    display: flex;
    width: 100vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
}
.vision_text p {
  line-height: 3.5vh;
    font-family: 'Proxima_Nova_Soft';
    font-size: 1.3vw;
    align-content: center;
    text-align: center;
    width: 40vw;
    font-weight: 400;
    margin-top: -2vh;
}
.vision_text h1{
    line-height: 0vh;
    font-size: 7vw;
    font-weight: 400;
    letter-spacing: -0.05em;
}
.bg_molecule_vision{
   
    position: absolute;
    /* bottom: 0vh; */
    
    width: 100vw;
    height: 100vh;
  
    /* flex-direction: row-reverse;*/
}
.molecule_vision{
    width: 95vw;
    height: 100vh;
}
.molecule {
    position: relative;
  }
  
  .hydrogen{
    width: calc(14vw + 14vh);
    height: calc(14vw + 14vh);
    border: 0.1px solid #ffffff2e;
    border-radius: 50%;
    position: relative;
    top: 55vh;
    left: 10vw;
  }
  .oxygen{
    width: calc(27vw + 27vh);
    height: calc(27vw + 27vh);
    border: 0.5px solid #ffffff2e;
    border-radius: 50%;
    position: relative;
    top: 10vh;
    left: 50vw;
  }
  .hydrogen2{
    width: calc(15vw + 15vh);
    height: calc(15vw + 15vh);
    border: 0.5px solid #ffffff2e;
    border-radius: 50%;
    position: absolute;
    top: -8vh;
    left: 85vw;
  }
  .line1 {
    content: '';
    position: absolute;
   
    height: 0.1px;
    background-color: #ffffff2e;
   
}

.line2 {
    content: '';
    position: absolute;
     /* Adjusted based on hydrogen and oxygen sizes */
    height: 0.1px;
    background-color: #ffffff2e;
   
}
#molecule1 ,#molecule2,#molecule3,#molecule4{
    width: 4vw;
    height: 4vw;
    background-color: #BA0767;
    border-radius: 50%;
    position: absolute;
   
    transform-origin: center bottom;
   
    z-index: 988;
}
#molecule1 {
    top: 40%;
    left: 90%;
  }
  #molecule2 {
    top: 31%;
    left: -2%;
  }
  #molecule3 {
    top: 0%;
    left: 66%;
  }
  #molecule4{
    top: 79%;
    left: 6%;
  }
  @media (max-width : 1024px){
    .vision_text h1 {
   
    font-size: 10vw;
    }
    .vision_text p {
   width: 50vw;
    font-size: 2.5vw;
    }
}
@media(max-width : 768px){
  .vision_text p {
    font-size: 4.5vw;
    width: 50vw;
    color: #ffffffb0;
    line-height: 3.5vh;
}
.vision_text h1 {
  line-height: 6vh;
}
.hydrogen2 {
  width: calc(20vw + 17vh);
  height: calc(20vw + 17vh);
  border: 0.5px solid #ffffff1f;
 
  top: -11vh;
  left: 16vw;
}
.hydrogen {
  width: calc(20vw + 17vh);
  height: calc(20vw + 17vh);
  border: 0.1px solid #ffffff1f;
  top: 89vh;
  left: 14vw;
}

.oxygen {
  width: calc(32vw + 32vh);
  height: calc(32vw + 32vh);
  border: 0.5px solid #ffffff1f;
  top: 0vh;
  left: -62vw;
}
#molecule1, #molecule2, #molecule3, #molecule4 {
  width: 13vw;
  height: 13vw;
}

}