* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

p{
    
  text-align: center;
  margin-bottom: 50px;
}

a{
    text-decoration: none;
    color:rgb(124, 190, 110);
    font-weight: 500;
}

  .section-animation{
      padding-top: 50px;
      text-align:center;
      padding-bottom:50px;
  }
  
  /* video gallery */

  .btn-outline-primary:hover {
    color: #fff;
    background-color: #739b8e;
    border-color: #739b8e;
}
.btn-outline-primary {
  color: #fff;
  background-color: transparent;
  border-color: #739b8e;
  border-radius: 0;
}


.col-md-4{
  margin-left: 45%;
  padding-bottom: 50px;
  padding-top: 90px;
  }




/* ------lines----- */

.container-Lines{
position: relative;
width:100%;
display:flex;
justify-content: flex-end;
align-items:center;
flex-direction: row-reverse;
}

.container-Lines .ring{
position: relative;
width:100px;
height:100px;
margin:-30px;
border-radius: 50%;
border: 4px solid transparent;
border-top:4px solid #2b65f7;
animation: animate 4s linear infinite;

}

@keyframes animate
{
0%
{transform: rotate(0deg);}
100%
{transform: rotate(360deg);}
}


.container-Lines .ring::before{
content:'';
position:absolute;
top:10px;
right:5px;
border-radius:100%;
width:8px;
height:8px;
background: #86d0fe;
box-shadow: 0 0 12px 5px #24b2ffaf, 
0 0 12px 10px #24ecff22, 
0 0 12px 20px #24edff1d, 
0 0 10px 30px #24edff0f;
}




.container-Lines .ring:nth-child(2){
animation: animate2 4s linear infinite;
border-top:4px solid rgb(0, 255, 251);
animation-delay: -3s;
}

@keyframes animate2{
0%
{
transform: rotate(360deg);}
100%
{
transform: rotate(0deg);}
}

.container-Lines .ring:nth-child(2)::before{
  content:'';
  position:absolute;
  bottom:10px;
 left:5px;
  border-radius:100%;
  width:8px;
  height:8px;
  background: #16ffff;
  box-shadow: 0 0 12px 5px #24f8ffaf, 
  0 0 12px 10px #24ecff22, 
  0 0 12px 20px #24edff1d, 
  0 0 10px 30px #24edff0f;
  }

 
.container-Lines .ring:nth-child(3){
position: absolute;
top:-66.66px;
animation-delay: -3.5s;
border-top:4px solid #f72be9;
}

.container-Lines .ring:nth-child(3)::before{
  background: #fd81e2;
  box-shadow: 0 0 12px 5px #f972d1af, 
  0 0 12px 10px #ff249122, 
  0 0 12px 20px #d024ff1d, 
  0 0 10px 30px #ff24f80f;
  }






  







  @media(max-width:2560px){
    .col-md-4{
      margin-left: 47%;
     
      }
  
  }

  
@media (min-width: 768px){
  .logo {
      margin-top: 5px;
  }
}


@media(max-width:1180px){


}

@media(max-width:992px){

}

@media(max-width:882px){
.col-md-4{
  margin-left: 37%;
  padding-bottom: 50px;
  padding-top: 90px;
  }
}

@media(max-width:680px){
  .col-md-4{
    margin-left: 35%;
    padding-bottom: 50px;
    padding-top: 90px;
    }
}

@media(max-width:550px){

}
@media(max-width:450px){
   
     
}
@media(max-width:380px){
      
}
@media(max-width:360px){
   
  
  }