:root {
  --bg: #141619;
  --primary: #0ab7c0;
  --secoundary: #141619;
  --text: #fff;
  --sub-text: #ced0cf;
  --border: 1px solid #ffffff27;
  /* --gradient: linear-gradient(#1416198e, #14161981, #141619); */
  --footer-bg: #22252a;
}

  a {
    color: var(--text) !important;
    text-decoration: none;
  }

  .about-container {
    width: 90%;
  }

  .about-container .content {
    max-width: 70%;
    margin: 0;
  }

  .about-container .content span {
    font-size: 30pt;
    margin-top: 20rem;
  }

  .about-container .content h1{
    font-size: 50pt;
  }

  .about-container .about-cta {
    margin-top: 30rem;
  }



  .cta-button {
    background-color: transparent !important;
    border: none !important;
    background: none !important;
    color: var(--text) !important;
    margin: 0;
    padding: 0;
    backdrop-filter: none;

    animation: bounce 2s infinite;

  }

 
  @keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
      transform: translateY(0);
    }
    40% {
      transform: translateY(-30px);
    }
    60% {
      transform: translateY(-15px);
    }
  }
 
  .cta-button i {
    margin: 0;
    padding: 0;
  }

  .about img:hover {
    zoom: 1.2 !important;
  }

  .about-slide-container {
    position: relative;
  }

  .about-slider {
    position: relative;
  }

  .about-slider .slick-dots {
    position: absolute;
    bottom: 1rem;
  }

  .about-slider button{
    backdrop-filter: none !important;
    color: white !important;
  }



  .about-slider .slick-dots li.slick-active button:before {
    opacity: 0.75;
    color: white !important;
  }

  .about-slider .slick-dots li button:before {
    font-size: 5rem !important;
    color: white !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  @media (max-width: 480px) {
    .about-container {
      margin-top: -20px;
    }
    .about-container .content span {
      font-size: 13pt;
      margin-top: 0;
    }
  
    .about-container .content h1{
      font-size: 25pt ;
    }
  
    .about-container .about-cta {
      margin-top: 5rem;
    }
  }