*{
  padding: 0;
  margin: 0;
  /* box-sizing: border-box; */
}
a{
  text-decoration: none; 
  color: white;
}
a:hover{
  text-decoration: none; 
  /* color: white; */
}
.modal-content{
  color: white;
  /*background: black;*/
  background: linear-gradient(225deg, #FF3CAC 0%, #562B7C 52%, #2818a2 100%);
}
.modal-header{
  color: white;
}
.container{
  background: rgb(0, 0, 0);
  content: normal;
  box-shadow: 5px 5px rgba(0, 0, 0, 0.130);
  /* animation: 5s ease-out 0s 1 slideInLeft; */
  
}
.reveal{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s all ease;
}

.reveal.active{
  transform: translateY(0);
  opacity: 1;
}

body {
  /* padding-top: 56px; Adjusted to accommodate the fixed navbar */
  background: linear-gradient(225deg, #FF3CAC 0%, #562B7C 52%, #2818a2 100%);  
  color: white;
  
} 

.navbar-brand {
  margin-right: 0; /* Reset default margin*/
}

footer{
  display: block;
}

/* @media (max-width: 992px) {

} */

/*#social-links ul li{*/
/*  display: inline-block;*/
/*}*/

#social-links ul li {
    display: inline-block;
    /*background: linear-gradient(225deg, #FF3CAC 0%, #562B7C 52%, #2818a2 100%);*/
    margin: 5px;
}

#social-links ul li a{
  padding: 5px;
  margin: 0;
  font-size: 30px;
  color:white;
}

/*#social-links ul li a:hover{*/
/*  color:blue;*/
/*}*/

button#cardbtn {
  display: none;  
}

button#meetupbtn {
  display: none;  
}

button#cardbtn1 {
  display: block;  
}

button#meetupbtn1 {
  display: block;  
}

#videotag{
  width: 60%;
  height: auto;
}

@media (max-width: 992px) {

  #videotag{
    width: 100%;
    height: auto;
  }

  footer{
    display: none !important;
  }

  button#cardbtn {
    display: block !important;
    position: fixed;
    bottom: 20px;
    right: 10px;
  }

  button#meetupbtn {
    display: block !important;
    position: fixed;
    bottom: 20px;
    left: 10px;
  }

  button#cardbtn1 {
    display: none !important;  
  }
  
  button#meetupbtn1 {
    display: none !important;  
  }

  #social-links ul li{
    display: block !important;
    list-style: none !important;
  }

  /* .social-icons {     
    margin-left: auto;
    place-items: end;
    row-gap: 5px;
  }
   .collapse-icons {   
    position:static;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    cursor: pointer;
  }
  .icon{
      padding-bottom: 5px;
  }
  .fb {
    background: rgb(21, 18, 204);
    border-radius: 20%;
  }
  
  .tw {
    background: rgb(0, 0, 0);
    border-radius: 20%;
  }
  .wa {
    background: rgb(23, 148, 1);
    border-radius: 20%;
  }
  .pin {
    background: rgb(204, 18, 18);
    border-radius: 20%;
  }
  .mess {
    background: rgb(17, 136, 221);
    border-radius: 20%;
  }
  .sky {
    background: rgb(18, 148, 204);
    border-radius: 20%;
  }
  .link {
    background: rgb(70, 206, 233);
    border-radius: 20%;
  }
  .red {
    background: rgb(165, 84, 14);
    border-radius: 20%;
    
  }
  
  .snap {
    background: rgb(240, 244, 12);
    border-radius: 20%;
  } */
  
}

/* .fb {
  background: rgb(21, 18, 204);
  border-radius: 20%;
}

.tw {
  background: rgb(0, 0, 0);
  border-radius: 20%;
}
.wa {
  background: rgb(23, 148, 1);
  border-radius: 20%;
}
.pin {
  background: rgb(204, 18, 18);
}
.mess {
  background: rgb(17, 136, 221);
  border-radius: 20%;
}
.sky {
  background: rgb(18, 148, 204);
  border-radius: 20%;
}
.link {
  background: rgb(70, 206, 233);
  border-radius: 20%;
}
.red {
  background: rgb(165, 84, 14);
  border-radius: 20%;
}

.snap {
  background: rgb(240, 244, 12);
  border-radius: 20%;
} */


.btmline{
  background-color:white; 
  height:2px; 
  width:100%;
}

.popupContainer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7); /* Transparent black background */
  z-index: 9999;
}

.popupContent {
  background: linear-gradient(225deg, #FF3CAC 0%, #562B7C 52%, #2818a2 100%);  
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  border: 1px solid #888;
  max-width: 80%; /* Maximum width of the popup */

}

.close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}