 body {
      font-family: 'Nohemi', sans-serif;
    }

 
      @font-face {
      font-family: 'Nohemi Black';
      src: url('./nohemi-font-family-1743707738-0/Nohemi-Black-BF6438cc58744d4.ttf') format('truetype');
      font-weight: 800;
      }

        
      @font-face {
      font-family: 'Manrope' sans-serif;
      src: url('./Manrope/static/Manrope-Regular.ttf') format('truetype');
     
      }
    /* }
     @font-face {
      font-family: 'Nohemi';
      src: url('./fonts/Nohemi-Regular.woff2') format('woff2'),
        url('./fonts/Nohemi-Regular.woff') format('woff');
      font-weight: 400;
      font-style: normal;
    }
     @font-face {
      font-family: 'Nohemi';
      src: url('./fonts/Nohemi-Regular.woff2') format('woff2'),
        url('./fonts/Nohemi-Regular.woff') format('woff');
      font-weight: 500;
      font-style: normal;
    }

    @font-face {
      font-family: 'Nohemi';
      src: url('./fonts/Nohemi-Bold.woff2') format('woff2'),
        url('./fonts/Nohemi-Bold.woff') format('woff');
      font-weight: 700;
      font-style: normal;
    }

    @font-face {
      font-family: 'Nohemi';
      src: url('./fonts/Nohemi-Black.woff2') format('woff2'),
        url('./fonts/Nohemi-Black.woff') format('woff');
      font-weight: 900;
      font-style: normal;
    } */
.font1{
   font-family: "Nohemi Black";
}

.fontManrope{
  font-family: "Manrope";
  font-weight: 400 !important;
}

  .bgcolor{
    background: linear-gradient(180deg, rgba(170, 0, 255, 0.20) 0%, rgba(170, 0, 255, 0.00) 100%),#0D0D0D;
  }
.gradient-bg {
      background: linear-gradient(90deg, #8A0099 0%, #3333CC 25%, #CC0099 50%, #FF6600 75%, #FF9900 100%);
    }
    
    .text-container {
      overflow: hidden;
      white-space: nowrap;
      width: 100%;
    }
    
    .sliding-text {
      display: inline-block;
      white-space: nowrap;
      animation: slide 20s linear infinite;
      padding-right: 100%;
    }
    
    /* Double the content for seamless looping */
    .sliding-text-content {
      display: inline-block;
    }
    
    @keyframes slide {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-50%);
      }
    }
    /* .bg-pattern {
      background-image: url('./images/pattern-bg.png');
      background-repeat: repeat;
      opacity: 0.2;
    } */

.position {
    position: absolute;
    top: 13%;
    right: 85px;
}
.ptag{
  color: #FFF;
opacity: 0.7;
font-family:Manrope;

font-style: normal;
font-weight: 400;
line-height: 145%;
}

    .gradient-text {
      background: linear-gradient(to bottom, #FFD400, #FF9500);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }


   @media only screen and (max-width: 767px) and (min-width: 500px) {
  .welcome {
    height: 900px !important;
  }
 
}