*{
    font-family: Arial, Helvetica, sans-serif;
}
#footer-container {
  margin-top: 15%;
}
#footer-container #footer{
  background-color: #1c1c1c;
  /* border: 1px solid green; */
  width: 100%;
 padding-top: 5%;
  color: aliceblue;
}
#footer-container #footer a{
 text-decoration: none;
 color: aliceblue;
}
#footer-container .Social_media{
  width: 15%;
  display: flex;
 justify-content: space-evenly;
 flex-direction: column;
}
#footer-container .Social_media div{
  display: flex;
 /* align-items: center; */
}

#footer-container .Social_media div:last-child{
  width: 80%;
  display: flex;
  color: aliceblue;
  justify-content: space-between;
}

#footer-container .footer_top{
  width: 95%;
  margin: auto;
  display: flex;
  justify-content: space-evenly;
}
#footer-container .about{
  width: 80%;
 display: flex;
 justify-content: space-evenly;
}

#footer-container .about div{
  display: flex;
  flex-direction: column;
}

#footer-container .about div a{
padding: 8px 0px;
font-size: 14px;

}

#footer-container .about h4 {
    
    font-weight: bolder;
    font-size: 17px;
    color: #747474;
}

#footer-container .newsletter{
  width: 30%;
  display: flex;
  flex-direction: column;
  margin: 0px auto;
  color: aliceblue;
}
#footer-container .newsletter div{
  margin-top: 20px;
  width: 80%;
  height: 80%;
/* border: 1px solid red; */
}

#footer-container .newsletter div input{
  height: 40px;
  width: 70%;
  border-radius:10px 0px 0px 10px;
  background-color: #1c1c1c;
  border: 2px solid #747474;
  color: aliceblue;
  text-align: justify;
}
#footer-container .newsletter div input:focus{
  outline: #747474;
}
#footer-container .newsletter div input::placeholder{
  font-size: 17px;
  text-align: center;
}
#footer-container .newsletter p {
  font-size: 13px;
  font-weight: 500;
  padding-right:30px ;
  line-height: 20px;
  color: #747474;
}
#footer-container .newsletter #terms_con{
  text-decoration: underline;
  font-size: 13px;
  letter-spacing: 0.5px;
  color: aliceblue;
}
#footer-container .newsletter div button{
  width: 29%;
  height: 45px;
  padding-bottom: 4px;
  border: none;
  /* border: 2px dolid #747474; */
  border-radius: 0px 10px 10px 0px;
  margin-left: -10px;
  background-color: #747474;
  color: #1c1c1c;
  font-size: 16px;
}
#footer-container .footer-bottom{
  width: 100%;
 
  text-align: center;
  margin: auto;
  font-size: 13px;
  font-weight: 590;
  letter-spacing: 0.5px;
  margin-bottom: 0;
  padding-bottom: 0;
  margin-top: 5%;
}
#footer-container .footer-bottom p{
  font-size: 12px;
  padding-bottom: 20px;
  color: #b8b3b3;
  
}

#footer-container .animated-text {
  animation: flowAnimation 7s infinite linear;
  white-space: nowrap;
  
  text-align: center;
}

#footer-container .animated-text span {
  display: inline-block;
  opacity: 0; /* Initially hide the spans */
  position: relative; /* Position the spans */
  top: -20px; /* Move the spans up initially */
  animation: appearVibrateDisappearAnimation 8s infinite;
}

