@font-face {
  font-family: "hellix";
  src: url(../fonts/Hellix-Bold.ttf?6b3b3287be3d1fc0861d36157563eb41);
  src: url(../fonts/Hellix-Bold.ttf?6b3b3287be3d1fc0861d36157563eb41) format("truetype");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "hellix";
  src: url(../fonts/Hellix-Light.ttf?8402c2c557bbb869b5c7419bb6432468);
  src: url(../fonts/Hellix-Light.ttf?8402c2c557bbb869b5c7419bb6432468) format("truetype");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "hellix";
  src: url(../fonts/Hellix-Medium.ttf?cc0bf9b3b3bfd51d192e65b0e5d179e8);
  src: url(../fonts/Hellix-Medium.ttf?cc0bf9b3b3bfd51d192e65b0e5d179e8) format("truetype");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "hellix";
  src: url(../fonts/Hellix-Regular.ttf?3f6f5c04d318265f5ee704954b5fab19);
  src: url(../fonts/Hellix-Regular.ttf?3f6f5c04d318265f5ee704954b5fab19) format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "hellix";
  src: url(../fonts/Hellix-SemiBold.ttf?d05eec12108e0b524c0931bc575478d0);
  src: url(../fonts/Hellix-SemiBold.ttf?d05eec12108e0b524c0931bc575478d0) format("truetype");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "hellix";
  src: url(../fonts/Hellix-Thin.ttf?bcba8963520555df33b7293790a39049);
  src: url(../fonts/Hellix-Thin.ttf?bcba8963520555df33b7293790a39049) format("truetype");
  font-weight: 200;
  font-display: swap;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  transition: 0.2s all;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #1a132c;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #251256;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #251256;
}

body {
  font-family: "hellix";
}

.dark-theme {
  background-color: #150c30;
  color: #fff;
}

.text-white {
  color: #fff !important;
}

.text-grey {
  color: #B3B3B3 !important;
}

.img-contain img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.img-cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.fs-14 {
  font-size: clamp(0.9rem, 0.9vw, 1rem);
}

.fs-18 {
  font-size: clamp(1rem, 1.25vw, 1.1rem);
}

.fs-20 {
  font-size: clamp(1.1rem, 1.3vw, 1.3rem);
}

.fs-25 {
  font-size: clamp(1.2rem, 1.6vw, 1.5rem);
}

.fs-30 {
  font-size: clamp(1.2rem, 2vw, 1.9rem);
}

.fs-35 {
  font-size: clamp(1.5rem, 2.5vw, 2.2rem);
}

.fs-45 {
  font-size: clamp(2rem, 3vw, 3rem);
}

.fs-50 {
  font-size: clamp(2.3rem, 3.8vw, 3.7rem);
}

.w-57 {
  width: 57% !important;
}

.w-65 {
  width: 65% !important;
}

.w-85 {
  width: 85% !important;
}

.w-70 {
  width: 70% !important;
}

