/* @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@font-face {
  font-family: "Aileron-Regular";
  src: url("../fonts/Aileron-Regular.ttf");
}
@font-face {
  font-family: "Aileron-Light";
  src: url("../fonts/Aileron-Light.ttf");
}
@font-face {
  font-family: "Aileron-Bold";
  src: url("../fonts/Aileron-Bold.ttf");
}
@font-face {
  font-family: "bri-sig-reg";
  src: url("../fonts/bri-sig-reg.ttf");
}
@font-face {
  font-family: "Myriad-Pro-Reg";
  src: url("../fonts/Myriad-Pro-Reg.ttf");
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
}
body {
  overflow-x: hidden;
}
main {
  overflow: hidden;
}
a {
  text-decoration: none;
}
.btn:focus {
  outline: none;
}
ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
button:focus {
  outline: none;
  box-shadow: none;
}
.btn:focus {
  outline: none;
  box-shadow: none;
}
/* animations */
@keyframes circle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg)
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* Sweep To Top */
/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: -4px;
  background: linear-gradient(90deg, rgba(0, 144, 204, 1) 0%, rgba(88, 255, 253, 1) 100%);
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left.anim-active:before {
  right: 0 !important;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0 !important;
}


/* Underline From Right */
.hvr-underline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  bottom: -5px;
  background: linear-gradient(90deg, rgba(0, 144, 204, 1) 0%, rgba(88, 255, 253, 1) 100%);
  height: 1px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
  left: 0;
}

