@import url('https://api.fontshare.com/v2/css?f[]=satoshi@1&display=swap');

body{
font-size: 16px;
font-family: 'Satoshi', sans-serif;
line-height: 1.42857143;
color: #000;
/* letter-spacing: -0.2em; */
}
  .inter{
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: 800;
  }
html{
overflow-y: scroll;
scroll-behavior: smooth;
}

/* ///////////////////////////////////////////////// */

::-webkit-scrollbar {
	width: 6px; /* Set the width of the scrollbar */
	height: 6px; /* Set the height of horizontal scrollbar */
  }
  
  ::-webkit-scrollbar-track {
	background-color: #f2f2f2; /* Background color of the scrollbar track */
	border-radius: 0px;
  }
  
  ::-webkit-scrollbar-thumb {
	background-color: #1a9983; 
	border-radius: 6px;
	opacity: 0.8;
	/* border: 1px solid #f2f2f2;  */
	min-height: 40px;
  }
/* ///////////////////////////////////////////////// */

sup {
  color: #FFF500;
  font-size: 16px; 
  font-weight: 800;
}
.launch_date{
  font-size: 16px; 
  font-weight: 800;
  color: #00FFFF;
  margin-right: 1rem;
}

a:hover{
  text-decoration: none;
  color: #fff;
}
/* letter spacing */
.ls-5{letter-spacing: -0.25px;}
.ls-2{letter-spacing: -0.5px;}
.ls-1{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;}.xs45 {font-size: 45px;}.xs47 {font-size: 47px;}.xs48 {font-size: 48px;}.xs49 {font-size: 49px;}.xs50 {font-size: 50px;}.xs60 {font-size: 60px;}.xs70 {font-size: 70px;}.xs80 {font-size: 80px;}.xs110{font-size:110px}    
}
@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;}.sm35 {font-size: 35px;}.sm37 {font-size: 37px;}.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;}.sm81 {font-size: 81px;}.sm82 {font-size: 82px;}.sm83 {font-size: 83px;}.sm84{font-size: 84px;}.sm85 {font-size: 85px;}.sm86 {font-size: 86px;}.sm87 {font-size: 87px;}.sm88 {font-size: 88px;}.sm89 {font-size: 89px;}.sm90 {font-size: 90px;}.sm91 {font-size: 91px;}.sm92 {font-size: 92px;}.sm93 {font-size: 93px;}.sm94{font-size: 94px;}.sm95 {font-size: 95px;}.sm96 {font-size: 96px;}.sm97 {font-size: 97px;}.sm98 {font-size: 98px;}.sm99 {font-size: 99px;}.sm100 {font-size: 100px;}
}
@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;}.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;}.md101 {font-size: 101px;}.md102 {font-size: 102px;}.sm103 {font-size: 103px;}.sm104{font-size: 104px;}.sm105 {font-size: 105px;}.sm106 {font-size: 106px;}.sm107 {font-size: 107px;}.sm108 {font-size: 108px;}.sm109 {font-size: 109px;}.sm110 {font-size: 110px;}.sm111 {font-size: 111px;}.sm112 {font-size: 112px;}.sm113 {font-size: 113px;}.sm114{font-size: 114px;}.sm115 {font-size: 115px;}.sm116 {font-size: 116px;}.sm117 {font-size: 117px;}.sm118 {font-size: 118px;}.sm119 {font-size: 119px;}.sm120 {font-size: 120px;}.md200{font-size: 200px;}.md160{font-size: 160px;}
.md140{font-size: 140px;}.md120{font-size: 120px;}
}


.mt0{margin-top: 0%;}
.mt_5{margin-top: 0.5%;}
.mt1{margin-top: 1%;}
.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%;}
.mt9{margin-top: 9%;}
.mt10{margin-top: 10%;}
    
    
/* Margins */
@media (min-width:240px){
.xsmt0{margin-top: 0%;}.xsmt1{margin-top: 1%;}.xsmt2{margin-top: 2%;}.xsmt22{margin-top: 22%;}.xsmt3{margin-top: 3%;}.xsmt30{margin-top: 30%;}.xsmt4{margin-top: 4%;}.xsmt5{margin-top: 5%;}.xsmt6{margin-top: 6%;}.xsmt7{margin-top: 7%;}.xsmt8{margin-top: 8%;}.xsmt9{margin-top: 9%;}.xsmt10{margin-top: 10%;}.xsmt20{margin-top: 20%;}.xsmt15{margin-top: 15%;}.xsmt19{margin-top: 19%;} .xsmt12{margin-top: 12%;}.xsmt25{margin-top: 25%;}.xsmt31{margin-top: 31%;}.xsmt40{margin-top:40%;}.xsmt50{margin-top: 50%;}    
.xsmt-3{margin-top: -3%;}.xsmt-5{margin-top: -5%;}.xsmt-7{margin-top: -7%;}.xsmt-9{margin-top: -9%;}.xsmt-10{margin-top: -10%;}.xsmt-13{margin-top: -13%;}.xsmt-15{margin-top: -15%;}.xsmt-17{margin-top: -17%;}.xsmt-30{margin-top: -30%;}.xsmt-20{margin-top: -20%;}.xsmt-25{margin-top: -25%;}.xsmt-40{margin-top: -40%;}
}

