@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=IBM+Plex+Mono&display=swap');


body{
  font-family: 'Geist', sans-serif;
	font-size:16px;
	line-height: 1.42857143;
	color: #fff;
background: #09080C !important;
  /* background:#1E1E1E; */
  /*letter-spacing: -.02em;*/
}

.plex-mono{
font-family: 'IBM Plex Mono', monospace;
}

/*Letter Spacing*/
.ls-5{letter-spacing:-0.25px;}
.ls-1{letter-spacing:-0.5px;}
.ls-2{letter-spacing:-1px;}

/*Fonts*/
@media (min-width:240px) {
.xs8{font-size:8px;}.xs9{font-size:9px;}.xs10{font-size:10px;}.xs11{font-size:11px;}.xs12{font-size:12px;}.xs13{font-size:13px;}.xs14{font-size:14px;}.xs15{font-size:15px;}.xs16{font-size:16px;}.xs17{font-size:17px;}.xs18{font-size:18px;}.xs19{font-size:19px;}.xs20{font-size:20px;}.xs21{font-size:21px;}.xs22{font-size:22px;}.xs23{font-size:23px;}.xs24{font-size:24px;}.xs25{font-size:25px;}.xs26{font-size:26px;}.xs27{font-size:27px;}.xs28{font-size:28px;}.xs29{font-size:29px;}.xs30{font-size:30px;}.xs31{font-size:31px;}.xs32{font-size:32px;}.xs33{font-size:33px;}.xs34{font-size:34px;}.xs35{font-size:35px;}.xs36{font-size:36px;}.xs37{font-size:37px;}.xs38{font-size:38px;}.xs39{font-size:39px;}.xs40{font-size:40px;}.xs41{font-size:41px;}.xs42{font-size:42px;}.xs43{font-size:43px;}.xs44{font-size:44px;}.xs45{font-size:45px;}.xs46{font-size:46px;}.xs47{font-size:47px;}.xs48{font-size:48px;}.xs49{font-size:49px;}.xs50{font-size:50px;}.xs51{font-size:51px;}.xs52{font-size:52px;}.xs53{font-size:53px;}.xs54{font-size:54px;}.xs55{font-size:55px;}.xs56{font-size:56px;}.xs57{font-size:57px;}.xs58{font-size:58px;}.xs59{font-size:59px;}.xs60{font-size:60px;}.xs61{font-size:61px;}.xs62{font-size:62px;}.xs63{font-size:63px;}.xs64{font-size:64px;}.xs65{font-size:65px;}.xs66{font-size:66px;}.xs67{font-size:67px;}.xs68{font-size:68px;}.xs69{font-size:69px;}.xs70{font-size:70px;}.xs71{font-size:71px;}.xs72{font-size:72px;}.xs73{font-size:73px;}.xs74{font-size:74px;}.xs75{font-size:75px;}.xs76{font-size:76px;}.xs77{font-size:77px;}.xs78{font-size:78px;}.xs79{font-size:79px;}.xs80{font-size:80px;}
}
@media (min-width:768px) {
.sm8{font-size:8px;}.sm9{font-size:9px;}.sm10{font-size:10px;}.sm11{font-size:11px;}.sm12{font-size:12px;}.sm13{font-size:13px;}.sm14{font-size:14px;}.sm15{font-size:15px;}.sm16{font-size:16px;}.sm17{font-size:17px;}.sm18{font-size:18px;}.sm19{font-size:19px;}.sm20{font-size:20px;}.sm21{font-size:21px;}.sm22{font-size:22px;}.sm23{font-size:23px;}.sm24{font-size:24px;}.sm25{font-size:25px;}.sm26{font-size:26px;}.sm27{font-size:27px;}.sm28{font-size:28px;}.sm29{font-size:29px;}.sm30{font-size:30px;}.sm31{font-size:31px;}.sm32{font-size:32px;}.sm33{font-size:33px;}.sm34{font-size:34px;}.sm35{font-size:35px;}.sm36{font-size:36px;}.sm37{font-size:37px;}.sm38{font-size:38px;}.sm39{font-size:39px;}.sm40{font-size:40px;}.sm41{font-size:41px;}.sm42{font-size:42px;}.sm43{font-size:43px;}.sm44{font-size:44px;}.sm45{font-size:45px;}.sm46{font-size:46px;}.sm47{font-size:47px;}.sm48{font-size:48px;}.sm49{font-size:49px;}.sm50{font-size:50px;}.sm51{font-size:51px;}.sm52{font-size:52px;}.sm53{font-size:53px;}.sm54{font-size:54px;}.sm55{font-size:55px;}.sm56{font-size:56px;}.sm57{font-size:57px;}.sm58{font-size:58px;}.sm59{font-size:59px;}.sm60{font-size:60px;}.sm61{font-size:61px;}.sm62{font-size:62px;}.sm63{font-size:63px;}.sm64{font-size:64px;}.sm65{font-size:65px;}.sm66{font-size:66px;}.sm67{font-size:67px;}.sm68{font-size:68px;}.sm69{font-size:69px;}.sm70{font-size:70px;}.sm71{font-size:71px;}.sm72{font-size:72px;}.sm73{font-size:73px;}.sm74{font-size:74px;}.sm75{font-size:75px;}.sm76{font-size:76px;}.sm77{font-size:77px;}.sm78{font-size:78px;}.sm79{font-size:79px;}.sm80{font-size:80px;}
}