@media screen and (max-width: 991px) {
  .unset-w50 {
    width: 100% !important;
  }
}
.custom-bg {
  background-color: #1E123E !important;
  color: #fff;
}
.custom-bg .container-fluid {
  padding: 0 35px;
}
.custom-bg .container-fluid .site-logo {
  width: 130px;
  height: 40px;
}
.custom-bg .container-fluid .navbar-toggler {
  background: linear-gradient(#1E123E, #1E123E) padding-box, linear-gradient(to right, #fc2e80 15%, #c64abd 40%, #8a68ff 52%, #68ffc1 70%) border-box;
  border-radius: 7px;
  border: 1px solid transparent;
}
.custom-bg .container-fluid .navbar-toggler i {
  background: -webkit-linear-gradient(0deg, #fc2e80 15%, #c64abd 40%, #8a68ff 52%, #68ffc1 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.custom-bg .container-fluid .navbar-toggler:focus {
  box-shadow: unset;
  outline: unset;
}
.custom-bg ul li {
  margin: 0 10px;
}
.custom-bg ul li a {
  color: #fff;
}
.custom-bg ul li a:hover {
  color: #fff !important;
}
.custom-bg ul li a:focus {
  color: #fff !important;
}
.custom-bg ul li a.active {
  color: #fff;
}

.home-page .play-store {
  width: 170px;
  height: 62px;
}
@media screen and (max-width: 576px) {
  .home-page .play-store {
    width: 140px;
  }
}
.home-page .banner-section {
  background: transparent linear-gradient(180deg, #150c30 0%, #0F0920 4%, #121212 100%) 0% 0% no-repeat padding-box;
}
.home-page .banner-section .stroke-txt {
  color: #fff;
  -webkit-text-fill-color: #121212;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #fff;
}
.home-page .banner-section .banner-img {
  width: 100%;
  height: 580px;
}
@media screen and (max-width: 576px) {
  .home-page .banner-section .banner-img {
    height: 100%;
  }
}
.home-page .creator-section {
  background-color: #1E123E;
  padding: 50px 0;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 576px) {
  .home-page .creator-section {
    padding: 50px 0 10px 0;
  }
}
.home-page .creator-section .creator-div {
  position: relative;
}
.home-page .creator-section .creator-div .creator-img {
  width: 100%;
  height: 425px;
  position: relative;
}
@media screen and (max-width: 576px) {
  .home-page .creator-section .creator-div .creator-img {
    height: 65%;
  }
}
.home-page .creator-section .left-gradient {
  position: absolute;
  background: radial-gradient(#14296d, #0f0a1f);
  width: 350px;
  height: 450px;
  border-radius: 100%;
  filter: blur(90px);
  top: 0;
  left: -90px;
}
.home-page .creator-section .right-gradient {
  position: absolute;
  background: radial-gradient(#632352, #0f0a1f);
  width: 350px;
  height: 450px;
  border-radius: 100%;
  filter: blur(90px);
  bottom: 0;
  right: -170px;
}
.home-page .profess-everyone {
  background: transparent linear-gradient(180deg, #1E123E 0%, #0F0920 4%, #121212 100%) 0% 0% no-repeat padding-box;
  padding: 75px 0 10px 0;
}
@media screen and (max-width: 576px) {
  .home-page .profess-everyone {
    padding: 25px 0 10px 0;
  }
}
.home-page .profess-everyone .professional-section .professional-content .profess-txt {
  background: -webkit-linear-gradient(0deg, #fc2e80 6%, #c64abd 15%, #8a68ff 25%, #68ffc1 40%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.home-page .profess-everyone .professional-section .professional-content .star-img {
  width: 17px;
  height: 17px;
}
.home-page .profess-everyone .professional-section .professional-img {
  width: 100%;
  height: 600px;
}
@media screen and (max-width: 576px) {
  .home-page .profess-everyone .professional-section .professional-img {
    height: 45vh;
  }
}
.home-page .profess-everyone .doing-what .take-poptoks {
  background-image: linear-gradient(to right, #EA8DFF, #F263C2, #FA9ACC);
  border-radius: 50px;
  padding: 30px 30px 100px 30px;
}
@media screen and (max-width: 991px) {
  .home-page .profess-everyone .doing-what .take-poptoks {
    padding: 30px 30px 30px 30px;
  }
}
.home-page .profess-everyone .doing-what .unleash-box {
  background: #191621 0% 0% no-repeat padding-box;
  border: 0.5px solid #50456D;
  border-radius: 50px;
  padding: 30px;
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
  .home-page .profess-everyone .doing-what .unleash-box {
    width: 82% !important;
  }
}
.home-page .profess-everyone .doing-what .unleash-box .unleash-img {
  width: 100%;
  height: -moz-max-content;
  height: max-content;
}
@media screen and (max-width: 991px) {
  .home-page .profess-everyone .doing-what .unleash-box .unleash-img {
    height: 400px;
  }
}
@media screen and (max-width: 576px) {
  .home-page .profess-everyone .doing-what .unleash-box .unleash-img {
    height: -moz-max-content !important;
    height: max-content !important;
  }
}
.home-page .profess-everyone .doing-what .unleash-box.tell-story .unleash-img {
  width: 100%;
  height: -moz-max-content;
  height: max-content;
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
  .home-page .profess-everyone .doing-what .w-75 {
    width: 97% !important;
  }
}
.home-page .ready-section {
  background-image: linear-gradient(to right, #E9428A, #EB6FBC, #9463DF, #0FE2CD);
  padding: 60px 0;
}
.home-page .ready-section .ready-start-img {
  width: 100%;
  height: 500px;
}
@media screen and (max-width: 576px) {
  .home-page .ready-section .ready-start-img {
    height: 45vh;
  }
}

.footer-bg {
  background: transparent linear-gradient(180deg, #1E123E 0%, #0F0920 4%, #121212 100%) 0% 0% no-repeat padding-box;
  padding: 30px 20px;
}
.footer-bg ul {
  padding-left: unset;
  display: flex;
  list-style-type: none;
  margin-bottom: unset;
}
.footer-bg ul li {
  margin: 0 10px;
}
.footer-bg ul li a {
  text-decoration: none;
  color: #fff;
}
.footer-bg ul li a i {
  font-size: 18px;
}
.footer-bg .footer-menu li {
  margin: unset;
  border-right: 1px solid #fff;
  padding: 0 15px;
}
.footer-bg .footer-menu li:first-child {
  padding-left: unset;
}
.footer-bg .footer-menu li:last-child {
  border-right: unset;
}
.footer-bg .social-media li {
  margin: 0 15px;
}

.cls_mmain {
  min-height: calc(100vh - 198px);
}

.contact-us-main {
  background: transparent linear-gradient(180deg, #1E123E 0%, #0F0920 4%, #121212 100%) 0% 0% no-repeat padding-box;
}
.contact-us-main .row {
  min-height: calc(100vh - 150px);
  align-items: center;
}
.contact-us-main .btn-send-grad {
  background: linear-gradient(90deg, rgb(198, 74, 189) 0%, rgb(138, 104, 255) 100%);
  color: #Fff;
  font-weight: 900;
  padding: 8px 40px;
  border-radius: 50px;
}
.contact-us-main .btn-send-grad:hover {
  color: #fff;
}
.contact-us-main .contact-txt {
  background: -webkit-linear-gradient(0deg, #fc2e80 25%, #c64abd 50%, #8a68ff 70%, #68ffc1 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.contact-us-main .contactus-box {
  background: #1E123E 0% 0% no-repeat padding-box;
  padding: 30px;
  border-radius: 20px;
}
.contact-us-main .contactus-box .form-label {
  color: #fff;
}
.contact-us-main .contactus-box .form-control,
.contact-us-main .contactus-box .form-select {
  background: transparent linear-gradient(180deg, #150c30 0%, #0F0920 4%, #121212 100%) 0% 0% no-repeat padding-box;
  border: unset;
  height: 50px;
  color: #fff !important;
}
.contact-us-main .contactus-box .form-control::-moz-placeholder {
  color: #fff;
  opacity: 0.7;
}
.contact-us-main .contactus-box .form-control::placeholder {
  color: #fff;
  opacity: 0.7;
}
.contact-us-main .contactus-box .form-control:focus {
  box-shadow: unset;
}
.contact-us-main .contactus-box .text-area-feedback .form-control {
  height: auto;
}

.toast-custom .toast-header,
.toast-custom .toast-body {
  background: #fff;
}
.toast-custom .toast-body {
  border-radius: 0 0 10px 10px;
}
.toast-custom .close-btn {
  border: unset;
  background: unset;
}
.toast-custom .close-btn i {
  color: rgba(0, 0, 0, 0.6117647059);
  font-size: 22px;
}
.toast-custom i {
  color: #4BB543;
  font-size: 20px;
}
.form-select:focus{
  box-shadow: unset;
}
.contact-us-main .form-select option{
 background: #100d1b;
}
.contact-us-main .form-select option[value=""]{
 color: #fff;
 opacity: 0.7;
}
.video-link-pg{
  background: transparent linear-gradient(180deg, #150c30 0%, #0F0920 4%, #121212 100%) 0% 0% no-repeat padding-box;
}
.video-hght{
  min-height: calc(100vh - 246px);
}
.video-border{
  border: 5px solid;
  border-image-slice: 1;
  border-width: 3px;
  border-image-source: linear-gradient(to left, #743ad5, #d53a9d);
  height: 430px;
}