@media (min-width:768px){  
.lmt0{margin-top: 0%;}.lmt1{margin-top: 1%;}.lmt2{margin-top: 2%;}.lmt3{margin-top: 3%;}.lmt4{margin-top: 4%;}.lmt5{margin-top: 5%;}.lmt6{margin-top: 6%;}.lmt7{margin-top: 7%;}.lmt8{margin-top: 8%;}.lmt9{margin-top: 9%;}.lmt10{margin-top: 10%;}.lmt11{margin-top: 11%;}.lmt12{margin-top: 12%;}.lmt13{margin-top: 13%;}.lmt14{margin-top: 14%;}.lmt15{margin-top: 15%;}.lmt16{margin-top: 16%;}.lmt17{margin-top: 17%;}.lmt18{margin-top: 18%;}.lmt19{margin-top: 19%;}.lmt20{margin-top: 20%;}.lmt21{margin-top: 21%;}.lmt22{margin-top: 22%;}.lmt25{margin-top: 25%;}.lmt26{margin-top: 26%;}.lmt30{margin-top: 30%;}.lmt31{margin-top: 31%;}.lmt35{margin-top: 35%;}.lmt36{margin-top: 36%;}.lmt42{margin-top: 42%;}.lmt48{margin-top: 48%;}.lmt28{margin-top: 28%;}.lmt29{margin-top: 29%;}.lmt27{margin-top: 27%;}
.lmt-1{margin-top: -1%;}.lmt-2{margin-top: -2%;}.lmt-3{margin-top: -3%;}.lmt-4{margin-top: -4%;}.lmt-5{margin-top: -5%;}.lmt-6{margin-top: -6%;}.lmt-7{margin-top: -7%;}.lmt-8{margin-top: -8%;}.lmt-9{margin-top: -9%;}.lmt-10{margin-top: -10%;}.lmt-11{margin-top: -11%;}.lmt-12{margin-top: -12%;}.lmt-13{margin-top: -13%;}.lmt-14{margin-top: -14%;}.lmt-15{margin-top: -15%;}.lmt-16{margin-top: -16%;}.lmt-17{margin-top: -17%;}.lmt-18{margin-top: -18%;}.lmt-19{margin-top: -19%;}.lmt-20{margin-top: -20%;}.lmt-21{margin-top: -21%;}.lmt-22{margin-top: -22%;}.lmt-23{margin-top: -23%;}.lmt-24{margin-top: -24%;}.lmt-25{margin-top: -25%;}.lmt-26{margin-top: -26%;}.lmt-27{margin-top: -27%;}.lmt-28{margin-top: -28%;}.lmt-29{margin-top: -29%;}.lmt-30{margin-top: -30%;}     
}

/* font weight */
.fw100{font-weight: 100;}
.fw200{font-weight: 200;}
.fw300{font-weight: 300;}
.fw400{font-weight: 400;}
.fw500{font-weight: 500;}
.fw600{font-weight: 600;}
.fw700{font-weight: 700;}
.fw800{font-weight: 800;}

/* line height */
.lh80{line-height: 80%;}
.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%;}
.lh180{line-height: 180%;}
.lh190{line-height: 190%;}
.lh200{line-height: 200%;}
.lh210{line-height: 210%;}
.lh220{line-height: 220%;}
.lh230{line-height: 230%;}
.lh240{line-height: 240%;}