@media (min-width:992px) {
.md8{font-size:8px;}.md9{font-size:9px;}.md10{font-size:10px;}.md11{font-size:11px;}.md12{font-size:12px;}.md13{font-size:13px;}.md14{font-size:14px;}.md15{font-size:15px;}.md16{font-size:16px;}.md17{font-size:17px;}.md18{font-size:18px;}.md19{font-size:19px;}.md20{font-size:20px;}.md21{font-size:21px;}.md22{font-size:22px;}.md23{font-size:23px;}.md24{font-size:24px;}.md25{font-size:25px;}.md26{font-size:26px;}.md27{font-size:27px;}.md28{font-size:28px;}.md29{font-size:29px;}.md30{font-size:30px;}.md31{font-size:31px;}.md32{font-size:32px;}.md33{font-size:33px;}.md34{font-size:34px;}.md35{font-size:35px;}.md36{font-size:36px;}.md37{font-size:37px;}.md38{font-size:38px;}.md39{font-size:39px;}.md40{font-size:40px;}.md41{font-size:41px;}.md42{font-size:42px;}.md43{font-size:43px;}.md44{font-size:44px;}.md45{font-size:45px;}.md46{font-size:46px;}.md47{font-size:47px;}.md48{font-size:48px;}.md49{font-size:49px;}.md50{font-size:50px;}.md51{font-size:51px;}.md52{font-size:52px;}.md53{font-size:53px;}.md54{font-size:54px;}.md55{font-size:55px;}.md56{font-size:56px;}.md57{font-size:57px;}.md58{font-size:58px;}.md59{font-size:59px;}.md60{font-size:60px;}.md61{font-size:61px;}.md62{font-size:62px;}.md63{font-size:63px;}.md64{font-size:64px;}.md65{font-size:65px;}.md66{font-size:66px;}.md67{font-size:67px;}.md68{font-size:68px;}.md69{font-size:69px;}.md70{font-size:70px;}.md71{font-size:71px;}.md72{font-size:72px;}.md73{font-size:73px;}.md74{font-size:74px;}.md75{font-size:75px;}.md76{font-size:76px;}.md77{font-size:77px;}.md78{font-size:78px;}.md79{font-size:79px;}.md80{font-size:80px;}.md81{font-size:81px;}.md82{font-size:82px;}.md83{font-size:83px;}.md84{font-size:84px;}.md85{font-size:85px;}.md86{font-size:86px;}.md87{font-size:87px;}.md88{font-size:88px;}.md89{font-size:89px;}.md90{font-size:90px;}.md91{font-size:91px;}.md92{font-size:92px;}.md93{font-size:93px;}.md94{font-size:94px;}.md95{font-size:95px;}.md96{font-size:96px;}.md97{font-size:97px;}.md98{font-size:98px;}.md99{font-size:99px;}.md100{font-size:100px;}
}