/* header top */
header {
  position: relative;
  transition: all 0.5s ease-in-out;
}
/* header-mid */
header .header-mid .navbar {
  padding: 10px 0 10px 0;
  transition: all 0.5s ease-in-out;
}
header.sticky .header-mid .navbar {
  transition: all 0.5s ease-in-out;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 1000;
  box-shadow: 0px -13px 46px 0px rgb(239 239 239);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.18);
}
header .header-mid .navbar>.container {
  align-items: center;
}
header .header-mid .navbar .navbar-collapse {
  align-items: center;
}
header .header-mid .navbar .navbar-nav .nav-item .nav-link {
  color: #949494;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 0;
  margin: 0 10px;
  transition: all 0.2s ease-in-out;
  letter-spacing: 1px;
  overflow: visible;
}
header .header-mid .navbar .navbar-nav .nav-item .nav-link:hover {
  color: #fff;
}
header .header-mid .navbar .navbar-nav .nav-item .nav-link.anim-active {
  color: #fff;
}
header.sticky .header-mid .navbar .navbar-nav .nav-item .nav-link {
  color: #fff;
}
header.sticky .header-mid .navbar .navbar-nav .nav-item .nav-link.hvr-sweep-to-top::before {
  background: #F4933C;
}
header.sticky .header-mid .navbar .navbar-nav .nav-item .nav-link.hvr-sweep-to-top:hover {
  color: #fff !important;
}
header.sticky .header-mid .navbar .navbar-nav .nav-item .nav-link.hvr-sweep-to-top:active {
  color: #fff !important;
}
header.sticky .header-mid .navbar .navbar-nav .nav-item .nav-link.hvr-sweep-to-top:focus {
  color: #fff !important;
}
header .header-mid .navbar .navbar-nav .nav-item:last-child .nav-link {
  margin-right: 0;
}
header .header-mid .navbar .navbar-nav .nav-item:first-child .nav-link {
  margin-left: 0;
}
header .header-mid .navbar .navbar-nav .li .search-btn {
  background: linear-gradient(90deg, rgba(0, 144, 204, 1) 0%, rgba(88, 255, 253, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0;
  margin: 0 20px 0 50px;
  transition: all 0.6s ease-in-out;
  letter-spacing: 1.7px;
  border-radius: 50px;
  border: none;
  display: inline-block;
}
header.sticky .header-mid .navbar .navbar-nav .li .search-btn {
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Poppins', sans-serif;
}
header .header-mid .navbar .navbar-nav .li .register-btn {
  background: linear-gradient(90deg, rgba(0, 144, 204, 1) 0%, rgba(88, 255, 253, 1) 100%);
  background-size: 100%;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0;
  margin: -6px 0 0 0;
  transition: all 0.6s ease-in-out;
  letter-spacing: 2.5px;
  height: 42px;
  width: 130px;
  border-radius: 50px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
header .header-mid .navbar .navbar-nav .li .register-btn:hover {
  background-position: left;
  background-size: 200%;
}
header .header-mid .navbar .navbar-brand {
  margin: 0;
  padding: 0;
}
header .header-mid .navbar .navbar-brand .logo {
  width: 75px;
  height: auto;
  transition: all 0.5s ease-in-out;
}
header.sticky .header-mid .navbar .navbar-brand .logo {
  width: 40px;
}


/* offcanvas-top */

header .offcanvas-top {
  background: #0F265F;
}

header .offcanvas-body .search-h {
  font-family: 'Poppins', sans-serif;
  font-size: 17px;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  margin: 0 0 30px 0;
  display: block;
  text-align: center;
}

header .offcanvas-body .search .search-control {
  background-color: rgba(235, 235, 235, 0.1);
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  width: 100%;
  border-radius: 5px;
  border: none;
  padding-left: 25px;
}

header .offcanvas-body .search .search-btn {
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  text-transform: capitalize;
  background: linear-gradient(90deg, rgba(0, 144, 204, 1) 0%, rgba(88, 255, 253, 1) 100%);
  border: none;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.1s ease-in-out;
  width: 50px;
  height: 45px;
}

header .offcanvas-body .search .search-control::-webkit-input-placeholder {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  text-transform: capitalize;
}

header .offcanvas-body .search .search-control:-moz-placeholder {
  /* Firefox 18- */
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  text-transform: capitalize;
}

header .offcanvas-body .search .search-control:-moz-placeholder {
  /* Firefox 19+ */
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  text-transform: capitalize;
}

header .offcanvas-body .search .search-control:-ms-input-placeholder {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  text-transform: capitalize;
}

header .offcanvas-header .btn-close {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
  opacity: 100;
}
/* header close */
/* footer */
footer {
  position: relative;
  overflow: unset;
}
footer .footer-top {
  background: linear-gradient(90deg, rgba(43, 245, 224, 1) 0%, rgba(167, 215, 255, 1) 100%);
  border-radius: 500px;
  position: absolute;
  display: block;
  /* align-items: center;
  justify-content: center; */
  /* height: 150px; */
  padding: 45px 0 45px 0;
  overflow: hidden;
  top: -80px;
  left: 0;
  right: 0;
  width: 70%;
  z-index: 10;
  margin: 0 auto;
  box-shadow: 16px 5px 41px rgb(1 1 1 / 50%);
}
footer .footer-top .ftr-top-desc .head {
  font-family: 'Poppins', sans-serif;
  font-size: 31px;
  font-weight: 800;
  text-transform: uppercase;
  padding: 0;
  margin: 0 18px;
  line-height: 30px;
  color: #1f1f1f;
  /* letter-spacing: 1px; */
}
footer .footer-top .mail-send {
  width: 100%;
  position: relative;
}
footer .footer-top .mail-send form .form-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
footer .footer-top .mail-send form .mail:focus {
  outline: none;
  box-shadow: none;
}
footer .footer-top .mail-send form .mail {
  font-family: "Aileron-Regular";
  font-size: 16px;
  color: #4b4b4b;
  text-transform: none;
  margin: 0;
  padding: 10px 0 10px 40px;
  background-color: #fff;
  height: 66px;
  border: none;
  border-bottom: 1px solid #fff;
  border-radius: 50px;
  width: 100%;
}
footer .footer-top .mail-send form .mail::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: "Aileron-Regular";
  font-size: 16px;
  color: #4b4b4b;
  text-transform: none;
  margin: 0;
  padding: 0;
}
footer .footer-top .mail-send form .mail::-moz-placeholder {
  /* Firefox 19+ */
  font-family: "Aileron-Regular";
  font-size: 16px;
  color: #4b4b4b;
  text-transform: none;
  margin: 0;
  padding: 0;
}
footer .footer-top .mail-send form .mail:-ms-input-placeholder {
  /* IE 10+ */
  font-family: "Aileron-Regular";
  font-size: 16px;
  color: #4b4b4b;
  text-transform: none;
  margin: 0;
  padding: 0;
}
footer .footer-top .mail-send form .mail:-moz-placeholder {
  /* Firefox 18- */
  font-family: "Aileron-Regular";
  font-size: 16px;
  color: #4b4b4b;
  text-transform: none;
  margin: 0;
  padding: 0;
}
footer .footer-top .mail-send form .submit {
  background: linear-gradient(90deg, rgba(82, 248, 250, 1) 0%, rgba(21, 170, 216, 1) 100%);
  background-size: 100%;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  transition: all 0.6s ease-in-out;
  letter-spacing: 1.5px;
  height: 66px;
  width: 177px;
  border-radius: 50px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
}
footer .footer-top .mail-send form .submit:hover {
  background-position: right;
  background-size: 200%;
}
footer .footer-mid {
  position: relative;
  padding: 170px 0 0px 0;
  overflow: hidden;
  background-image: url(../images/footer-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
footer .footer-mid .padding-custom {
  padding: 0 70px;
}
footer .footer-mid .ftr-ul {
  padding: 0;
  margin: 0;
}
footer .footer-mid .ftr-ul .ul-head {
  font-family: "Aileron-Regular";
  font-size: 17px;
  color: #fff;
  text-transform: capitalize;
  margin: 0 0 25px 0;
  padding: 0;
}
footer .footer-mid .ftr-ul .li .anchor {
  font-family: "Aileron-Regular";
  font-size: 14px;
  color: #b9b9b9;
  text-transform: capitalize;
  margin: 0 0 10px 0;
  padding: 0;
  display: block;
  transition: all 0.2s ease-in-out;
}
footer .footer-mid .ftr-ul .li .anchor:hover {
  color: #fff;
}
footer .footer-mid .ul-head {
  font-family: "Aileron-Regular";
  font-size: 17px;
  color: #fff;
  text-transform: capitalize;
  margin: 0 0 25px 0;
  padding: 0;
}
footer .footer-mid .ftr-social {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
footer .footer-mid .ftr-social .li-s {
  margin: 0 8px 0 0;
}
footer .footer-mid .ftr-social .li-s:last-child {
  margin: 0 0 0 0;
}
footer .footer-mid .ftr-social .li-s .social {
  height: 38px;
  width: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 12px;
  background: linear-gradient(90deg, rgba(0, 143, 204, 0) 0%, rgba(88, 255, 252, 0) 100%);
  transition: all 0.5s ease-in-out;
}
footer .footer-mid .ftr-social .li-s .social:hover {
  background: linear-gradient(90deg, rgba(0, 144, 204, 1) 0%, rgba(88, 255, 253, 1) 100%);
  border: none;
}
footer .footer-btm {
  position: relative;
  padding: 30px 0 30px 0;
  margin: 70px 0 0 0;
}
footer .footer-btm::before {
  content: "";
  display: block;
  height: 2px;
  width: 85%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.1);
}
footer .footer-btm .para {
  font-family: "Aileron-Regular";
  font-size: 12px;
  color: #86a5c0;
  text-transform: capitalize;
  margin: 0;
  padding: 0;
  text-align: center;
}
/* footer close */
/* sec-home-banner */
.sec-home-banner {
  position: relative;
  overflow: hidden;
  height: 135vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(../images/home-bg1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 100;
}
.sec-home-banner .banner-main {
  position: relative;
}
.sec-home-banner .banner-main .banner-img {
  position: relative;
}
.sec-home-banner .banner-main .banner-img .circle {
  left: 3% !important;
  top: 20px !important;
}
.sec-home-banner .banner-main .banner-img .circle .circle-thumb {
  max-width: 60%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.sec-home-banner .banner-main .banner-img .singer {
  left: 24% !important;
  top: -40px !important;
}
.sec-home-banner .banner-main .banner-img .singer .singer-thumb {
  max-width: 75%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.sec-home-banner .banner-main .banner-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -50px;
  width: 90%;
  display: block;
  margin: 0 auto;
  z-index: 10;
}
.sec-home-banner .banner-main .banner-content .sub-h {
  font-family: "Aileron-Regular";
  font-size: 30px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 7px;
  margin: 0 0 0 55px;
  padding: 0;
  line-height: 0px;
}
.sec-home-banner .banner-main .banner-content .main-h {
  background: linear-gradient(90deg, rgba(5, 151, 207, 1) 0%, rgba(70, 233, 243, 1) 75%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  font-size: 220px;
  text-transform: uppercase;
  letter-spacing: -3px;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
}
.sec-home-banner .banner-main .banner-content .main-h:after {
  background: none;
  content: attr(data-text);
  left: 57px;
  position: absolute;
  text-shadow: 16px -15px 0px rgb(1 1 1 / 14%);
  top: 0;
  z-index: -1;
}
.sec-home-banner .banner-main .banner-content .btm-h {
  background: linear-gradient(90deg, rgba(5, 151, 207, 1) 30%, rgba(70, 233, 243, 1) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  font-size: 80px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: -40px 55px 0 0;
  padding: 0;
  position: relative;
  text-align: right;
}
.sec-home-banner .banner-main .banner-content .btm-h:after {
  background: none;
  content: attr(data-text);
  right: 0;
  position: absolute;
  text-shadow: 6px -8px 0px rgb(1 1 1 / 14%);
  top: 0;
  z-index: -1;
}
.sec-home-banner .banner-main .banner-content .para-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 40px 0 0 0;
}
.sec-home-banner .banner-main .banner-content .para-btn .para {
  font-family: "Aileron-Light";
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-weight: 400;
  width: 64%;
}
.sec-home-banner .banner-main .banner-content .para-btn .started-btn {
  background: linear-gradient(90deg, rgba(0, 144, 204, 1) 0%, rgba(88, 255, 253, 1) 100%);
  background-size: 100%;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  transition: all 0.6s ease-in-out;
  letter-spacing: 2.5px;
  height: 80px;
  width: 280px;
  border-radius: 50px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0px 0px 10px rgba(1, 1, 1, 0.14));
}
.sec-home-banner .banner-main .banner-content .para-btn .started-btn:hover {
  background-position: left;
  background-size: 200%;
}
.sec-home-banner .elements {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.sec-home-banner .elements .elem-1 {
  position: absolute;
  left: 22%;
  bottom: 60%;
  width: 4%;
}
.sec-home-banner .elements .elem-1 .cube2-thumb {
  animation: rotate 5s alternate infinite;
}
.sec-home-banner .elements .elem-2 {
    position: absolute;
    right: 23%;
    top: 17%;
    width: 7%;
    z-index: 100;
}
.sec-home-banner .elements .elem-2 .cube-thumb {
  animation: rubberBand 3s alternate infinite;
}
.sec-home-banner .elements .elem-3 {
    position: absolute;
    left: 12%;
    bottom: 19%;
    width: 7%;
    z-index: 100;
}
.sec-home-banner .elements .elem-3 .ring-thumb {
  animation: circle 5s linear infinite;
}
.sec-home-banner .elements .elem-4 {
    position: absolute;
    left: 42%;
    bottom: 11%;
    width: 4.8%;
    left: 43%;
}
.sec-home-banner .elements .elem-4 .ring3-thumb {
  animation: rotate 5s linear infinite;
}
.sec-home-banner .elements .elem-5 {
position: absolute;
    right: 7%;
    bottom: 25%;
    width: 10%;
    z-index: 100;
}
.sec-home-banner .elements .elem-5 .ring2-thumb {
  animation: rotate 5s alternate-reverse infinite;
}
/* .sec-home-banner close */

/* sec-book-gigs */
.sec-book-gigs {
  position: relative;
  overflow: hidden;
  padding: 100px 0 100px 0;
  background-color: #001342;
  z-index: 1;
}
.sec-book-gigs::before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 800px;
  background-image: url(../images/gigd-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  left: 0;
  right: 0;
  top: 251px;
  z-index: -1;
}
.sec-book-gigs .gigs-box .g-h {
  font-family: 'Poppins', sans-serif;
  font-size: 50px;
  font-weight: 300;
  color: #fff;
  text-transform: capitalize;
  margin: 0 0 20px;
  padding: 0;
  text-align: center;
}
.sec-book-gigs .gigs-box .g-p {
  font-family: "Aileron-Regular";
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 400;
  color: #9998b1;
  text-transform: none;
  line-height: 25px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 70%;
  margin: 0 auto;
}
.sec-book-gigs .gigs-box .video-img {
  position: relative;
  margin: 50px 0 0 0;
}
.sec-book-gigs .gigs-box .video-img .vid-thumb {
  width: 95%;
  display: block;
  margin: 0 auto;
  position: relative;
}
.sec-book-gigs .gigs-box .video-img .vid-btn-grp .play-btn {
  height: 65px;
  width: 65px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 15px;
  margin: 0 10px 0 0;
  padding: 0;
  background: linear-gradient(90deg, rgba(0, 144, 204, 1) 0%, rgba(88, 255, 253, 1) 100%);
  border: none;
  position: relative;
  z-index: 1;
  filter: drop-shadow(6px -7px 0px rgba(1, 1, 1, 0.10));
  transition: all 0.9s ease-in-out;
}
.sec-book-gigs .gigs-box .video-img .vid-btn-grp .play-btn:hover {
  background-position: left;
  background-size: 200%;
}
.sec-book-gigs .gigs-box .video-img .vid-btn-grp .play-btn i {
  z-index: 1;
}
.sec-book-gigs .gigs-box .video-img .vid-btn-grp .play-btn::before {
  content: '';
  position: absolute;
  display: block;
  top: 4px;
  left: 4px;
  right: 0;
  bottom: 0;
  background-color: #65dcee;
  height: calc(100% + -8px);
  width: calc(100% + -8px);
  border-radius: 50%;
  z-index: 0;
  transition: all 0.5s ease-in-out;
  opacity: 100;
}
.sec-book-gigs .gigs-box .video-img .vid-btn-grp .play-btn:hover::before {
  opacity: 0;
}
.sec-book-gigs .gigs-box .video-img .vid-btn-grp {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
  width: 100%;
}
.sec-book-gigs .gigs-box .video-img .vid-btn-grp .learn-btn {
  background: linear-gradient(90deg, rgba(0, 144, 204, 1) 0%, rgba(88, 255, 253, 1) 100%);
  background-size: 100%;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  transition: all 0.6s ease-in-out;
  letter-spacing: 2.5px;
  height: 65px;
  width: 290px;
  border-radius: 50px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(6px -7px 0px rgba(1, 1, 1, 0.10));
}
.sec-book-gigs .gigs-box .video-img .vid-btn-grp .learn-btn:hover {
  background-position: left;
  background-size: 200%;
}
.sec-book-gigs .title .b-h {
  background: linear-gradient(90deg, rgba(5, 151, 207, 1) 0%, rgba(70, 233, 243, 1) 75%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  font-size: 220px;
  text-transform: uppercase;
  letter-spacing: 30px;
  margin: 90px 0 50px 0;
  padding: 0;
  position: relative;
  text-align: center;
}
.sec-book-gigs .title .b-h:after {
  background: none;
  content: attr(data-text-1);
  left: 57px;
  position: absolute;
  text-shadow: -25px -17px 0px rgb(1 1 1 / 14%);
  top: 0;
  z-index: -1;
}
.sec-book-gigs .title .b-s {
  text-align: center;
  font-weight: 400;
  color: #fff;
  padding: 42px 0;
  font-size: 50px;
  margin: 0 0 50px;
  padding: 0;
  text-transform: capitalize;
}
.sec-book-gigs .title .b-s .bold {
  font-weight: 800;
  text-transform: none;
}
.sec-book-gigs .beni-card {
  background-color: #011a49;
  border-radius: 53px;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 10px 23px 0 23px;
  background: linear-gradient(10deg, rgba(0, 19, 66, 1) 2%, rgba(23, 135, 174, 1) 100%);
  border: 0;
  padding: 0;
  min-height: 470px;
  max-height: 470px;
    cursor: pointer;
    transform-style: preserve-3d;
}
.card-content {
  padding: 10% 15%;
    transform: translateZ(40px);
}
.sec-book-gigs .beni-card .card-content .b-h {
  color: #fff;
  text-align: center;
  font-size: 20px;
  margin-bottom: 7%;
  text-transform: capitalize;
  line-height: 30px;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  display: block;
}
.sec-book-gigs .beni-card .card-content .b-p {
  color: #9998b1;
  font-size: 14px;
  text-align: center;
  font-weight: 600;
}
.sec-book-gigs .beni-card:hover .card-content .b-p {
    color: #fff;
}
.beni-img .beni-thumb {
    width: 70%;
    margin: 50px auto 0;
    transform: translateZ(40px);
    display: block;
    position: relative;
}
.sec-book-gigs .beni-card .js-tilt-glare {
  border-radius: 53px;
}
/* sec-book-gigs close*/

/* sec-featured-talent */
.sec-featured-talent {
  position: relative;
  padding: 0px 0 100px 0;
  overflow: hidden;
  background-color: #001342;
  z-index: 1;
}
.sec-featured-talent .f-s {
  font-family: "Aileron-Regular";
  font-size: 50px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 7px;
  margin: 0;
  padding: 0;
}
.sec-featured-talent .view-btn {
  background: linear-gradient(90deg, rgba(0, 144, 204, 1) 0%, rgba(88, 255, 253, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0;
    margin: 0 60px 0 auto;
    transition: all 0.6s ease-in-out;
    letter-spacing: 1.8px;
    border-radius: 50px;
    border: none;
    display: inline-block;
    border-radius: 0;
    border: none;
    overflow: visible;
    text-align: right;
    display: block;
    width: 103px;
    position: relative;
    z-index: 100;
}
.sec-featured-talent .main-h {
  background: linear-gradient(90deg, rgba(5, 151, 207, 1) 0%, rgba(70, 233, 243, 1) 75%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  font-size: 240px;
  text-transform: uppercase;
  letter-spacing: 30px;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: end;
}
.sec-featured-talent .main-h:after {
  background: none;
  content: attr(data-text);
  left: 10px;
  position: absolute;
  text-shadow: 6px -13px 0px rgb(1 1 1 / 14%);
  top: 0;
  z-index: -1;
}
.sec-featured-talent .custom-margin {
  margin-bottom: -40px;
}

.sec-featured-talent .talent-slider .talent-card {
  background-color: #011a49;
  border: none;
  border-radius: 0px 120px 114px 114px;
  overflow: hidden;
  min-height: 577px;
  max-height: 577px;
  margin: 0;
  padding: 0;
}
.sec-featured-talent .talent-slider .talent-card .talent-img {
  position: relative;
}
.sec-featured-talent .talent-slider .talent-card .talent-img .talent-thumb {
  border-radius: 0px 120px 120px 120px;
  display: block;
  max-width: 100%;
  height: auto;
  min-height: 577px;
  max-height: 577px;
  object-fit: cover;
  object-position: center;
  position: relative;
}
.sec-featured-talent .talent-slider .talent-card .talent-desc {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0 0 50px 0;
  background: linear-gradient(360deg, rgba(0,19,66,1) 0%, rgba(255,255,255,0) 100%);
  height: 70%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
}
.sec-featured-talent .talent-slider .talent-card .talent-desc .t-h {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  text-transform: capitalize;
  margin: 0;
  padding: 0;
  text-align: center;
  display: block;
}
.sec-featured-talent .talent-slider .talent-card .talent-desc .t-s {
  font-family: "Aileron-Regular";
  font-size: 18px;
  color: #fff;
  text-transform: capitalize;
  margin: 0;
  padding: 0;
  text-align: center;
}
.sec-featured-talent .talent-slider .talent-nav {
}
.sec-featured-talent .talent-slider .talent-nav .talent-prev {
  margin: 0 15px 0 0;
  padding: 0;
  background: linear-gradient(90deg, rgba(0, 144, 204, 1) 0%, rgba(88, 255, 253, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 50px;
}
.sec-featured-talent .talent-slider .talent-nav .talent-next {
  margin: 0;
  padding: 0;
  background: linear-gradient(90deg, rgba(0, 144, 204, 1) 0%, rgba(88, 255, 253, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 50px;
}

.sec-featured-talent .elements {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.sec-featured-talent .elements .elem-1 {
    position: absolute;
    left: 6%;
    bottom: 86%;
    width: 5%;
    z-index: 100;
}
.sec-featured-talent .elements .elem-1 .cube2-thumb {
  animation: rotate 5s alternate infinite;
}
.sec-featured-talent .elements .elem-4 {
  position: absolute;
  left: 30%;
  bottom: 1%;
  width: 5.8%;
  z-index: 100;
}
.sec-featured-talent .elements .elem-4 .ring3-thumb {
  animation: rotate 5s linear infinite;
}
.sec-featured-talent .elements .elem-5 {
  position: absolute;
  right: -3%;
  top: 37%;
  width: 9%;
  z-index: 0;
}
.sec-featured-talent .elements .elem-5 .ring2-thumb {
  animation: rotate 5s alternate-reverse infinite;
}
/* sec-featured-talent close*/

/* sec-news*/
.sec-news {
  position: relative;
  overflow: hidden;
  background-color: #011544;
  padding: 0 0 50px 0;
}

.sec-news .n-h {
  text-align: center;
  font-weight: 300;
  color: #fff;
  padding: 42px 0;
  font-size: 50px;
  margin: 0;
  padding: 0;
  text-transform: capitalize;
  font-family: 'Poppins', sans-serif;
}
.sec-news .n-h .bold {
  font-weight: 800;
}

.sec-news .n-s {
  background: linear-gradient(90deg, rgba(0, 144, 204, 1) 48%, rgba(88, 255, 253, 1) 59%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 0;
  margin: 0 0 10px 0;
  transition: all 0.6s ease-in-out;
  text-align: center;
  display: block;
  position: relative;
}
.sec-news .news-card {
  background-color: #001342;
  border: none;
  overflow: hidden;
  margin: 60px 0 0 0;
  padding: 0;
  position: relative;
transform-style: preserve-3d;
  border-top-left-radius: 45px;
  border-top-right-radius: 45px;
}
.sec-news .news-card .js-tilt-glare {
  border-radius: 45px;
}
.sec-news .news-card .news-img {
  position: relative;
}
.sec-news .news-card .news-img .news-thumb {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0;
}
.sec-news .news-card .news-body {
  padding: 55px 40px 40px 40px;
  background: linear-gradient(180deg, rgba(42,48,113,1) 0%, rgba(18,38,94,1) 40%, rgba(7,30,81,1) 70%, rgba(1,21,68,1) 100%);
  position: relative;
  min-height: 350px;
  max-height: 350px;
}
.sec-news .news-card:hover .news-body {
      border-bottom-left-radius: 45px;
  border-bottom-right-radius: 45px;
}
.sec-news .news-card .news-body .date-btn {
  
  background: linear-gradient(90deg, rgba(0, 144, 204, 1) 0%, rgba(88, 255, 253, 1) 100%);
  background-size: 100%;
  color: #fff;
  font-family: "Aileron-Regular";
  font-size: 14px;
  text-transform: capitalize;
  padding: 0;
  margin: 0;
  transition: all 0.6s ease-in-out;
  height: 38px;
  width: 117px;
  border-radius: 50px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -20px;
      transform: translateZ(40px);
}
.sec-news .news-card .news-body .date-btn:hover {
  background-position: left;
    background-size: 200%;
}
.sec-news .news-card .news-body .ns-h {
  color: #fff;
  font-family: "Aileron-light";
  font-size: 19px;
  text-transform: capitalize;
  line-height: 26px;
  padding: 0;
  margin: 0 0 20px 0;
      transform: translateZ(40px);
      display: block;
}
.sec-news .news-card .news-body .ns-p {
  color: #6f7279;
  font-family: "Aileron-Regular";
  font-size: 16px;
  text-transform: none;
  line-height: 26px;
  padding: 0;
  margin: 0;
      transform: translateZ(40px);
}
.sec-news .news-card:hover .news-body .ns-p {
    color: #fff;
}
/* sec-news close*/

/* sec-question */
.sec-question {
  position: relative;
  background-color: #011544;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  padding: 100px 0 150px 0;
  z-index: 1;
}
.sec-question.bg-clr-2 {
  background-color: #001342;
}
.sec-question::before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 550px;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url(../images/dancer-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.sec-question .question-img .circle {

}
.sec-question .question-img .circle .circle-thumb {

}
.sec-question .question-img .dancer {
  top: -20% !important;
}
.sec-question .question-img .dancer .dancer-thumb {
  max-width: 80%;
  display: block;
  margin: 0 auto;
}
.sec-question .news-form {
  position: relative;
  z-index: 100;
}
.sec-question .news-form .news-control {
  height: 85px;
  width: 100%;
  padding: 30px 35px;
  background: #243663;
  border-radius: 100px;
  border: none;
  margin: 0 0 20px 0;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 300;
  text-transform: none;
  color: rgb(234, 232, 232);
}
.sec-question .news-form .news-control:focus {
  box-shadow: none;
  outline: none;
}

.sec-question .news-form .news-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 300;
  text-transform: capitalize;
  color: rgba(234, 232, 232, 0.5);
  text-align: right;
}
.sec-question .news-form .news-control::-moz-placeholder { /* Firefox 19+ */
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 300;
  text-transform: capitalize;
  color: rgba(234, 232, 232, 0.5);
  text-align: right;
}
.sec-question .news-form .news-control:-ms-input-placeholder { /* IE 10+ */
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 300;
  text-transform: capitalize;
  color: rgba(234, 232, 232, 0.5);
  text-align: right;
}
.sec-question .news-form .news-control:-moz-placeholder { /* Firefox 18- */
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 300;
  text-transform: capitalize;
  color: rgba(234, 232, 232, 0.5);
  text-align: right;
}
.sec-question .news-form .ask-btn {
  background: linear-gradient(90deg, rgba(0, 144, 204, 1) 0%, rgba(88, 255, 253, 1) 100%);
    background-size: 100%;
    color: #fff;
    font-family: "Aileron-Regular";
    font-size: 20px;
    text-transform: uppercase;
    padding: 0;
    margin: 0 0 0 auto;
    transition: all 0.6s ease-in-out;
    letter-spacing: 2.5px;
    height: 82px;
    width: 290px;
    border-radius: 50px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sec-question .news-form .ask-btn:hover {
  background-position: left;
  background-size: 200%;
}
.sec-question .news-form .sub-h {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 50px;
  font-weight: 300;
  text-transform: capitalize;
  color: #eae8e8;
  text-align: right;
}
.sec-question .news-form .main-h {
  margin: 0 0 50px 0;
  font-family: 'Poppins', sans-serif;
  font-size: 50px;
  font-weight: 800;
  text-transform: none;
  color: #eae8e8;
  text-align: right;
}

.sec-question .elements {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.sec-question .elements .elem-1 {
    position: absolute;
    left: 8%;
    bottom: 66%;
    width: 8%;
}
.sec-question .elements .elem-1 .cube2-thumb {
  animation: rotate 5s alternate infinite;
}
.sec-question .elements .elem-2 {
    position: absolute;
    right: 32%;
    top: -4%;
    width: 14%;
    z-index: 100;
}
.sec-question .elements .elem-2 .cube-thumb {
  animation: rubberBand 3s alternate infinite;
}
.sec-question .elements .elem-3 {
    position: absolute;
    left: 7%;
    bottom: 20%;
    width: 14%;
    z-index: 100;
}
.sec-question .elements .elem-3 .ring-thumb {
  animation: circle 5s linear infinite;
}
.sec-question .elements .elem-4 {
    position: absolute;
    left: 73%;
    bottom: 36%;
    width: 10%;
}
.sec-question .elements .elem-4 .ring3-thumb {
  animation: rotate 5s linear infinite;
}

/* sec-question close */

/* sec-ftb-slider */
.sec-featured-banner-slider {
  position: relative;
  overflow: hidden;
}
.sec-featured-banner-slider .ftb-slider .ftb-slider-main {
  position: relative;
}
.sec-featured-banner-slider .ftb-slider .ftb-slider-main .ftb-img {
  position: relative;
}
.sec-featured-banner-slider .ftb-slider .ftb-slider-main .ftb-img .img-thumb {
  width: 100%;
  position: relative;
  min-height: 500px;
  max-height: 500px;
  object-fit: cover;
  object-position: 100% 32%;
}
.sec-featured-banner-slider .ftb-slider .ftb-slider-main .slider-desc {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-items: flex-start;
  justify-content: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  background-color: rgba(0, 0, 0, 0.5);
}
.sec-featured-banner-slider .ftb-slider .ftb-slider-main .slider-desc .main-text {
  padding: 0 0 0 4rem;
}
.sec-featured-banner-slider .ftb-slider .owl-item.active .slider-desc .main-text {
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: zoomInDown;
  animation-delay: 0.5s;
}
.sec-featured-banner-slider .ftb-slider .ftb-slider-main .slider-desc .main-text .sl-h {
  font-family: 'Poppins', sans-serif;
  font-size: 55px;
  font-weight: 800;
  color: #fff;
  text-transform: capitalize;
  margin: 0 0 15px 0;
}
.sec-featured-banner-slider .ftb-slider .ftb-slider-main .slider-desc .main-text .sl-p {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-transform: inherit;
  margin: 0 0 20px 0;
}
.sec-featured-banner-slider .ftb-slider .ftb-slider-main .slider-desc .main-text .read-btn {
  background: linear-gradient(90deg, rgba(0, 144, 204, 1) 0%, rgba(88, 255, 253, 1) 100%);
  background-size: 100%;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0;
  margin: -6px 0 0 0;
  transition: all 0.6s ease-in-out;
  letter-spacing: 2.5px;
  height: 42px;
  width: 190px;
  border-radius: 50px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sec-featured-banner-slider .ftb-slider .ftb-slider-main .slider-desc .main-text .read-btn:hover {
  background-position: left;
  background-size: 200%;
}

.sec-featured-banner-slider .ftb-slider .ftb-nav {
  position: absolute;
  bottom: 87px;
  right: 0;
  display: flex;
  justify-content: space-between;
  margin: 0;
  z-index: 500;
}
.sec-featured-banner-slider .ftb-slider .ftb-nav .ftb-prev {
  position: absolute;
  left: -174px;
  top: 0px;
  background: #05C3DD;
  height: 72px;
  width: 87px;
  border: 2px solid #05C3DD;
  border-radius: 0;
  color: #fff;
  font-size: 20px;
  margin: 0;
  transition: all 0.2s ease-in-out;
}
.sec-featured-banner-slider .ftb-slider .ftb-nav .ftb-prev:hover {
  background-color: #fff;
  color: #05C3DD;
}
.sec-featured-banner-slider .ftb-slider .ftb-nav .ftb-next {
  position: absolute;
  top: 0px;
  right: 0;
  background: #001342;
  border: 2px solid #001342;
  height: 72px;
  width: 87px;
  border-radius: 0;
  color: #fff;
  font-size: 20px;
  margin: 0;
  transition: all 0.2s ease-in-out;
}
.sec-featured-banner-slider .ftb-slider .ftb-nav .ftb-next:hover {
  background-color: #fff;
  color: #05C3DD;
  border: 2px solid #05C3DD;
}
.sec-featured-banner-slider .ftb-slider .ftb-dots {
  position: absolute;
  top: 0px;
  right: 40px;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
}
.sec-featured-banner-slider .ftb-slider .ftb-dots .owl-dot.active span, .sec-ftb-slider .ftb-slider .ftb-dots .owl-dot:hover span {
  background-color: transparent;
  transition: all 0.2s ease-in-out;
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
  border-radius: 50px;
}

.sec-featured-banner-slider .ftb-slider .ftb-dots .owl-dot.active span::before, .sec-ftb-slider .ftb-slider .ftb-dots .owl-dot span:hover::before {
  content: "";
  display: block;
  position: absolute;
  background-color: #fff;
  width: 25px;
  height: 1px;
  left: -25px;
  top: 3px;
}

.sec-featured-banner-slider .ftb-slider .ftb-dots .owl-dot span {
  background-color: transparent;
  transition: all 0.2s ease-in-out;
  width: 10px;
  height: 10px;
  border: 2px solid #05C3DD;
  border-radius: 50px;
  margin: 6px 10px 6px 10px;
  position: relative;
}
.sec-featured-banner-slider .ftb-slider .ftb-dots .owl-dot span::before {
  content: "";
  display: block;
  position: absolute;
  background-color: #05C3DD;
  width: 15px;
  height: 1px;
  left: -17px;
  top: 3px;
  transition: all 0.2s ease-in-out;
}

/* sec-ftb-slider close*/

/* sec-featured-talent-inner */
.sec-featured-talent-inner {
  position: relative;
  padding: 80px 0 80px 0;
  overflow: hidden;
  background-color: #001342;
  z-index: 1;
}
.sec-featured-talent-inner .inner-headings {
  position: relative;
  z-index: 100;
}
.sec-featured-talent-inner .inner-headings .f-s {
  font-family: "Aileron-Regular";
  font-size: 50px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 7px;
  margin: 0 0 0 80px;
  padding: 0;
}
.sec-featured-talent-inner .inner-headings .main-h {
  background: linear-gradient(90deg, rgba(5, 151, 207, 1) 0%, rgba(70, 233, 243, 1) 75%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  font-size: 270px;
  text-transform: uppercase;
  letter-spacing: 30px;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: left;
}
.sec-featured-talent-inner .inner-headings .main-h:after {
  background: none;
  content: attr(data-text);
  left: 10px;
  position: absolute;
  text-shadow: 6px -13px 0px rgb(1 1 1 / 14%);
  top: 0;
  z-index: -1;
}
.sec-featured-talent-inner .custom-margin {
  margin-bottom: -40px;
}

.sec-featured-talent-inner .talent-card {
  background-color: #011a49;
  border: none;
  border-radius: 0px 120px 114px 114px;
  overflow: hidden;
  min-height: 577px;
  max-height: 577px;
  margin: 50px 0 0 0;
  padding: 0;
}
.sec-featured-talent-inner .talent-card .talent-img {
  position: relative;
}
.sec-featured-talent-inner .talent-card .talent-img .talent-thumb {
  border-radius: 0px 120px 120px 120px;
  display: block;
  width: 100%;
  height: auto;
  min-height: 577px;
  max-height: 577px;
  object-fit: cover;
  object-position: center;
  position: relative;
}
.sec-featured-talent-inner .talent-card .talent-desc {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0 0 50px 0;
  background: linear-gradient(360deg, rgba(0,19,66,1) 0%, rgba(255,255,255,0) 100%);
  height: 70%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
}
.sec-featured-talent-inner .talent-card .talent-desc .t-h {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  text-transform: capitalize;
  margin: 0;
  padding: 0;
  text-align: center;
  display: block;
}
.sec-featured-talent-inner .talent-card .talent-desc .t-s {
  font-family: "Aileron-Regular";
  font-size: 18px;
  color: #fff;
  text-transform: capitalize;
  margin: 0;
  padding: 0;
  text-align: center;
}
.sec-featured-talent-inner .elements {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.sec-featured-talent-inner .elements .elem-1 {
    position: absolute;
    left: 4%;
    top: -1%;
    width: 4%;
    z-index: 100;
}
.sec-featured-talent-inner .elements .elem-1 .cube2-thumb {
  animation: rotate 5s alternate infinite;
}
.sec-featured-talent-inner .elements .elem-5 {
  position: absolute;
  right: 3%;
  top: 12%;
  width: 10%;
  z-index: 0;
}
.sec-featured-talent-inner .elements .elem-5 .ring2-thumb {
  animation: rotate 5s alternate-reverse infinite;
}
/* sec-featured-talent-inner close*/


/* sec-browse-talent */
.sec-browse-talent {
  position: relative;
  padding: 150px 0 150px 0;
  overflow: hidden;
  background-color: #001342;
  z-index: 1;
}
.sec-browse-talent .f-s {
  font-family: "Aileron-Regular";
  font-size: 50px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 7px;
  margin: 0;
  padding: 0;
}
.sec-browse-talent .sort-h {
  font-family: "Aileron-Regular";
  font-size: 15px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 1px;
  margin: 0 0 10px 0;
  padding: 0;
}
.sec-browse-talent .main-h {
  background: linear-gradient(90deg, rgba(5, 151, 207, 1) 0%, rgba(70, 233, 243, 1) 75%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  font-size: 240px;
  text-transform: uppercase;
  letter-spacing: 30px;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: left;
}
.sec-browse-talent .main-h:after {
  background: none;
  content: attr(data-text);
  left: 10px;
  position: absolute;
  text-shadow: 6px -13px 0px rgb(1 1 1 / 14%);
  top: 0;
  z-index: -1;
}
.sec-browse-talent .custom-margin {
  margin-bottom: -40px;
}

.sec-browse-talent .talent-card {
  background-color: #011a49;
  border: none;
  border-radius: 0px 120px 114px 114px;
  overflow: hidden;
  min-height: 577px;
  max-height: 577px;
  margin: 0 0 40px 0;
  padding: 0;
}
.sec-browse-talent .talent-card .talent-img {
  position: relative;
}
.sec-browse-talent .talent-card .talent-img .talent-thumb {
  border-radius: 0px 120px 120px 120px;
  display: block;
  width: 100%;
  height: auto;
  min-height: 577px;
  max-height: 577px;
  object-fit: cover;
  object-position: center;
  position: relative;
}
.sec-browse-talent .talent-card .talent-desc {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0 0 50px 0;
  background: linear-gradient(360deg, rgba(0,19,66,1) 0%, rgba(255,255,255,0) 100%);
  height: 70%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
}
.sec-browse-talent .talent-card .talent-desc .t-h {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  text-transform: capitalize;
  margin: 0;
  padding: 0;
  text-align: center;
  display: block;
}
.sec-browse-talent .talent-card .talent-desc .t-s {
  font-family: "Aileron-Regular";
  font-size: 18px;
  color: #fff;
  text-transform: capitalize;
  margin: 0;
  padding: 0;
  text-align: center;
}
.sec-browse-talent .custom-select-box {
  position: relative;
  width: 100%;
  height: 35px;
}
.sec-browse-talent .custom-select-box::before {
  content: "";
  background: linear-gradient(90deg, rgba(5, 151, 207, 1) 0%, rgba(70, 233, 243, 1) 75%);
  position: absolute;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  z-index: -1;
  border-radius: 5px;
}
.sec-browse-talent .custom-select-box .talent-control {
  position: relative;
  z-index: 100;
  background-color: #001342;
  border: none;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: normal;
  margin: 0;
  padding: 0 0 0 30px;
  width: 100%;
  height: 100%;
  background-image: none;
}
.sec-browse-talent .custom-select-box .chevron {
  position: absolute;
  top: 0px;
  right: 0px;
  display: flex;
  text-align: center;
  width: 50px;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: #001342;
  pointer-events: none;
  color: #fff;
  border-radius: 4px;
  z-index: 100;
}
.sec-browse-talent .load-more-btn .load-btn {
  background: linear-gradient(90deg, rgba(0, 144, 204, 1) 0%, rgba(88, 255, 253, 1) 100%);
  background-size: 100%;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0;
  margin: 0 auto;
  transition: all 0.6s ease-in-out;
  letter-spacing: 2.5px;
  height: 42px;
  width: 130px;
  border-radius: 50px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* sec-browse-talent close*/

/* sec-inner-banner */
.sec-inner-banner {
  position: relative;
  overflow: hidden;
  height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(../images/home-bg1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 100;
}
.sec-inner-banner .inner-banner-left-head .inner-sub {
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  font-size: 80px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: normal;
  margin: 0;
  padding: 0;
  line-height: 80px;
  text-shadow: 16px -15px 0px rgb(1 1 1 / 14%);
}
.sec-inner-banner .banner-main {
  position: relative;
}
.sec-inner-banner .banner-main .banner-img {
  position: relative;
}
.sec-inner-banner .banner-main .banner-img .circle {
  left: 3% !important;
  top: 20px !important;
}
.sec-inner-banner .banner-main .banner-img .circle .circle-thumb {
  max-width: 60%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.sec-inner-banner .banner-main .banner-img .singer {
  left: 24% !important;
  top: 0px !important;
}
.sec-inner-banner .banner-main .banner-img .singer .singer-thumb {
  max-width: 75%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.sec-inner-banner .banner-main .banner-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -50px;
  width: 90%;
  display: block;
  margin: 0 auto;
  z-index: 10;
}
.sec-inner-banner .banner-main .banner-content .sub-h {
  font-family: "Aileron-Regular";
  font-size: 17px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 7px;
  margin: 0;
  padding: 0;
  line-height: 0px;
}
.sec-inner-banner .banner-main .banner-content .main-h {
  background: linear-gradient(90deg, rgba(5, 151, 207, 1) 0%, rgba(70, 233, 243, 1) 75%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  font-size: 140px;
  text-transform: uppercase;
  letter-spacing: -3px;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
}
.sec-inner-banner .banner-main .banner-content .main-h:after {
  background: none;
  content: attr(data-text);
  left: 3px;
  position: absolute;
  text-shadow: 16px -15px 0px rgb(1 1 1 / 14%);
  top: 0;
  z-index: -1;
}
.sec-inner-banner .banner-main .banner-content .btm-h {
  background: linear-gradient(90deg, rgba(5, 151, 207, 1) 30%, rgba(70, 233, 243, 1) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  font-size: 60px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: -30px 0px 0 0;
  padding: 0;
  position: relative;
  text-align: right;
}
.sec-inner-banner .banner-main .banner-content .btm-h:after {
  background: none;
  content: attr(data-text);
  right: 0;
  position: absolute;
  text-shadow: 6px -8px 0px rgb(1 1 1 / 14%);
  top: 0;
  z-index: -1;
}
.sec-inner-banner .elements {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.sec-inner-banner .elements .elem-2 {
  position: absolute;
  right: 22%;
  top: 25%;
  width: 7%;
  z-index: 100;
}
.sec-inner-banner .elements .elem-2 .cube-thumb {
  animation: rubberBand 3s alternate infinite;
}
.sec-inner-banner .elements .elem-5 {
  position: absolute;
  right: 2%;
  bottom: 10%;
  width: 10%;
  z-index: 100;
}
.sec-inner-banner .elements .elem-5 .ring2-thumb {
  animation: rotate 5s alternate-reverse infinite;
}
/* .sec-inner-banner close */

/* sec-verified-talent-inner */
.sec-verified-talent-inner {
  position: relative;
  padding: 80px 0 80px 0;
  overflow: hidden;
  background-color: #001342;
  z-index: 1;
}
.sec-verified-talent-inner .inner-headings {
  position: relative;
  z-index: 100;
}
.sec-verified-talent-inner .inner-headings .f-s {
  font-family: "Aileron-Regular";
  font-size: 50px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 7px;
  margin: 0 0 0 80px;
  padding: 0;
}
.sec-verified-talent-inner .inner-headings .main-h {
  background: linear-gradient(90deg, rgba(5, 151, 207, 1) 0%, rgba(70, 233, 243, 1) 75%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  font-size: 270px;
  text-transform: uppercase;
  letter-spacing: 30px;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: left;
}
.sec-verified-talent-inner .inner-headings .main-h:after {
  background: none;
  content: attr(data-text);
  left: 10px;
  position: absolute;
  text-shadow: 6px -13px 0px rgb(1 1 1 / 14%);
  top: 0;
  z-index: -1;
}
.sec-verified-talent-inner .custom-margin {
  margin-bottom: -40px;
}
.sec-verified-talent-inner .card-verified {
  background-color: #001342;
  border: none;
  border-radius: 0;
  margin: 50px 0 0 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  z-index: 100;
}
.sec-verified-talent-inner .card-verified .v-desc .v-h {
  font-family: 'Poppins', sans-serif;
  font-size: 50px;
  font-weight: 300;
  color: #fff;
  text-transform: capitalize;
  margin: 0 0 20px;
  padding: 0;
  text-align: center;
}
.fw-bold {
  font-weight: 700 !important;
}
.sec-verified-talent-inner .card-verified .v-desc .v-p {
  font-family: "Aileron-Regular";
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 400;
  color: #9998b1;
  text-transform: none;
  line-height: 25px;
  padding: 0;
  text-align: center;
  width: 80%;
  margin: 0 auto 60px auto;
}
.sec-verified-talent-inner .card-verified .v-desc .search-talent-btn {
  background: linear-gradient(90deg, rgba(0, 144, 204, 1) 0%, rgba(88, 255, 253, 1) 100%);
    background-size: 100%;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0;
    margin: 0 auto;
    transition: all 0.6s ease-in-out;
    letter-spacing: 2.5px;
    height: 80px;
    width: 502px;
    border-radius: 50px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sec-verified-talent-inner .card-verified .v-desc .search-talent-btn:hover {
  background-position: left;
  background-size: 200%;
}

.sec-verified-talent-inner .card-verifying {
  background-color: #001342;
  border: none;
  border-radius: 0;
  margin: 110px 0 0 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  z-index: 100;
}
.sec-verified-talent-inner .card-verifying .vf-desc {
  border-radius: 53px 0 0 53px;
  padding: 80px 80px 80px 80px;
  background: linear-gradient(180deg, rgba(18,106,146,1) 0%, rgba(6,53,97,1) 30%, rgba(1,22,69,1) 90%);
}
.sec-verified-talent-inner .card-verifying .vf-desc .vf-h {
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: 27px;
  font-weight: 700;
  text-transform: none;
  padding: 0;
  margin: 0 0 25px 0;
}
.sec-verified-talent-inner .card-verifying .vf-desc .vf-p {
  font-family: "Aileron-Regular";
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 400;
  color: #60aed2;
  text-transform: none;
  line-height: 20px;
  padding: 0;
  margin: 0 0 20px 0;
  width: 90%;
}
.sec-verified-talent-inner .card-verifying .vf-desc .vt-btn {
  background-color: #001342;
  border-radius: 100px;
  height: 62px;
  width: 212px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  color: #1eb5dd;
  text-transform: uppercase;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  transition: all 0.5s ease-in-out;
  margin: 35px 0 0 0;
  padding: 0;
}

.sec-verified-talent-inner .card-verifying .vf-desc .vt-btn:hover {
  background-color: #05C3DD;
  color: #fff;
}
.sec-verified-talent-inner .card-verifying .vf-img .vf-thumb {
  border-radius: 0px 120px 120px 120px;
  display: block;
  max-width: 100%;
  min-height: 590px;
  max-height: 590px;
  object-fit: cover;
  object-position: center;
  position: relative;
}

.sec-verified-talent-inner .elements {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.sec-verified-talent-inner .elements .elem-1 {
    position: absolute;
    left: 4%;
    top: -1%;
    width: 4%;
    z-index: 100;
}
.sec-verified-talent-inner .elements .elem-1 .cube2-thumb {
  animation: rotate 5s alternate infinite;
}
.sec-verified-talent-inner .elements .elem-2 {
  position: absolute;
  left: 13%;
  bottom: 35%;
  width: 10%;
  z-index: 100;
}
.sec-verified-talent-inner .elements .elem-2 .cube-thumb {
animation: rubberBand 3s alternate infinite;
}
.sec-verified-talent-inner .elements .elem-5 {
  position: absolute;
  right: 3%;
  top: 20%;
  width: 10%;
  z-index: 0;
}
.sec-verified-talent-inner .elements .elem-5 .ring2-thumb {
  animation: rotate 5s alternate-reverse infinite;
}

/* sec-how-works */
.sec-how-works {
  position: relative;
  padding: 80px 0 80px 0;
  overflow: hidden;
  background-color: #001342;
  z-index: 1;
}
.sec-how-works .inner-headings {
  position: relative;
  z-index: 100;
}
.sec-how-works .inner-headings .f-s {
  font-family: "Aileron-Regular";
  font-size: 50px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 7px;
  margin: 0 0 0 80px;
  padding: 0;
}
.sec-how-works .inner-headings .main-h {
  background: linear-gradient(90deg, rgba(5, 151, 207, 1) 0%, rgba(70, 233, 243, 1) 75%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  font-size: 270px;
  text-transform: uppercase;
  letter-spacing: 30px;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: left;
}
.sec-how-works .inner-headings .main-h:after {
  background: none;
  content: attr(data-text);
  left: 10px;
  position: absolute;
  text-shadow: 6px -13px 0px rgb(1 1 1 / 14%);
  top: 0;
  z-index: -1;
}
.sec-how-works .custom-margin {
  margin-bottom: -40px;
}
.sec-how-works .work-desc {
  position: relative;
  z-index: 100;
  margin: 50px 0 0 0;
}
.sec-how-works .work-desc .wd-h {
  font-family: 'Poppins', sans-serif;
    font-size: 47px;
    font-weight: 300;
    color: #fff;
    text-transform: none;
    margin: 0 0 40px 0;
    padding: 0;
    text-align: center;
}
.sec-how-works .work-desc .wd-p {
  font-family: "Aileron-Regular";
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 400;
  color: #9998b1;
  text-transform: none;
  line-height: 25px;
  margin: 0;
  padding: 0;
  text-align: center;
  margin: 0 auto;
}

.sec-how-works .elements {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.sec-how-works .elements .elem-1 {
    position: absolute;
    left: 4%;
    top: -1%;
    width: 4%;
    z-index: 100;
}
.sec-how-works .elements .elem-1 .cube2-thumb {
  animation: rotate 5s alternate infinite;
}
.sec-how-works .elements .elem-2 {
  position: absolute;
  left: 0%;
  bottom: 44%;
  width: 7%;
  z-index: 100;
}
.sec-how-works .elements .elem-2 .cube-thumb {
animation: rubberBand 3s alternate infinite;
}
.sec-how-works .elements .elem-5 {
  position: absolute;
  right: 3%;
  top: 20%;
  width: 10%;
  z-index: 0;
}
.sec-how-works .elements .elem-5 .ring2-thumb {
  animation: rotate 5s alternate-reverse infinite;
}

.sec-how-works .beni-card {
  background-color: #011a49;
  border-radius: 53px;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 60px 0 0 0;
  background: linear-gradient(20deg, rgba(0, 19, 66, 1) 5%, rgba(23, 135, 174, 1) 100%);
  border: 0;
  padding: 0;
  min-height: 360px;
  max-height: 360px;
    cursor: pointer;
    transform-style: preserve-3d;
    z-index: 100;
}
.sec-how-works .card-content {
  padding: 10% 15%;
    transform: translateZ(40px);
}
.sec-how-works .beni-card .card-content .b-h {
  color: #fff;
  text-align: center;
  font-size: 20px;
  margin-bottom: 7%;
  text-transform: capitalize;
  line-height: 30px;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  display: block;
}
.sec-how-works .beni-card .card-content .b-p {
  color: #9998b1;
  font-size: 14px;
  text-align: center;
  font-weight: 600;
}
.sec-how-works .beni-card:hover .card-content .b-p {
    color: #fff;
}
.sec-how-works .beni-img {
  position: relative;
}
.sec-how-works .beni-img::before {
  content: attr(data-text);
  position: absolute;
  top: -5px;
  left: -70px;
  color: rgba(255, 255, 255, 0.205);
  font-family: 'Poppins', sans-serif;
  font-size: 54px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
.sec-how-works .beni-img .beni-thumb {
    width: 70%;
    margin: 50px auto 0;
    transform: translateZ(40px);
    display: block;
    position: relative;
}
.sec-how-works .beni-card .js-tilt-glare {
  border-radius: 53px;
}


/* sec-platforms */
.sec-platforms {
  position: relative;
  padding: 80px 0 80px 0;
  overflow: hidden;
  background-color: #001342;
  z-index: 1;
}
.sec-platforms .inner-headings {
  position: relative;
  z-index: 100;
}
.sec-platforms .inner-headings .f-s {
  font-family: "Aileron-Regular";
  font-size: 50px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 7px;
  margin: 0 0 0 80px;
  padding: 0;
}
.sec-platforms .inner-headings .main-h {
  background: linear-gradient(90deg, rgba(5, 151, 207, 1) 0%, rgba(70, 233, 243, 1) 75%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  font-size: 270px;
  text-transform: uppercase;
  letter-spacing: 30px;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: left;
}
.sec-platforms .inner-headings .main-h:after {
  background: none;
  content: attr(data-text);
  left: 10px;
  position: absolute;
  text-shadow: 6px -13px 0px rgb(1 1 1 / 14%);
  top: 0;
  z-index: -1;
}
.sec-platforms .custom-margin {
  margin-bottom: -40px;
}
.sec-platforms .work-desc {
  position: relative;
  z-index: 100;
  margin: 50px 0 0 0;
}
.sec-platforms .work-desc .wd-mh {
  font-family: 'Poppins', sans-serif;
  font-size: 47px;
  font-weight: 300;
  color: #fff;
  text-transform: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.sec-platforms .work-desc .wd-mh .fw-bold {
  font-weight: 600 !important;
}
.sec-platforms .work-desc .wd-h {
  font-family: 'Poppins', sans-serif;
    font-size: 42px;
    font-weight: 300;
    color: #fff;
    text-transform: none;
    margin: 0 0 40px 0;
    padding: 0;
    text-align: center;
}
.sec-platforms .work-desc .wd-p {
  font-family: "Aileron-Regular";
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 400;
  color: #9998b1;
  text-transform: none;
  line-height: 25px;
  margin: 0;
  padding: 0;
  text-align: center;
  margin: 0 auto;
}

.sec-platforms .elements {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.sec-platforms .elements .elem-1 {
    position: absolute;
    left: 4%;
    top: -1%;
    width: 4%;
    z-index: 100;
}
.sec-platforms .elements .elem-1 .cube2-thumb {
  animation: rotate 5s alternate infinite;
}
.sec-platforms .elements .elem-2 {
  position: absolute;
  left: 0%;
  bottom: 44%;
  width: 7%;
  z-index: 100;
}
.sec-platforms .elements .elem-2 .cube-thumb {
animation: rubberBand 3s alternate infinite;
}
.sec-platforms .elements .elem-5 {
  position: absolute;
  right: 3%;
  top: 20%;
  width: 10%;
  z-index: 0;
}
.sec-platforms .elements .elem-5 .ring2-thumb {
  animation: rotate 5s alternate-reverse infinite;
}
.sec-platforms .plcard {
  background-color: #001342;
  border: none;
  border-radius: 53px;
  position: relative;
  z-index: 100;
  margin: 80px 0 0 0;
  padding: 0;
  transition: all 0.5s ease-in-out;
}
.sec-platforms .plcard .pl-img {
  position: relative;
}
.sec-platforms .plcard .pl-img::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(360deg, rgb(0 19 66 / 50%) 0%, rgba(255,255,255,0) 28%, rgba(255,255,255,0) 100%);
  height: 100%;
  width: 100%;
  z-index: 10;
  transition: all 0.5s ease-in-out;
}
.sec-platforms .plcard:hover .pl-img::before {
  transform: scale(1.2);
}
.sec-platforms .plcard .pl-img .pl-thumb {
  width: 100%;
  min-height: 360px;
  max-height: 360px;
  display: block;
  margin: 0;
  object-fit: cover;
  object-position: center;
  border-radius: 53px;
  transition: all 0.5s ease-in-out;
  position: relative;
}
.sec-platforms .plcard:hover .pl-img .pl-thumb {
  transform: scale(1.2);
}

/* sec-pricing */
.sec-pricing {
  position: relative;
  padding: 80px 0 10px 0;
  overflow: hidden;
  background-color: #001342;
  z-index: 1;
}
.sec-pricing .inner-headings {
  position: relative;
  z-index: 100;
}
.sec-pricing .inner-headings .f-s {
  font-family: "Aileron-Regular";
  font-size: 50px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 7px;
  margin: 0 0 0 80px;
  padding: 0;
}
.sec-pricing .inner-headings .main-h {
  background: linear-gradient(90deg, rgba(5, 151, 207, 1) 0%, rgba(70, 233, 243, 1) 75%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  font-size: 270px;
  text-transform: uppercase;
  letter-spacing: 30px;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: left;
}
.sec-pricing .inner-headings .main-h:after {
  background: none;
  content: attr(data-text);
  left: 10px;
  position: absolute;
  text-shadow: 6px -13px 0px rgb(1 1 1 / 14%);
  top: 0;
  z-index: -1;
}

.sec-pricing .pricing-card {
  background-color: #d7d7d7;
  border-radius: 0px 120px 120px 120px;
  position: relative;
  z-index:  100;
  margin: 60px 0 0 0;
  padding: 0;
}
.sec-pricing .pricing-card .price-head {
  background-color: #acacac;
  padding: 15px 0 15px 0;
  border-radius: 0 119px 0 0;
}
.sec-pricing .pricing-card .price-head.gold {
  background-color: #d6a142;
}
.sec-pricing .pricing-card .price-head.plat {
  background-color: #c3c3c4;
}
.sec-pricing .pricing-card .price-head .price-sub {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
    font-size: 25px;
    text-transform: uppercase;
    color: #000;
    letter-spacing: normal;
    margin: 0;
    padding: 0;
    text-align: center;
}
.sec-pricing .pricing-card .price-head .price {
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
    font-size: 60px;
    text-transform: uppercase;
    color: #000;
    letter-spacing: normal;
    margin: 0;
    padding: 0;
    text-align: center;
}
.sec-pricing .pricing-card .price-body {
  padding: 25px 0 30px 0;
}
.sec-pricing .pricing-card .price-body .p-ul {
  padding: 0 45px 0 70px;
}
.sec-pricing .pricing-card .price-body .p-ul .p-li {
  color: rgba(0, 0, 0, 0.7);
  font-family: "Aileron-Regular";
  font-size: 17px;
  margin: 0 0 10px 0;
  padding: 0;
  position: relative;
  letter-spacing: 1px;
}
.sec-pricing .pricing-card .price-body .p-ul .p-li::before {
  content: '\f0a9';
  position: absolute;
  display: block;
  top: 0;
  left: -30px;
  font-family: "Font Awesome 6 Pro";
  font-size: 16px;
  color: #000;
  font-weight: 500;
}
.sec-pricing .pricing-card .price-footer {
  padding: 0 0 50px 0;
}
.sec-pricing .pricing-card .price-footer .buy-btn {
  height: 80px;
  width: 211px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #011343;
  border-radius: 100px;
  color: #fff;
  font-family: "Aileron-Bold";
  font-size: 18px;
  margin: 0 auto;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 4px;
  transition: all 0.5s ease-in-out;
}
.sec-pricing .pricing-card .price-footer .buy-btn:hover {
  background-color: #05C3DD;
}
.sec-pricing .btm-p {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
    font-size: 25px;
    text-transform: none;
    color: #eae8e8;
    letter-spacing: normal;
    margin: 80px 0 0 0;
    padding: 0;
    text-align: center;
    z-index: 100;
    position: relative;
}
.sec-pricing .btm-p .click-bt {
  color: #00b6bd;
  text-decoration: underline;
}

.sec-pricing .elements {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.sec-pricing .elements .elem-1 {
    position: absolute;
    left: 4%;
    top: -1%;
    width: 4%;
    z-index: 100;
}
.sec-pricing .elements .elem-1 .cube2-thumb {
  animation: rotate 5s alternate infinite;
}
.sec-pricing .elements .elem-2 {
  position: absolute;
  left: -4%;
  bottom: 40%;
  width: 7%;
  z-index: 99;
}
.sec-pricing .elements .elem-2 .cube-thumb {
animation: rubberBand 3s alternate infinite;
}
.sec-pricing .elements .elem-5 {
  position: absolute;
  right: 3%;
  top: 25%;
  width: 10%;
  z-index: 0;
}
.sec-pricing .elements .elem-5 .ring2-thumb {
  animation: rotate 5s alternate-reverse infinite;
}

/* sec-register */
.sec-register {
  position: relative;
  padding: 80px 0 10px 0;
  overflow: hidden;
  background-color: #001342;
  z-index: 1;
}
.sec-register .inner-headings {
  position: relative;
  z-index: 100;
}
.sec-register .inner-headings .f-s {
  font-family: "Aileron-Regular";
  font-size: 50px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 7px;
  margin: 0 0 0 80px;
  padding: 0;
}
.sec-register .inner-headings .main-h {
  background: linear-gradient(90deg, rgba(5, 151, 207, 1) 0%, rgba(70, 233, 243, 1) 75%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  font-size: 270px;
  text-transform: uppercase;
  letter-spacing: 30px;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: left;
}
.sec-register .inner-headings .main-h:after {
  background: none;
  content: attr(data-text);
  left: 10px;
  position: absolute;
  text-shadow: 6px -13px 0px rgb(1 1 1 / 14%);
  top: 0;
  z-index: -1;
}

.sec-register .elements {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.sec-register .elements .elem-1 {
    position: absolute;
    left: 4%;
    top: -1%;
    width: 4%;
    z-index: 100;
}
.sec-register .elements .elem-1 .cube2-thumb {
  animation: rotate 5s alternate infinite;
}
.sec-register .elements .elem-2 {
  position: absolute;
  left: -4%;
  bottom: 40%;
  width: 7%;
  z-index: 99;
}
.sec-register .elements .elem-2 .cube-thumb {
animation: rubberBand 3s alternate infinite;
}
.sec-register .elements .elem-5 {
  position: absolute;
  right: 3%;
  top: 25%;
  width: 10%;
  z-index: 0;
}
.sec-register .elements .elem-5 .ring2-thumb {
  animation: rotate 5s alternate-reverse infinite;
}
.sec-register .join-form {
  position: relative;
  z-index: 100;
}
.sec-register .join-form .form-head {
  margin: 80px 0 70px 0;
  font-family: 'Poppins', sans-serif;
  font-size: 50px;
  font-weight: 300;
  text-transform: capitalize;
  color: #fff;
  text-align: center;
}
.sec-register .join-form .form-head .fw-bold {
  font-weight: 600 !important;
}
.sec-register .join-form .join-control {
  height: 85px;
  width: 100%;
  padding: 30px 35px 30px 45px;
  background: #243663;
  border-radius: 100px;
  border: none;
  margin: 0 0 20px 0;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 300;
  text-transform: none;
  color: rgb(234, 232, 232);
}

.sec-register .join-form .join-control:focus {
  box-shadow: none;
  outline: none;
}

.sec-register .join-form .join-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  font-weight: 300;
  text-transform: capitalize;
  color: rgba(234, 232, 232, 0.5);
  text-align: left;
}
.sec-register .join-form .join-control::-moz-placeholder { /* Firefox 19+ */
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  font-weight: 300;
  text-transform: capitalize;
  color: rgba(234, 232, 232, 0.5);
  text-align: left;
}
.sec-register .join-form .join-control:-ms-input-placeholder { /* IE 10+ */
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  font-weight: 300;
  text-transform: capitalize;
  color: rgba(234, 232, 232, 0.5);
  text-align: left;
}
.sec-register .join-form .join-control:-moz-placeholder { /* Firefox 18- */
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  font-weight: 300;
  text-transform: capitalize;
  color: rgba(234, 232, 232, 0.5);
  text-align: left;
}

.sec-register .join-form .select .join-select {
  height: 85px;
  width: 100%;
  padding: 0 0 0 45px;
  background: #243663;
  border-radius: 100px;
  border: none;
  margin: 0 0 20px 0;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 300;
  text-transform: none;
  color: rgb(234, 232, 232);
}
.sec-register .join-form .select {
  position: relative;
}
.sec-register .join-form .select .join-select {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  font-weight: 300;
  text-transform: capitalize;
  color: rgba(234, 232, 232, 0.5);
  text-align: left;
}
.sec-register .join-form .select .chevron {
  position: absolute;
  top: 25px;
  right: 50px;
  z-index: 100;
  color: rgba(234, 232, 232, 0.5);
  font-size: 20px;

}
.sec-register .join-form .select .join-select:focus {
  box-shadow: none;
  outline: none;
}

.sec-register .join-form .submit-btn {
  background: linear-gradient(90deg, rgba(0, 144, 204, 1) 0%, rgba(88, 255, 253, 1) 100%);
  background-size: 100%;
  color: #fff;
  font-family: "Aileron-Regular";
  font-size: 20px;
  text-transform: uppercase;
  padding: 0;
  margin: 20px auto 0 auto;
  transition: all 0.6s ease-in-out;
  letter-spacing: 2.5px;
  height: 82px;
  width: 288px;
  border-radius: 50px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sec-register .join-form .submit-btn:hover {
  background-position: left;
  background-size: 200%;
}



@media only screen and (min-width: 1600px) and (max-width: 1920px) {}
@media only screen and (min-width: 1445px) and (max-width: 1599px) {}
@media only screen and (min-width: 1400px) and (max-width: 1444px) {}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {}
@media only screen and (min-width: 992px) and (max-width: 1199px) {}
@media only screen and (min-width: 768px) and (max-width: 991px) {}
@media only screen and (min-width: 576px) and (max-width: 767px) {}
@media only screen and (min-width: 300px) and (max-width: 575px) {}