/* common */
.responsive-video{position: relative;padding-bottom: 56.25%;overflow: hidden;}
.responsive-demo-video{position: relative;}
.underline{text-decoration: underline;}
.uppercase{text-transform: uppercase;}
.italic{
  font-style: italic;
}
.responsive-video iframe, .responsive-demo-video iframe, .responsive-video object, .responsive-demo-video object{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

/* colors */
.balck{color: #000 !important;}
.black_op{color: rgba(0,0,0,.79) !important;}
.balck4{color: #121212 !important;}
.balck1{color: #151515 !important;}
.balck2{color: #333333 !important;}
.balck3{color: #363636 !important;}
.blue{color: #20A2FF !important;}
.blue_bright{color: #1764FF !important;}
.blue_light{color: #AFCAFF !important;}
.blue_dark{color: #1B20A7 !important;}
.blue_darker{color: #5411E5 !important;}
.green{color: #a0aaa6 !important;}
.green_darker{color: #0CC371 !important;}
.green_bright{color: #3DEE6F !important;}
.green_light{color: #AFFFB7 !important;}
.yellow{color: #F1AF20 !important;}
.pink{color: #FFAFAF;}
.pink_light{color: #FFCDCD;}
.red{color: #FF0000 !important;}
.red_darker{color: #FF0D0D !important;}
.red_light{color: #FF1E22 !important;}
.red_dark{color: #EA0D0D !important;}
.orange{color: #FFBC5B !important;}
.white{color: #ffffff !important;}

.lg_one{
  background: linear-gradient(90deg,#F1FFC0,#7CFFF8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.lg_two{
  background: linear-gradient(90deg,#1A67FF,#FF3838);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.lg_3{
  background: linear-gradient(90deg,#883F8A,#2C57E9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.lg_4{
  background: linear-gradient(90deg,#2665F5,#FC393B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.lg_5{
  background: linear-gradient(90deg,#FFFFFF,#A3A6FF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.lg_6{
  background: linear-gradient(90deg,#F1FFC0,#A5A9FF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.lg_7{
  background: linear-gradient(90deg,#F51C2D -787.64%, #7A02EC 1408.21%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.lg_8{
  background: linear-gradient(90deg,#E40505 , #43017D );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.lg_9{
  background: linear-gradient(180deg,#FC5D23 , #2302C2 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.lg_99{
  background: linear-gradient(90deg,#FC5D23 , #2302C2 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.lg_10{
background: linear-gradient(90deg, #E9E969 20%, #F3292D 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.lg_11{
  background: linear-gradient(90deg,#0D9DEA 0%, #6F00FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.lg_12{
  background: linear-gradient(90deg,#1F56FF 0%, #EF6459 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.lg_13{
  background: linear-gradient(90deg,#FF27FF 0%, #FF9315 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* custom container */
@media (max-width:767px){
.mycontainer{max-width: 100%;}
}
@media (min-width:768px){
.mycontainer{max-width: 750px;}    
}
@media (min-width:992px){
.mycontainer{max-width: 970px;}    
}
@media (min-width:1200px){
.mycontainer{max-width: 1170px;}    
}
@media (min-width:1300px){
.mycontainer{max-width: 1170px;}
}

@media (min-width:1400px){
.mycontainer{max-width: 1170px;}
.mycontainer1{max-width: 1270px;}
}



/* AFTER//BEFORE */
@media (min-width:1300px){
 
}


.navdemo,
.navbuy{
  color: #fff;
  margin-right: 26px;
  font-size: 18px;
  font-weight: 700;
}
.navbuy{
background: linear-gradient(95.62deg, #FF0D0D -3.55%, #6F00FF 98.63%);
border: 1px solid rgba(246, 234, 255, 0.5);
border-radius: 50px;
padding: 15px 28px;
}
.benefit-section{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.benefit-pill{
background: linear-gradient(97.7deg, rgba(255, 219, 247, .2) 5%, rgba(88, 70, 255, .2) 95.63%);
border-radius: 50px;
flex: none;
order: 1;
flex-grow: 0;
display: flex;
flex-direction: row;
gap: 15px;
align-items: center;
justify-content: flex-start;
padding: 12px 25px;
color: #fff;
font-weight: 500;
font-size: 18px;
border: 1px solid rgba(247, 240, 251, .2);
}


/* NAVBAR */
.navbar-expand-lg .navbar-nav  span{color: #fff;}
.navbar-light .navbar-nav .nav-link{
  color:#ffffff!important;
  font-size: 18px;
}
.navbar-light .navbar-nav .last .nav-link{
  border-radius: 50px;
  background: #fff;
  padding:6px 18px;
  margin-top: 0;
  font-size:18px;
  font-weight:700;
  color: #0C13D1!important;
  transition: all 0.2s ease-in-out;
}
.navbar-light .navbar-nav .last .nav-link:hover{
  transform: scale(1.1);
}
.navbar-light .navbar-toggler {
  color: rgb(255 255 255 / 50%);
  border-color: rgb(255 255 255 / 10%);
  background: #ffff;
}
.issues{gap: 25px;}
.mk-sps{gap: 15px;}
.curves{gap: 10px;}
.red-alert{margin: 0 15px;}



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





.live-heading{
  background: linear-gradient(90deg,#EB7D37,#E368B8);
  border-radius: 40px;
  display: inline-block;
  font-weight: 700;
  padding: 10px;
  position: relative;
  color: white;
}
.live-heading img{
  position: absolute;
  left: 0px;
  bottom: -13px;
}
.affiliate{
background: linear-gradient(95.62deg, #FF0D0D -3.55%, #6F00FF 98.63%);
border: 1px solid rgba(252, 247, 255, 0.3);
border-radius: 60px;
display: inline-block;
padding:23px 70px;
font-weight: 700;
font-size: 24px;
}
.affiliate a{color: #fff;}

.prelaunch-section{
  background:#0C0249;
  padding: 6% 0 6%;
}
.prelaunch-text{
  font-weight: 700;
  font-size: 19px;
  text-align: center;
  line-height: 120%;
  margin-top: 6%;
}
.promo-prep{
  background: rgb(32, 19, 121,0.8);
  border-radius: 20px;
  padding: 30px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  margin-top: 4%;
}
.prep-asset{
  background: url(../images/prep-asset.png) no-repeat;
  background-size: 100% 100%;
  padding: 15px;
  margin-top: 8%;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  display:block;
}
.musicman-section{
  background: #060316;
  padding: 3% 0 4%;
}
.musicman-traits{
  font-size: 17px;
  color: #fff;
  margin-top: 2% !important;
  padding-right: 0 !important;
  padding-left: 25px;
  line-height: 140%;
}
.musicman-traits li{margin-bottom: 2%;padding: 0;}
.musichero-section{
  background: #fff ;
  padding: 4% 3% 5%;
}
.musichero-asset{
  background: url(../images/musichero-asset.png) no-repeat;
  background-size: 100% 100%;
  padding: 15px 64px;
  display: inline-block;
  align-items: center;
}
.song-list-box{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  align-items: center;
}
.song-list{
  /* background: url(../images/song-list-asset.png) no-repeat;
  background-size: 100% 100%;
  padding: 15px 40px;
  font-weight: 500;
  font-size: 15px; */
  background: linear-gradient(white, white) padding-box,
              linear-gradient(to right, #1A67FF, #FF3838) border-box;
  border-radius: 50em;
  border: 1px solid transparent;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  padding: 12px 45px;
  cursor: pointer;
}
.heard-sss-music{
  background: #fff;
  padding: 8px 20px;
  box-shadow: 0 4px 4px rgba(154, 152, 152, 0.15);
  border-radius: 50px;
  display: inline-block;
}
.issues-factors{
  background: #fff;
  border-radius: 20px;
  padding: 45px 60px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 25px;
  justify-content: center;
  flex: auto;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
}
.commercial-spn{
  background: linear-gradient(90deg,#F3AB4F 0%, #4D2C05 100%);
  padding: 1px 12px;
  display: inline-flex;
  color: #fff;
  border-radius: 8px;
}
.buy-now-css{
  margin-top: 8%;
}
.licence-asset2{
  position: relative;
  margin-top: 15%;
}
.licence-heading-yellow{
  color: #FF0000;
  background: #FFF8B7;
  border-radius: 11px;
  font-weight: 700;
  text-align: center;
  padding: 10px 65px;
  display: inline-block;
  margin-top: 5%;
}
.licence-affiliate{
  background: linear-gradient(90deg,#FF5555 0%, #1A6AFF 100%);
  border-radius: 40px;
  padding: 15px 60px;
  color: #fff;
  font-weight: 700;
  margin-top: 5%;
  text-align: center;
  display: inline-block;
}
.licence-asset2 .licence-css{
  position: absolute;
    top: -114px;
    right: -184px;
    z-index: 1000;
}
.soon-asset{
  margin-top: 4%;
  background: #FF0000;
  color: #fff;
  display: inline-block;
  padding: 10px 30px;
  border-radius: 11px;
  font-weight: 700;
}
.licence-asset{
  background: linear-gradient(180deg , #EEF3FF 0%, #ffffff 100%);
  border-radius: 20px;
  margin-top: 15%;
  border-radius: 2px solid #EBEBEB;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  padding: 60px 60px;
}
.licence-asset-warning{
  display: flex;
  flex-direction: column;
  gap: 25px;
  position: relative;
}
.shock-css{
  position: absolute;
    z-index: 1000;
    transform: translate(10%, -40%);
}
.warning-spn1{
  background: #FFF8B7;
  color: #321EB8;
  padding: 4px 10px;
  border-radius: 11px;
}
.warning-spn2{
  background: linear-gradient(90deg,#FF0000 0%, #C5036A 100%);
  border-radius: 11px;
  padding: 15px 60px;
  color: #fff;
  font-weight: 700;
  margin-top: 5%;
  text-align: center;
  display: inline-block;
  text-align: center !important;
}
.buy-now-listbox{
  border-radius: 20px;
  padding: 5px;
  position: relative;
  border: 4px solid #3478F5;
  margin-top: 10%;
}
.buyers{
  background: linear-gradient(90deg,#FFEB9A,#FFED49);
  border-radius: 20px;
  padding: 10px 40px;
  display: inline-block;
  color: #000;
  font-weight: 600;
  text-align: center;
  position: absolute;
    top: 0;
    left: 7%;
    transform: translate(50%, -50%);
}
.buynow-spn{
  padding: 10px 20px !important;
}
.buy-now-listbox-inset{
  background: linear-gradient(180deg, #F4F7FF 0%, #ffffff 100%);
  border-radius: 20px;
  padding: 75px 0;
}
.buy-now-listbox-inset ul{
  margin-top: 7%;
  padding: 0 45px !important;
}
.buy-now-list li{
  margin-bottom: 3% !important;
}




.features-section {background: url(../images/features-bg.png) no-repeat top center; background-size: cover; padding: 3% 0 5%;}
.experience-section {background: url(../images/experience-bg.png) no-repeat top center; background-size: cover; padding: 3% 0 5%;}
.demo-section {background: url(../images/demo-bg.png) no-repeat top center; background-size: cover; padding: 1% 0 5%;}
.perfect-music-section{background: url(../images/perfect-music-bg.png)no-repeat center center;background-size: cover;padding: 4% 0 10%;}
.presenting-section{background: url(../images/presenting-bg.png)no-repeat bottom center;background-size: cover;padding: 0% 0 12%;}
.steps-section {background: url(../images/steps-bg3.png) no-repeat top center; background-size: 100% 100%; padding: 3% 0 6%; position:relative;}
.samples-section {background: url(../images/samples-bg.png) no-repeat top center; background-size: cover; padding: 3% 0 6%;}
.moods-section {background: url(../images/moods-bg.png) no-repeat center center; background-size: cover; padding: 5% 0 9%;}
.tempo-section {background: url(../images/tempo-bg.png) no-repeat bottom center; background-size: contain; padding: 4% 0;}
.header-section{  background: url(../images/header-bg.png) no-repeat top center;  background-size: cover;padding:4% 0 4%; z-index: 999;position: relative;}
.compose-music-section{background: #fff;padding: 5% 0 4%;}
.video-type-section{background: url(../images/video-types-bg.png)no-repeat top center;background-size: cover;padding: 4% 0 5%;}
.marketers-section{background: url(../images/marketers-bg.png)no-repeat top center;background-size: cover;padding: 4% 0 5%;}
.imagine-section{background: #fff;padding: 0% 0 3%;position: relative;}
.smart-makers-section{background: url(../images/smart-makers-bg.png)no-repeat top center;background-size: cover;padding: 2% 0 9%;}
.sellers-section{background: url(../images/sellers-bg.png)no-repeat top center;background-size: cover;padding: 4% 0 5%;position: relative;}
.charge-for-music{background: url(../images/charge-4-music-bg.png)no-repeat center center;background-size: cover;padding: 4% 0 5%;}
.vvip-bonus-section{background: url(../images/vvip-bonus-bg.png)no-repeat top center;background-size: cover;padding: 8% 0 7%;}
.white-bg{background: #fff;padding: 30px 0;}
.jampacked-feature-section{background: url(../images/jampacked-feature-bg.png)no-repeat top center;background-size: cover;padding: 4% 0 5%;}
.commercial-licence-section{background: url(../images/commercial-bg.png)no-repeat top center;background-size: cover;padding: 0 0 8%;}
.investment-section{background: url(../images/investment-bg.png)no-repeat top center;background-size: cover;padding: 4% 0 5%;}


@media(max-width:767px){
	.steps-section{margin-top:0;}
	.header-section{padding:6% 0 8%;}
      .sticky-header{
        padding:27px 0 30px;
        }
        .presenting-asset{
          background: url(../images/present-asset.png)no-repeat;
          background-size: 100% 100%;
          padding:50px 20px;
          position: relative;
        }
        .charge-for-music-asset{
          margin-top: 2%;
        }
        .vvip-headingbox{
          padding: 30px 30px;
        }
}

@media(min-width:768px){
  .live-heading{padding: 10px 42px 10px 87px;}
  .prelaunch-section{background: #0C0249 url(../images/preluanch-bg.png)no-repeat center center; background-size: cover; padding: 4% 0 5%;}
  .musicman-section{background: #060316 url(../images/musicman-bg.png)no-repeat center center; background-size: cover;}
  .musichero-section{background: #fff url(../images/musichero-bg.png)no-repeat top center; background-size: cover; padding: 4% 0 5%;}
  .steps-section{margin-top:-7%;}
  .presenting-asset{
    background: url(../images/present-asset.png)no-repeat;
          background-size: 100% 100%;position: relative;
    padding: 60px 65px 80px 30px;
  }
  .charge-for-music-asset{
    margin-top: 17%;
  }
  .vvip-headingbox{
    padding: 30px 100px;
  }
  .badge-asset{
    background: url(../images/badge-asset.png)no-repeat;
    border-radius: 0;
  }
}


.fbox{padding: 20px 20px 20px 60px; background-color: #FFFFFF !important; border-radius: 11px;}
.fbox1{border: 2px dashed #7D81FF; background: url(../images/f1.png)no-repeat center left 10px;}
.fbox2{border: 2px dashed #FF7DF0; background: url(../images/f2.png)no-repeat center left 10px;}
.fbox3{border: 2px dashed #FFAF7D; background: url(../images/f3.png)no-repeat center left 10px;}
.fbox4{border: 2px dashed #EAAFBE; background: url(../images/f4.png)no-repeat center left 10px;}
.fbox5{border: 2px dashed #C36666; background: url(../images/f5.png)no-repeat center left 10px;}
.fbox6{border: 2px dashed #7D81FF; background: url(../images/f6.png)no-repeat center left 10px;}
.fbox7{border: 2px dashed #18C31E; background: url(../images/f7.png)no-repeat center left 10px;}
.fbox8{border: 2px dashed #7D81FF; background: url(../images/f8.png)no-repeat center left 10px;}
.fbox9{border: 2px dashed #FF6FC5; background: url(../images/f9.png)no-repeat center left 10px;}

.fbox10{border: 2px dashed #FFAF7D; background: url(../images/f18.png)no-repeat center left 10px;}
.fbox11{border: 2px dashed #41ABB4; background: url(../images/f10.png)no-repeat center left 10px;}
.fbox12{border: 2px dashed #7DA6FF; background: url(../images/f11.png)no-repeat center left 10px;}
.fbox13{border: 2px dashed #7DD8FF; background: url(../images/f12.png)no-repeat center left 10px;}
.fbox14{border: 2px dashed #3AC4A2; background: url(../images/f13.png)no-repeat center left 10px;}
.fbox15{border: 2px dashed #FFAF7D; background: url(../images/f14.png)no-repeat center left 10px;}
.fbox16{border: 2px dashed #FF7DA6; background: url(../images/f15.png)no-repeat center left 10px;}
.fbox17{border: 2px dashed #FFAF7D; background: url(../images/f16.png)no-repeat center left 10px;}
.fbox18{border: 2px dashed #2FED98; background: url(../images/f17.png)no-repeat center left 10px;}




.vvip-heading{
  background: #E63950;
  border-radius: 30px;
  display: inline-block;
  padding: 8px 40px;
  font-weight: 700;
  color: #fff;
}
.vvip-headingbox{
  color: #FF0000;
  background: #FFF5C2;
  border: 1px solid #FF0000;
  border-radius: 21px;
  font-weight: 700;
  text-align: center;
  display: inline-block;
}
.Incredible-asset{
  background: url(../images/incredible-asset.png)no-repeat;
  background-size: 100% 100%;
  padding: 50px 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  text-align: center;
  justify-content: center;
  align-items: center;
  color: #fff;
  height: 100%;
}
.jampack-affiliate{
  background: #0B9F58;
  font-weight: 700;
  font-size: 19px;
  display: inline-block;
  padding: 8px 30px;
  border-radius: 30px;
  margin-top: 6%;
  color: #fff;
}
.charge-for-music-listbox{
  background: url(../images/charge-4-music-asset.png)no-repeat;
  background-size: 100% 100%;
  padding: 50px 40px;
  position: relative;
}
.charge-for-music-listbox img{
  position: absolute;
  bottom: -70px;
  right: -80px;
}
.charge-for-music-listbox ul{
  margin: 0;
  padding: 0;
}
.charge-for-music-listbox ul li{
  list-style: none;
  font-weight: 600;
  background: url(../images/tickk-green.png)no-repeat;
  padding-left: 41px;
  margin-bottom: 5%;
  background-size: 25px 25px;
  background-position: 0px 3px;
  padding-bottom: 10px;
}
.next-arrow{
  top: 0%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -90%);
}
.demo-css{
  border-radius: 9px;
  background: #FF0000;
  margin: 0 8px;
  padding: 8px 12px;
  color: #fff;
}
.types-css-vid{
  background: #fff;
  border-radius: 10px;
  padding: 40px 35px;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 900;
  gap: 20px;
}
.like-css-spn{
  background: linear-gradient(90deg, #0BD15D 0%, #7601F2 100%);
  border-radius: 10px;
  padding: 2px 16px;
    margin-top: -10px;
}
.smart-css-spn{
  background: linear-gradient(90deg,#4CB274 0%, #2CADCE 100%) !important;
}
.smart-makers-choice{
  background: linear-gradient(180deg ,#EEF3FF 0%, #FFFFFF 100%);
  border: 2px solid #fff;
  border-radius: 20px;
  padding: 20px 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  align-items: center;
}
.composition-time{
  background: url(../images/compose-asset.png)no-repeat;
  background-size: 100% 100%;
  padding: 12px 30px 14px 80px;
  display: inline-block;
  position: relative;
}
.s60-sss{transform: rotate(-2deg);}
.compose-asset{
  position: absolute;
  top: -25px;
  left: -40px;
}
.dislike-css-asset{
  background: url(../images/dislike-asset.png)no-repeat;
  background-size: 100% 100%;
  padding: 30px 40px;
  position: relative;
  height: 100%;
}
.think-css{
  position: absolute;
    top: -221px;
    margin: 0 !important;
    transform: translateX(50%);
}
.dislike-css-asset{
  background: url(../images/like-asset.png)no-repeat !important;
}
.dislike-css-asset img{
  margin: 8px 1px 30px 45px;
}
.dislike-css-asset h5{
  margin-bottom: 40px;
}
.dislike_listing{
  margin: 0;
  padding: 0 55px;
}
.dislike_listing li{
  list-style: none;
  font-weight: 600;
  color: #000;
  background: url(../images/cross-red.png)no-repeat;
  padding-left: 41px;
  margin-bottom: 9%;
  background-size: 25px 25px;
  background-position: 0px 3px;
  padding-bottom: 10px;
}
.like_listing li{
  background: url(../images/tickk-green.png)no-repeat !important;
}
.music-step{
  position: absolute;
  left: -100px;
  top: -50px;
  z-index: 1000;
}
.working{
	position:absolute;
	right:0;
	bottom:0;
  z-index: 1000;
}
.worry{
  position: absolute;
  right: -90px;
  bottom: -136px;
  z-index: 1000;
  width: 300px;
}
.img-imgcss1{
  position: absolute;
  left: -100px;
  top: -0px;
  z-index: 1000;
}
.img-imgcss2{
  position: absolute;
    right: 0%;
    bottom: 50%;
    z-index: 1000;
    transform: translate(50%, -150%);
}

.perfect-heading{
background: url(../images/perfect-asset.png)no-repeat;
background-size: 100% 100%;
padding: 40px 60px;
}
.present-heading{
  display: flex;
  justify-content: center;
  gap: 30px;
  position: relative;
}
.preset-toptext{
  margin-top: 70px;
}
.not-anymore{
  background: linear-gradient(90deg, #8411BE, #5397FC);
  border-radius: 40px;
  padding:8px 47px;
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-weight: bold;
  text-align: center;
  border: 1px solid #fff;
}
.present-grady{
  background: url(../images/present-grady.png)no-repeat;
  background-size: 100% 100%; 
  padding: 30px 30px;
  text-align: center;
  margin: 35px 0;
}
.product-img{margin-top: 30px;margin-left: -90px;}
.presenting-asset img{
  position: absolute;
  right: 40px;
  bottom: -70px;
}
.steps-headline{
padding: 10px 4%;
background: conic-gradient(from 0deg at 50% 50%, #304FFE 0deg, #DF4ED8 173.08deg, #066EB7 360deg);
border-radius: 31px;
display:table;
margin:2% auto;
}
.steps{
background: linear-gradient(132.23deg, #58D0FF -5.32%, #1764FF 100%);
border-radius: 40px;
display:table;
padding: 10px 4%;
}


.facttext{
background: linear-gradient(90deg, #5846FF 37.46%, #15B1FF 58.14%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.manytimes{
padding: 10px 4%;
background: linear-gradient(90.55deg, #5846FF 2.73%, #15B1FF 104.34%);
border-radius: 20px;
}

.exptext{
  background: linear-gradient(90deg, #FB3F46 37.46%, #922CDE 58.14%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  }

.music-comparebox{
background: #FFFFFF;
border-radius: 7px;
padding:3px
}
.perfectbox{
	background: url(../images/perfect-bg.png) no-repeat bottom center;
	padding:1px 1px 2% 1px;
	width:100%;
	position:relative;
}
.moodbox{
	background: url(../images/moodbox.png) no-repeat center center;
	background-size:cover;
	padding:5% 3%;
	width:100%;
	position:relative;
	border-radius:22px;
	box-shadow: 0px 4px 4px 2px rgba(214, 214, 214, 0.25);
}

.moodboxobj1{
	position:absolute;
	top:25%;
	left:-15%;
}
.moodboxobj2{
	position:absolute;
	bottom:-15%;
	right:-12%;
}

.listbox{
	background: url(../images/listbox.png) no-repeat center center;
	background-size:cover;
	padding:5% 3%;
	width:100%;
	position:relative;
	border-radius:22px;
	box-shadow: 0px 4px 4px 2px rgba(214, 214, 214, 0.25);
}

.listboxobj1{
	position:absolute;
	top:25%;
	left:-15%;
}
.listboxobj2{
	position:absolute;
	bottom:-15%;
	right:-15%;
}





.robotobject{position:absolute; top:22%; left:-8%;}
.perfectbox-inner{
	padding:4% 5% 0% 5%;
	width:100%;
	border-radius: 0 0 30px 30px;
}
.musicblue{color:#0C27D6;}
.evergreenbg{Background:#82FF9D;}

.navbar-light{
	Background:rgba(255,255,255,0.2);
	padding:12px 18px;
	border-radius:80px;
	border:1px solid #ccc;
}
.navbar{
	display:block;
}
.video-box{
background: url(../images/videobox-bg.png)no-repeat;
background-size: 100% 100%;
padding:5px 15px;
}
.video-box2{
background: url(../images/vid-border22.png)no-repeat;
background-size: 100% 100%;
padding:0 177px;
}
.kmcs{
 
}
.video-border-link2{
  
}

.payment-data h5 {
    background-image: linear-gradient(to right, #FEDE79, #E19458);
    border-radius: 12px;
    color: #000;
    padding: 11px 0;
    font-weight: 700;
    font-size: 23px;
    text-align: center;
}
.payment-data a {
    background: #4291F8;
    width: 100%;
    display: table;
    max-width: 425px;
    margin: 0 auto 15px;
    height: 70px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    font-size: 20px;
    color: #fff;
    padding: 0 9px;
    box-shadow: 1px 4px 1px 1px #0153BB;
    position: relative;
    padding-left: 75px;
    font-weight: 700;
}

.payment-data a:last-child {
    background: #00BAFF;
    box-shadow: 1px 4px 1px 1px #0C96CB;
}


section.payment-jv {
    padding-bottom: 0px;
    padding-top: 10px;
    background: #fff;
	border-radius:10px;
}
.payment-outer {
    background: #fff;
    border-radius: 20px;
    padding: 20px 10px;
}


.payment-data a span {
    position: absolute;
    left: 0;
    top: 0;
    border-right: 1px solid #dddddd42;
    height: 100%;
    bottom: 0;
    display: flex
;
    align-items: center;
    padding: 0px 10px;
    width: 56px;
    justify-content: center;
    text-align: center;
}



.demovideo{
background: #F7F7F7;
border-radius: 13px;
border: 2px solid #CD3EAE;
}
.demovideo iframe{
border-radius: 13px;
}


.samplebox{
padding: 24px 16px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(212, 247, 255, 0.6) 100%);
border: 1px solid #A1B6FF;
border-radius: 10px;
}
.sampletitle{
padding: 10px 10px;
background: #FFFCA6;
border-radius: 10px;
color:#5846FF;
font-weight:700;
text-align:center;
display:table;
margin:auto;
}
.samplebox audio {
    width: 100%;
}


.sticky-header{
background: linear-gradient(90deg, #5C00FF 0%, #EA0994 100%);
position:fixed;
width:100%;
top:0;
left:0;
padding:15px 0;
z-index:2000;
}







.list-top {
    background: rgb(250, 197, 95);
    border-radius: 20px 20px 0px 0px;
    padding: 10px;
}
.list-body {
    margin-top: -1px;
    background: linear-gradient(90deg, rgb(0, 55, 48) 0%, rgb(9, 145, 84) 100%);
    border-radius: 0px 0px 20px 20px;
    padding: 20px;
	border-top: 
}

.bundle-list li {
    list-style: none;
    background: url(../images/tickk.png) 0px 5px no-repeat;
    padding: 7px 0px 10px 40px;
    background-position: 0px 5px;
}
.footer-section{
  background: rgba(0, 0, 0, 1);
  padding: 4% 0 5%;
}


.boxheadline{
background: #FFFFFF;
border-radius: 60px;
padding:2% 5%;
}
.boxheadline1{
	background: linear-gradient(90deg, #1A67FF 0%, #FF3838 100%);
padding:3px;
border-radius: 60px;
display:table;
}
.boxheadline2{
border-top:1px solid #1A67FF;
border-left:1px solid #1A67FF;
border-right:1px solid #FF3838;
border-bottom:6px solid #FF3838;
display:table;
margin:auto;
padding:1% 5%;
}



.lg_14{
  background: linear-gradient(90deg,#F77D2B 0%, #F9CE28 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.dislike_listing{
  margin: 0;
  padding: 0 55px;
}
.dislike_listing li{
  list-style: none;
  font-weight: 500;
  color: #000;
  background: url(../images/cross-red.png)no-repeat;
  padding-left: 41px;
  margin-bottom: 9%;
  background-size: 25px 25px;
  background-position: 0px 3px;
  padding-bottom: 10px;
  text-align: left;
}
.like_listing li{
  background: url(../images/tickk-green.png)no-repeat !important;
}


.invest-asset-box{
  background: url(../images/invest-asset.png) no-repeat;
  background-size: 100% 100%;
  padding: 45px 45px;
}
.invest-listing{
  padding: 0 !important;
}
.invest-listing li{
  color: #fff !important;
  padding-left: 50px !important;
  margin-bottom: 2% !important;
}
.investment-main{
  background: #0B9F58;
  font-weight: 700;
  display: flex;
  display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 12px 30px;
  border-radius: 11px;
  color: #fff;
}


.badge-asset{
  background-size: 100% 100%;
  padding: 55px 45px 55px;
  color: #fff;
  font-weight: 600;
}

.Payment-css {
    background: #0B9F58;
    border-radius: 14px;
    padding: 4px 8px;
}
.expire-css {
    background: #FFBEBE;
    border-radius: 14px;
    padding: 6px 30px;
    display: inline-block;
    color: #FF0000;
    margin-top: 3%;
    font-weight: 600;
}