* {
 color: white;
}

body {
  background-color: #151214;
  /* background-color: #503748; */
}

.intro-text {
  font-size: 2rem;
}

.marque-body {
    width: 100vw;
    overflow: hidden;
  }
  
  .marque {
    white-space: nowrap;
    animation: marquee 50s linear infinite;
    z-index: -1;
  }
  
  .marque .marque-elements {
    display: inline-block;
    padding-right: 20px; 
    font-size: 1.3rem;
    font-weight: 400;
    color: white;
  }
  
  .marque .marque-elements img {
    width: 2.6rem;
    margin-right: 10px; 
  }

  .marque-body .left,  .marque-body .right {
    width: 100px;
    z-index: 1;
    
  }
  
  .marque-body .left {
    background: linear-gradient(90deg, rgb(67, 45, 60) 0%, rgb(67, 45, 60) 41%, rgba(80, 55, 72, 0) 100%);
  }

 .marque-body .right {
    background: linear-gradient(90deg, rgba(67, 45, 60, 0) 0%, rgb(67, 45, 60) 50%, rgb(67, 45, 60) 100%);
  }

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

  /* .intro-text {
    transform: translateX(-345px);
  } */

  .heroic-shop-now {
      background: #000c;
      border-radius: 10px;
      text-decoration: none;
      position: relative;
      z-index: 1;
  }

  .heroic-shop-now::before{
    content: "";
    position: absolute;
    width: 0%;
    height: 100%;
    background: blue;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 10px;
    transition: width 0.3s ease, height 0.3s ease; 
  }

  .heroic-shop-now:hover::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: blue;
    top: 0;
    right: 0;
    z-index: -1;
    border-radius: 10px;
  }


  .sticky-img {
    position: sticky;
    top: 0;
    z-index: 1;
}


/*  */


.marque-body-scroll {
  overflow: hidden;
  text-wrap: wrap;
}
.marque-scroll {
  transform: translateX(0%);
  transition: transform 0.1s linear; 
  
}
.marque-body-scroll .marque-scroll span {
  font-size: 10rem;
  text-transform: uppercase;
  white-space: nowrap;
}
/*  */

.bg-youtube {
  background: #CD201F;
}

.bg-linkedin {
  background: #0A66C2
}

.bg-facebook {
  background: #1877F2;
}

.bg-insta {
  background: rgb(131,58,180);
background: linear-gradient(180deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
}

.bg-web {
  background: #232222;
}

.mukta-extrabold {
  font-family: "Mukta", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.turkey-btn {
  position: absolute;
  z-index: 2;
  right: 13px;
  bottom: 11px;
  background: white;
  color: black;
  border-radius: 50px;
}