/*Margins*/
@media (min-width:240px) {
.xsmt0{margin-top:0%;}.xsmt1{margin-top:1%;}.xsmt2{margin-top:2%;}.xsmt3{margin-top:3%;}.xsmt4{margin-top:4%;}.xsmt5{margin-top:5%;}.xsmt6{margin-top:6%;}.xsmt8{margin-top:8%;}.xsmt13{margin-top:13%;}.xsmt10{margin-top: 10%;}
}
@media (min-width:768px) {
.lmt-7{margin-top:-7.5%;}.lmt-9{margin-top:-9%;}.lmt-4{margin-top:-4%;}.lmt-15{margin-top:-31%;}.lmt-3{margin-top:-3%;}.lmt-2{margin-top:-2%;}.lmt-6{margin-top:-6%;}.lmt-8{margin-top:-8%;}.lmt-10{margin-top:-10%;}.lmt-12{margin-top:-12%;}.lmt-1{margin-top:-1%;}.lmt-14{margin-top:-14%;}.lmt-16{margin-top:-16%;}
.lmt0{margin-top:0%;}.lmt1{margin-top:1%;}.lmt2{margin-top:2%;}.lmt3{margin-top:3%;}.lmt4{margin-top:4%;}.lmt5{margin-top:5%;}.lmt13{margin-top:13%;}.lmt5{margin-top:5%;}.lmt6{margin-top:6%;}.lmt7{margin-top:7%;}.lmt8{margin-top:8%;}.lmt10{margin-top:10%;}.lmt12{margin-top:12%;}.lmt15{margin-top:15%;}.lmt18{margin-top:18%;}.lmt-5{margin-top:-5%;}.lmt-35{margin-top:-35%;}
}

.mt1{margin-top:1%;}.mt1_5{margin-top:1.5%;}.mt2{margin-top:2%;}.mt3{margin-top:3%;}.mt4{margin-top:4%;}.mt5{margin-top:5%;}.mt6{margin-top:6%;}.mt7{margin-top:7%;}.mt8{margin-top:8%;}.mt10{margin-top:10%;}.mt12{margin-top:12%;}
.mt-1{margin-top:-1%;}
.mt_2{margin-top:-2%;}



/*Font Weight*/
.w300 {
  font-weight: 300;
}
.w400 {
  font-weight: 400;
}
.w500 {
  font-weight: 500;
}
.w600 {
  font-weight: 600;
}
.w700 {
  font-weight: 700;
}
.w800 {
  font-weight: 800;
}
.w900 {
  font-weight: 900;
}


ul.navbarCustom-menu span {
  color: #fff;
}



/*Line Heights*/
.lh90 {line-height: 90%;}
.lh100 {line-height: 100%;}
.lh110 {line-height: 110%;}
.lh120 {line-height: 120%;}
.lh130 {line-height: 130%;}
.lh140 {line-height: 140%;}
.lh150 {line-height: 150%;}
.lh160 {line-height: 160%;}
.lh170 {line-height: 170%;}


