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

html {
  scroll-behavior: smooth;
}

 
p{
    font-size: 15px;
    font-family: "Inter", sans-serif;
    color: #030712;
}


h1{
    font-size: 25px; 
    font-family: "Inter", sans-serif;
    color: #030712;
}

.int{
    font-family: "Inter", sans-serif;
}

.bri{
  font-family: "Bricolage Grotesque", sans-serif;;
}

.bg-b{
    background-color: #3869E2;
}

.colb{
 color: #3869E2;
}

.bg-grr{
  color: #99989A;
}

.bg-grrg{
  background-color: #99989A;
}

.bg-bll{
  background-color: #030712;
}

.bg-diff-gr{
  background-color: #F6F6F6;
}

@keyframes marquee {
    0% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(-100%);
    }
  }

  @keyframes marquee2 {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(0%);
    }
  }

  .animate-marquee {
    animation: marquee 25s linear infinite;
  }

  .animate-marquee2 {
    animation: marquee2 25s linear infinite;
  }

 
 
  body, html {

    width: 100%;
  }
  
 
  #preloader {
    overflow: hidden;
  }
  
  /* Main Content */
  #content {
    display: none;  
    min-height: 200vh;  

  }
  
  .no-scroll {
    overflow: hidden;
  }

  .side {
    z-index: 9999;  
  }

  @keyframes bounce-right {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(5px);
    }
}

.animate-bounce-right {
    animation: bounce-right 1s infinite;
}


@keyframes move-left {
  0%, 100% {
      transform: translateX(0);
  }
  50% {
      transform: translateX(-5px);
  }
}

@keyframes move-right {
  0%, 100% {
      transform: translateX(0);
  }
  50% {
      transform: translateX(5px);
  }
}

.arrow-left {
  display: inline-block;
  animation: move-left 1s infinite;
}

.arrow-right {
  display: inline-block;
  animation: move-right 1s infinite;
}

.iconss {
  transition: transform 0.3s ease;
}

a:hover .iconss {
  transform: scale(1.2);  
}


.hidden-page {
  visibility: hidden;
}


.circle {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);  
  backface-visibility: hidden;  
}

.memm{
    opacity: 1 !important; 
}