@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
@import url('https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css');
@import url('bootstrap.min.css');
*{padding:0;margin:0;outline:0;box-sizing:border-box;}
body{font-family:'Poppins', 'Segoe UI',Arial, sans-serif; font-size:15px;line-height:22px; color:var(--darkblue);}
article,aside,footer,header,i,section{display:block;}
a{color:var(--darkblue);text-decoration:none;   background: no-repeat 0 100%; background-image: linear-gradient(to bottom right, #3f2be8, #c52092);
  background-size: 0% 1px; transition: background-size .3s ease; }
a:hover{color:var(--magentaDarkClr);background-size: 100% 2px; text-decoration: none; } 
.block{display: block;}
.clear{clear: both;}
.text{margin-bottom: 10px; line-height: 22px;}
.flex{ display: flex;}
.flex-wrap{flex-wrap: wrap;}
.space-between{justify-content: space-between;}
img{max-width:100%;}
ul{list-style:none; padding: 0; margin: 0;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family:'Poppins', 'Segoe UI',Arial, sans-serif;}
.h1{font-size:46px; line-height:56px; margin-bottom: 10px; font-weight:bold;}
.h2{font-size:30px; color: #2c2b2c; line-height:42px; margin-bottom:10px; font-weight:bold;}
.h3{font-size:22px; line-height:26px; margin-bottom: 10px; font-weight:600;}
.fontSize18{font-size: 18px; line-height: 28px;}
.radius10{border-radius: 10px;} 
input[type='radio']:after {background-color:var(--magentaDarkClr); border: solid 1px #fff;  width: 13px; height: 13px; border-radius: 15px; top:0px; left:0px; position: relative; content: ''; display: inline-block; visibility: visible; }
input[type='radio']:checked:after{width: 13px; height: 13px; border-radius: 15px; top:0px; left:0px; position: relative; background-color:var(--magentaLiteClr); content: ''; display: inline-block; visibility: visible;}
input.form-control, .textarea, .select {padding:10px; width: 100%; border: solid 1px #eee; border-radius:5px; font-size:0.8rem; font-family: var(--Heading-Font);}
.btn-lg{ width: 100%; }
.btn{background:var(--YellowDarkBG); border-radius: 3px; line-height:25px;transition:all 0.5s ease; box-shadow:var(--box-shadow);  font-size:0.8rem;  padding:4px 25px; border: none;  cursor: pointer;} 
.btn:hover,.btn.active{background:var(--magentaLiteClr); color:var(--WhiteClr);}
::-webkit-scrollbar-thumb:hover {background:#7e7e7e;} ::-webkit-scrollbar {width: 8px; height: 5px;} ::-webkit-scrollbar-thumb {background: #b7b7b7;border-radius: 10px;} ::-webkit-scrollbar-track {background: #f1f1f1;}
:root {
  --fontFamily:Poppins;
  --WhiteClr:#ffffff;
  --YellowDarkBG:#fffcf5;
  --brown:#7d5104;

  } 
.pink{border:solid 3px var(--pink);}
.blue{border:solid 3px var(--blue);}
.brown{border:solid 3px var(--brown);}
.indigo{border:solid 3px var(--indigo);}
.orange{border:solid 3px var(--orange);}
.purple{border:solid 3px var(--purple);}
.green{border:solid 3px var(--green);}
.dark{border:solid 3px var(--dark);}

.pinkBG{background:var(--pink);}
.blueBG{background:var(--blue);}
.brownBG{background:var(--brown);}
.indigoBG{background:var(--indigo);}
.orangeBG{background:var(--orange);}
.purpleBG{background:var(--purple);}
.greenBG{background:var(--green);}
.darkBG{background:var(--dark);}

.CLR3A29D4{color: #3A29D4;}
.CLR079AE1{color: #079AE1;}
.CLR0B7F74{color:#0B7F74;}
.CLRD10994{color: #D10994;}
.CLR5A5A5A{color: #5A5A5A;}
.CLREE7F19{color: #EE7F19;}
.whitetext{color: #fff;}
.CLRFFCE22{color:#FFCE22;}
.whiteBg{background-color: #fff;}
.magentaLitetext{color:var(--magentaLiteClr);}
.HeaderTop{}
.HeaderTop.sticky{position: fixed;width: 100%;background: #fff; z-index: 9;  top: 0;margin: 0;  box-shadow: 0px 0px 4px #2c2828;}

.HeaderTop.sticky .WebMenu .menu a {color: #000;}
.logo{background: #fff; padding:12px 10px; border-radius: 10px; display: inline-block;}
.logo img{max-width:155px;}
.HeaderCont{padding-top: 30px; margin-bottom:190px; color: #fff; background-color: #c52092;  background-image: linear-gradient(to top right, #3f2be8, #c52092); }
 
.Introduction{}
.Introduction .IntroText{font-size: 54px; font-weight: 600;}
.IntroTextBG{display: inline; padding: 7px 15px; border: solid 3px #fff; font-size: 18px;}
.HeaderImg .HhImg{margin-bottom: -110px; z-index:0; position: relative;}

.InfluencersBox{border: solid 2px #061FDD; padding:30px; margin:20px; border-bottom: solid 30px #061FDD; border-radius: 20px 0px 20px 0px;}
.smallfont{font-size: 13px;}


.JoinUs .input_group form{display: flex;}
.input_search{background-color: #fff; font-family: var(--fontFamily);  border: 0; padding:15px 10px; border-radius: 0; color: rgb(105, 105, 105); transition:0.3s;outline: none;width:100%;}
.input_search::placeholder{color:rgb(0 0 0 / 30%);}
.input_search:focus{border-color:rgb(0 0 0 / 100%);}
.input_group .btnsrch{background: #333333; cursor: pointer; padding:10px 30px; font-size: 26px;  color: #fff;  border: 0;  border-radius: 0 11px 3px 0; font-weight: bold;}  


.CommonSection{margin-bottom:80px;}
.commonBtnSmall{border: 0; padding: 15px 40px; border-radius:200px; color:var(--dark); font-size:20px; cursor: pointer;}

.commonBtn{border:solid 2px var(--orange); padding: 15px 40px; border-radius:105px; color:var(--orange); font-size:24px; cursor: pointer;transition: color .3s ease-in-out, box-shadow .3s ease-in-out;}
.commonBtn:hover{box-shadow: inset 500px 0 0 0 var(--orange); color: var(--WhiteClr);}
.commonBtn.Big{padding: 25px 150px;}
.brdrBtm{border-bottom: solid 1px #D6D6D6;}
.brdrRight{border-right: solid 1px #D6D6D6;}
.socialBtmStrip{border-top: solid 1px #D6D6D6;border-bottom: solid 1px #D6D6D6;} 

.AtomicParticleBox{background-color:#F4FDFF; position: relative;}
.downicon{position: relative; margin-bottom:-50px;}
.numbBox{border-bottom:dotted 1px #333333;    margin-bottom: 30px;}
.numbBox h2{font-size:60px; font-weight: bold; color: #061FDD;line-height: 60px;} 

.CommonHeading{position: relative; margin-bottom:60px;}
.CommonHeading span{color: #fff; display: inline-block; background-color: #061FDD; padding: 15px 50px; position: relative; font-weight: 800; border-radius: 100px;}
.blueheadingBG{background:#061FDD; padding: 20px; color: #fff;}
 
 
.play-icon{width:50px; height:50px; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url(../img/play-icon.svg) no-repeat; background-size: 100%;}

.CreatingContentBox{background-color:#F8F8F8; padding:110px 0;}
.CCBox{border-radius: 215px;max-width:250px; display: inline-block; max-height:250px; margin: auto; overflow: hidden; position: relative; padding:10px;}
.CCBox::before{content: ''; width: 249px; height: 249px; display: block; border: dashed 1px #2687EF; position: absolute; left: 1px; top: 1px;  border-radius: 215px;}
.CCBox:hover:before{ content:'';  border: dashed 1px #2687EF;  animation: spin 10s linear infinite; }
@keyframes spin { 
  100% { transform: rotateZ(360deg);}
} 

.greatContBg{background: #E314A9;}
.greatCont{}


.WeOfferContent{background-color:#F8F8F8; border:solid 2px #EDEDED; border-radius: 5px; margin:45px 0 30px; border-radius: 5px;}
.WeOfferContent .woImg{position: relative; margin-top: -45px;}
.WeOfferContent p{min-height: 50px;}

.ScaleBox{background: #2E2E2E; padding: 30px;}
.scaleWhiteBox{background: #fff; border-radius: 10px; padding:30px 20px 20px; margin: 0 20px;}

.GenresBoxBg{color: #fff;  padding: 15px; margin-bottom: 15px; background-color: #c52092;  background-image: linear-gradient(to bottom right, #c52092, #3f2be8);}
.SCHeading{background-color:#771ABB; color: #fff; text-align: center; display: block; padding: 15px;}
.SCHeading:hover{color:#FFCE22;}

.LanguageSection{background: #F8F7FE; padding:80px 0;}
.VarietyCreators{background: #FDFCFC; padding:80px 0;}
.VCBox{box-shadow: 0px 0px 10px #eee; padding: 20px 10px 10px; text-align: center; border-radius: 10px; background: #fff;}
.VCBoxTitle{min-height: 50px;} 

.BrandPartners{}
.brandHD{position: relative;}
.brandHD::before{content:''; position: absolute; top:22px; display: block; height: 2px; background-color: #000; width: 100%;}
.brandHDBG{background: #fff;  display: inline-block;  z-index:1;  position: relative;  padding: 0 20px;}

.JoinUsCont{background: url(../images/joinus.jpg) center top no-repeat; background-size: cover; padding: 70px 0 30px; margin-bottom:100px;}
.contactBtn{color: #fff; font-size: 18px; font-weight: bold; cursor: pointer; padding: 10px 20px;background-color: #c52092; border: 0;  background-image: linear-gradient(to bottom right, #51127f, #c52092);}
.ContactForm{background: #fff; padding:40px 30px; position:absolute;bottom: -100px;}
.ContactForm .input_search{background-color: #f2f2f2;}
.ContactForm .contactBtn{background-color: #de3573;     width: 100%; background-image: linear-gradient(to bottom right, #ec4d4e, #de3573);}

.Footer{background: #323232; padding:30px 20px; color: #fff;}
.SocialBox{border-left: solid 1px #fff; padding-left: 20px;}
.SocialBox img{max-width:30px; margin:0 3px;}

@media (min-width: 1099px) {
  .nav-head { display: none;}
  .navigation-tab{text-align: right;margin-top:16px;}
  .WebMenu .menu{    display: flex;  justify-content: space-between;}
  .WebMenu .menu a{ color:#fff; font-size: 14px; font-weight:600; text-decoration: none;}
  .WebMenu .menu li.SubActive>a{padding-right:15px;}
  .WebMenu .menu a:hover,.WebMenu .menu a.active{color:#fff; text-decoration: none;}
  .menu .FollowUs a,.menu .FollowUs a:hover{background: #fff; box-shadow: 0px 0px 2px #b1b1b1; border-bottom: 0;  padding: 10px 20px; border-radius: 24px; color: #000;}
  .WebMenu .menu li{ position: relative; display: inline-block;  text-align: left; }
  .WebMenu .menu li span{border: solid #fff;  border-width: 0 1px 1px 0; display: inline-block;  padding: 3px; transform: rotate(45deg);
    -webkit-transform: rotate(45deg); position: absolute;  right:0px; top:6px;}
  .WebMenu .menu .submenu{display:none; border-radius: 0px 0px 10px 10px; position: absolute; z-index: 111; background:#8226bd; width:200px;  padding:10px 20px; line-height: 30px;}
  .WebMenu .menu li:hover .submenu,.WebMenu .menu .submenu li{ display:block; }
  .HeaderTop.sticky .WebMenu .submenu a  {color: #fff;}
  .HeaderTop.sticky .WebMenu .menu li span{    border: solid #000;border-width: 0 1px 1px 0;}
}

@media (max-width: 1100px) {
.ProfileBox{position: relative; bottom: 0; left: 0;}
.HeaderTop.sticky .MenuBtn i{border-top:2px solid rgb(0, 0, 0);}
.MenuBtn {   padding: 0; cursor: pointer; margin: 21px 0px 3px 0;  float: right;}
.MenuBtn i { width:25px; display: block; border-top:2px solid #fff; padding-top:5px;}
.MenuBtn i:nth-child(2){top: 23px;}
.MenuBtn i:nth-child(3){top: 27px;}

.open-nav .sidenav{ width: 100%;  }
.sidenav { height: 100vh; width:0; position:fixed; z-index:1; top:0; left:0; overflow:hidden;  padding-top:0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.navigation{z-index: 9;  background: #fff; width: 90%; max-width: 340px; height: 100vh; overflow-x: auto;  position: relative;  -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} body:not(.open-nav) 
.navigation{ left: -340px; }
.open-nav .overlay{display: block;}
.overlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.7); z-index: 2; cursor: pointer;} 
.open-nav .navigation{ left: 0; }
.navigation-tab{ position: relative; float: left; width: 100%; }
.navigation .nav-head{display: flex;justify-content: space-between; background: #fffcf1; width: 100%; clear: both; text-align: right; padding: 15px;box-shadow: 0px 0px 5px #efe8cf;}
.navigation .nav-head .logo{padding: 0; background: none;}
.navigation .nav-head .logo img{max-width: 100px;}
.tab-headding.active,.tab-headding:hover{ background: #fff; }
.tab-headding{width: 160px; float: left; padding: 15px 10px; cursor: pointer; }
.tab-headding img{ float: left; margin-right:8px;  }
.MenuContent{ width:100%; padding:10px 5%; position: absolute; right: 0; top: 0; display: none; float: left;}
.MenuContent.active{ display: block; }
.submenu{ display: none; padding-left: 15px; }
.menu li{ line-height:30px; padding: 5px 0; float: left; width: 100%; border-bottom: solid 1px #ececec; }
.menu li.active .submenu{ display: block; }
.menu>li>a{ float: left; color: #434343;font-weight:500; text-transform: uppercase; line-height: 35px; }
.menu li span{ cursor:pointer; float:right; background:url(../img/leftArrow.png) left center no-repeat; width:15px; height:15px;}
.menu li.active span{ background: url(../img/downArrow.png) left center no-repeat;  }
.menu li .submenu li{ display: block; background: url(../img/leftArrow.png) left center no-repeat; padding: 5px 0 5px 15px; }
.menu li .submenu li:last-child{ border-bottom: 0; }
.menu li .submenu a{ color: #646464;  }
.sidenav::-webkit-scrollbar { width: 10px;}
.sidenav::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey;  border-radius: 10px;}
.sidenav::-webkit-scrollbar-thumb { background:#f7c607;  border-radius: 10px;}
.sidenav::-webkit-scrollbar-thumb:hover { background:#d4aa08; }
 
}
 

@media (max-width: 767px) {
  .InfluencersBox{display: flex; text-align: left; align-items: center; margin: 0; padding: 15px 15px 5px; border-right: solid 20px #061FDD; border-bottom:solid 1px #061FDD;}
  .InfluencersCont{margin-right: 20px; min-width: 60px; border-right: solid 1px #f1f1f1; padding-right: 12px;}
  .IntroTextBG{display: block; text-align: center;}
  .Introduction .IntroText { font-size: 35px; font-weight: 600; }
  .HeaderCont{margin-bottom: 130px;}
  .HeaderImg .HhImg { margin-bottom: -77px;}
  .CommonHeading,.CommonSection{margin-bottom:30px;}
  .CommonHeading span{margin: 0 15px; font-size: 24px;}
  .commonBtn.Big{padding:15px 40px;}
  .downshapeImg{display: none;}
  .ContactForm{position: relative; bottom: auto;}
 .SocialBox{border-left: 0;}
  .h2{font-size: 25px; line-height:32px;}
 .profileItems,.GlanceBox,.greatCont{text-align: center;}
 .numbBox{display: flex; align-items: center; justify-content: center; margin-bottom: 10px;}
 .numbBox h2{font-size: 32px; margin-right: 10px;}
 .blueheadingBG h3 b{display: block;}
 .greatCont .h1{font-size: 35px;}
 .GenresBoxBg b.fontSize18{display: inline-block; background-color: #fff; padding: 5px 20px; color: #dc3545; line-height: 30px;
  margin-bottom: 10px; border-radius: 5px;}
  .VCBoxImg{display: block; min-height: 132px;}
  .BrandPartners { background: #f9f9f9; padding: 50px 0; }

 }
 @media (max-width:424px) {
  .numbBox h4{font-size: 1rem;}
 }


 .brdrclrBE1498{border-color:#BE1498;}
.brdrclrEE7F19{border-color:#EE7F19;}
.brdrclrBEAC09{border-color:#BEAC09;}
.brdrclrF5889F{border-color:#F5889F;}