/*Common*/
.underline{text-decoration:underline;}
.clear{clear:both;}
.uppercase{text-transform: uppercase;}
.responsive-video {position: relative;padding-bottom: 56.25%;overflow: hidden;}
.responsive-demo-video {position: relative;}
.responsive-video iframe,.responsive-demo-video iframe,.responsive-video object,.responsive-demo-video object{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.padding0{
	padding:0px;
}

/* opacity */
.op-10 { opacity: 0.1; }
.op-20 { opacity: 0.2; }
.op-30 { opacity: 0.3; }
.op-40 { opacity: 0.4; }
.op-50 { opacity: 0.5; }
.op-60 { opacity: 0.6; }
.op-70 { opacity: 0.7; }
.op-80 { opacity: 0.8; }
.op-90 { opacity: 0.9; }
.op-100 { opacity: 1; }

/*color*/
.white{color: #fff;}
.yellow-text{color: #ffdc4a;}
.navyblue-text{color: #2f007a;}
.blue-text{color: #32099a;}
.yellow-clr{color:#f0ff00;}
.orange-clr{color:#ff6f33;}
.red-txt{color:#ff4040;}
.black{color:#000000;}
.grey-txt{color: #D8D8E3;}





@media (min-width: 767px) { }











/* buttons */
.button-container{display: flex;gap: 20px;align-items: center;cursor:pointer;}
.button-container a:hover{text-decoration: none;color: #D8D8E3;}
.hero-btn{
/* display: flex; */
/* flex-direction: row; */
/* align-items: flex-start; */
/* justify-content: space-evenly; */
/* padding: 12px 16px; */
/* gap: 10px; */
width: 261px;
height: 48px;
/* background: #FF0000; */
/* white-space: nowrap; */
}
.super-button,
.super-button2 {
  position: relative;
  display: inline-flex;
  white-space: nowrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 12px 16px;
  /* background: linear-gradient(145deg, #0f0f0f, #1c1c1c); */
  background: linear-gradient(145deg, #800000, #990000);
  /* background: linear-gradient(145deg, #ff0000, #c20000, #000000); */
  border: 2px solid rgba(255, 255, 255, 0.2);
  /* border-radius: 100px; */
  /* color: #fff; */
  cursor: pointer;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  /* box-shadow: 0 0 20px rgba(0, 255, 255, 0.1); */
  box-shadow: 0 0 20px rgba(255, 0, 0, 0.3);
  backdrop-filter: blur(8px);
  z-index: 1;
}

.super-button::before,
.super-button2::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  /* background: conic-gradient(from 0deg, #00ffff, #ff00ff, #00ffff); */
  background: conic-gradient(from 0deg, #fff, #a6a6a6, #ffffff);
  /* background: conic-gradient(from 0deg, #ff0000, #ff007f, #ff0000); */
  /* background: conic-gradient(from 0deg, #ff0000, #ff7b00, #ffcc00, #ff0000); */
  /* background: conic-gradient(from 0deg, #ff0000, #ff4d6d, #ff9900, #ff0000); */
  /* background: conic-gradient(from 0deg, #ff0000, #007bff, #00ffff, #ff0000); */
 /* background: conic-gradient(from 0deg, #ff0000, #ff4d6d, #ff9900, #ff0000); */
 /* background: conic-gradient(from 0deg, #ff0000, #c20000, #000000, #ff0000); */
 
  animation: rotate 4s linear infinite;
  z-index: -2;
}

.super-button::after,
.super-button2::after {
  content: "";
  position: absolute;
  inset: 2px;
  /* background: #0a0a0a; */
  background: #ff0000; 
  /* border-radius: inherit; */
  z-index: -1;
}
.super-button2::after {
  background: #4d4d4d;
  border: 1px solid #555555;
} 
.super-button:hover {
  transform: scale(1.05);
  box-shadow: 0 0 40px rgba(0, 255, 255, 0.2);
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.hero-btn2{
display: flex;
justify-content: center;
align-items: center;
padding: 12px 16px;
width: 169px;
height: 48px;
background: rgba(210, 210, 210, 0.27) !important;
border: 1px solid #555555;
}
.channel .button-container{display: flex;gap: 20px;align-items: center;cursor:pointer;justify-content: center;}
.channel .button-container a:hover{text-decoration: none;color:#fff;}




/* heading global css list */
.heading{display: inline-flex;align-items: center;justify-content: center;}
.heading.heading-top{padding: 6px 10px;width: 216px;height: 28px;border: 1px solid #4F4F4F;color: #D8D8E3;}




/* common css for all screen */
.absImg{position: absolute;z-index: 1;}
.absImg.hero{bottom: 0;right: 9%;}
.hero-name{
font-weight: 600;
background: linear-gradient(180deg, #FFFFFF 0%, #FFEAE8 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.scaleImg{animation: pulse 3s infinite ease-in-out;}
@keyframes pulse{0%{transform:scale(1);}50%{transform:scale(1.3);}100%{transform:scale(1);}}
.about-box{
display: flex;
justify-content: center;
align-items: center;
padding: 20px 40px;
/* width: 701px; */
/* height: 208px; */
background: #200E10;
border-left: 6px solid #E54341;
color: #fff;
}
/* Default styles for small screens (less than 768px) */
.about-bg {
  z-index: 2;
  background: url(../images/about-bg.png) no-repeat center center;
  background-size: 100% 100%;
  padding: 20px 20px 60px; /* smaller padding for small screens */
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  text-align: left;
  display: block;
  width: 90%; 
  max-width: 100%;
}




/* bg bg bg */
.hero-bg{background: url(../images/hero-bg.png) repeat top left; background-size: cover;padding: 8% 0 11%; position: relative; animation: mymove 5s infinite;}

@keyframes mymove {
  50% {background-position: bottom right;}
}

.about-bg{
margin-top: -70px;z-index: 2;
position:relative;
background: url(../images/about-bg.png)no-repeat center center;
background-size: 100% 100%;
padding: 20px 40px 40px;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
z-index: 2;
text-align: left;
display:block;
}
.history-bg{padding: 10% 0 10%;}
.timeline{background: url(../images/history-bg.png)no-repeat center center;background-size: 100% 100%;padding: 5% 0 6%;}
.rect1{
  /* background: url(../images/Rectangle\ 1.png)no-repeat center center; */
  background: linear-gradient(90deg, #1D0A0A 0%, #100F10 25.92%);
  border-radius: 3px;
  /* background-size: 100% 100%; */
  padding: 20px 20px 20px;
  width: 150px;
  height: auto;
  display: flex;align-items: left;justify-content: center;
  flex-direction: column;
  margin-top:-140px;
  /* margin-left: -25px; */
/* background: linear-gradient(90deg, #1D0A0A 0%, #100F10 25.92%); */
}
.rect4{
  background: linear-gradient(90deg, #1D0A0A 0%, #100F10 25.92%);
  border-radius: 3px;
  width: 150px;height: auto;
  /* height:300px; */
  display: flex;align-items: left;justify-content: center;
  flex-direction: column;
  padding: 20px 20px 20px;
  /* margin-top:-200px; */
  /* width: 140px; */
  /* margin-left: 40px; */
  float: right;
}


.sw-bg{background: url(../images/dee.png)no-repeat center center;background-size: cover;padding: 50px 0 50px;}
.sw-bg p,.channel p{color: #ADADAD;}
.logo-box{
/* width: 195px; */
/* height: 76px; */
background: rgba(255, 255, 255, 1);
padding: 20px;
border:2px solid #990000;
}
.logo-box img{filter: grayscale(100%);}
.logo-box:hover img{filter: grayscale(0%);}
.channel{height: 500px;
  padding: 5% 0 16%;
  position: relative;}

.channel-box{background:#09080C url(../images/de.png)no-repeat center center;background-size: 100% 100%;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
position: absolute;padding: 40px;
width: 400px;
/* height: 500px; */
left: 50%;transform: translateX(-50%);
}
.channel-box h2{
font-weight: 700;
background: linear-gradient(270deg, #FFFFFF 0%, #FF0000 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
footer{padding: 10% 0 5%;}
footer p{color:#767676;}



/* 
@media (min-width:992px){
  .rect4{background: url(../images/Rectangle\ 4.png)no-repeat center center !important;margin-left: 320px;
  background-size: 100% 100%;
  }
  
}
   */

/* @media (max-width:576px){
  .rect4{
    margin-left: 200px;
  }
} */

@media (max-width:992px){
  .rect4{
    /* background: url(../images/Rectangle\ 4.png)no-repeat center center !important; */
    /* margin-left: 40px; */
  }
  .rect1{
    /* margin-left: 10px;  */
  }
  .logo-box{
/* width: 195px; */
/* height: 88px; */
background: rgba(255, 198, 198, 0.1);
padding: 20px;
}
}

/* @media (min-width:360px) and (max-width:479px){
  .rect4{
    margin-left: 45px;
  }
}

@media (min-width:480px) and (max-width:567px){
  .rect4{
    margin-left: 75px;
  }
}

@media (min-width:568px) and (max-width:667px){
  .rect4{
    margin-left: 105px;
  }
}

@media (min-width:668px) and (max-width:767px){
  .rect4{
    margin-left: 168px;
  }
}

@media (min-width:768px) and (max-width:1023px){
  .rect4{
    margin-left: 85px;
  }
}

@media (min-width:768px) and (max-width:823px){
  .rect4{
    margin-left: 85px;
  }
}



@media (min-width:1024px) and (max-width:1100px){
  .rect4{
    margin-left: 156px;
  }
}

@media (min-width:1101px) and (max-width:1279px){
  .rect4{
    margin-left: 209px;
  }
}

@media (min-width:1280px) and (max-width:1700px){
  .rect4{
    margin-left: 315px;
  }
} */

/* Styles for medium and large screens (768px and above) */
@media (min-width: 768px) {
  .about-bg {
    padding: 20px 80px 90px; /* larger padding for larger screens */
    margin-top: -70px;
  }
  .about-box{
display: flex;
justify-content: center;
align-items: center;
padding: 50px 40px;
/* width: 701px; */
/* height: 208px; */
background: #200E10;
border-left: 6px solid #E54341;
color: #fff;
}
.history-bg{padding: 5% 0 3%;}
.rect1{background: url(../images/Rectangle\ 1.png)no-repeat center center;border-radius: 3px;
  background-size: 100% 100%;padding: 20px 40px;display: block;
  width: 334px;height: auto;
  margin-top:-145px;
  /* margin-left: -35px; */
/* background: linear-gradient(90deg, #1D0A0A 0%, #100F10 25.92%); */
}
/* .rect4{background: url(../images/Rectangle\ 4.png)no-repeat center center !important;
  margin-left: 280px;
} */
.rect4{background: url(../images/Rectangle\ 4.png)no-repeat center center;border-radius: 3px;
  background-size: 100% 100%;padding: 20px 30px;display: block;width: 334px;
  height: auto;
  margin-top:-105px;
  display: flex;align-items: left;justify-content: center;
  /* margin-left: 315px; */
/* background: linear-gradient(90deg, #1D0A0A 0%, #100F10 25.92%); */
}


.channel{padding: 5% 0 6%;height:500px;
  position: relative;}
.channel-box{background:#09080C url(../images/de.png)no-repeat center center;background-size: 100% 100%;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
position: absolute;padding: 40px;
width: 600px;
/* height: 500px; */
left: 50%;transform: translateX(-50%);
}
footer{padding: 5% 0 5%;}
}


@media (min-width:992px){
  .channel-box{background:#09080C url(../images/de.png)no-repeat center center;background-size: 100% 100%;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
position: absolute;padding: 40px;
width: 900px;
/* height: 500px; */
left: 50%;transform: translateX(-50%);
}
}










@media (max-width: 767px) { }
@media (min-width: 768px) { }




@media (min-width: 900x) { }





@media (min-width: 1200px) { }