@keyframes appearVibrateDisappearAnimation {
  0% {
    opacity: 0; /* Hide the spans */
    top: -20px; /* Move the spans up */
  }
  10% {
    opacity: 1; /* Show the spans */
    top: 0; /* Bring the spans back to their original position */
  }
  30% {
    opacity: 1; /* Keep the spans visible */
    top: 0; /* Maintain the position */
  }
  70% {
    opacity: 1; /* Keep the spans visible */
    top: 0; /* Maintain the position */
  }
  80% {
    opacity: 1; /* Keep the spans visible */
    top: 0; /* Maintain the position */
    transform: translateX(-2px) rotate(-1deg); /* Vibration effect */
  }
  82% {
    opacity: 1; /* Keep the spans visible */
    top: 0; /* Maintain the position */
    transform: translateX(2px) rotate(1deg); /* Vibration effect */
  }
  84% {
    opacity: 1; /* Keep the spans visible */
    top: 0; /* Maintain the position */
    transform: translateX(-2px) rotate(-1deg); /* Vibration effect */
  }
  86% {
    opacity: 1; /* Keep the spans visible */
    top: 0; /* Maintain the position */
    transform: translateX(2px) rotate(1deg); /* Vibration effect */
  }
  88% {
    opacity: 1; /* Keep the spans visible */
    top: 0; /* Maintain the position */
    transform: translateX(-2px) rotate(-1deg); /* Vibration effect */
  }
  90% {
    opacity: 1; /* Keep the spans visible */
    top: 0; /* Maintain the position */
    transform: translateX(2px) rotate(1deg); /* Vibration effect */
  }
  92% {
    opacity: 1; /* Keep the spans visible */
    top: 0; /* Maintain the position */
    transform: translateX(-2px) rotate(-1deg); /* Vibration effect */
  }
  94% {
    opacity: 1; /* Keep the spans visible */
    top: 0; /* Maintain the position */
    transform: translateX(2px) rotate(1deg); /* Vibration effect */
  }
  96% {
    opacity: 1; /* Keep the spans visible */
    top: 0; /* Maintain the position */
    transform: translateX(-2px) rotate(-1deg); /* Vibration effect */
  }
  98% {
    opacity: 1; /* Keep the spans visible */
    top: 0; /* Maintain the position */
    transform: translateX(2px) rotate(1deg); /* Vibration effect */
  }
  100% {
    opacity: 0; /* Hide the spans */
    top: 20px; /* Move the spans down */
  }
}


#footer-container .animated-copyright {
    
  animation: vibrationAnimation 2s infinite;
  display: inline-block;
  animation-delay: 2s;
}
  @keyframes vibrationAnimation {
  0%, 100% {
    transform: translateX(-2px) rotate(-1deg);
  }
  50% {
    transform: translateX(2px) rotate(1deg);
  }
}

#footer-container .animated-copyright {
  animation: vibrationAnimation 2s infinite;
  display: inline-block;
  animation-delay: 2s;
  font-size: 50px; 
  line-height: 1;
}






@media screen and (min-width: 300px) and (max-width: 800px) {
 #footer-container .footer_top {
    display: flex;
    flex-direction: column;
   
  }
  #footer-container .Social_media{
    width: 100%;
    margin: auto;
    align-items: center;
  }
  #footer-container .logo {
    width: 100%;
  }
#footer-container .logo img {
  width: 50%;
  margin: auto;
 
}


  #footer-container .newsletter {
    text-align: center;
    margin: 5%;
    display: flex;
    width: 100%;
  }
#footer-container .newsletter div {
    align-self: center;
  }
 #footer-container h4 {
    margin-bottom: 0%;
  }
 #footer-container .footer-bottom {
  width: 90%;
  margin: auto;
 
}
  #footer-container .about {
    display: none !important;
  }
}

@media screen and (min-width: 700px) and (max-width: 1200px) {
  #footer-container .footer_top {
    display: flex;
    flex-direction: column;
   
  }
  #footer-container .Social_media{
    width: 100%;
    margin: auto;
    align-items: center;
  }
  #footer-container .logo {
    width: 100%;
  }
#footer-container .logo img {
  width: 50%;
  margin: auto;
 
}


  #footer-container .newsletter {
    text-align: center;
    margin: 5%;
    display: flex;
    width: 100%;
  }
#footer-container .newsletter div {
    align-self: center;
  }
  
 #footer-container .footer-bottom p{
  
  font-size: larger;
}
  #footer-container .about {
    display: none !important;
  }
}