::root {--tg-primary-color: #FFCC66;}
.preloaderAnimation {position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 999;background-color: #201e1b;}
.preloaderAnimation .preloader-inner {text-align: center;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;line-height: 1;}
.preloaderAnimation .preloader-inner .bounce {animation: bounce 2s ease infinite;}
.preloaderAnimation .preloader-inner .bounce img {height: 120px;display: block;margin: 0 auto 0 auto;}
.preloaderAnimation .preloader-inner .loaderBox {font-size: 80px;display: inline-block;font-weight: 700;color: #ffffff;box-sizing: border-box;text-shadow: 0 0 2px #ffcc66, 0 0 2px #ffcc66, 0 0 2px #ffcc66;position: relative;}
.preloaderAnimation .preloader-inner .loaderBox .loading-text {position: absolute;left: 0;top: 0;color: #ffcc66;width: 100%;height: 100%;overflow: hidden;box-sizing: border-box;animation: animloader 6s linear infinite;}
.tg-header__area .tgmenu__wrap {border-radius: 50px;padding: 0 25px;}
.tg-header__area .tgmenu__wrap .tgmenu__nav .logo img {max-height: 70px;}
.tg-header__area .tgmenu__wrap .tgmenu__nav .tgmenu__navbar-wrap > ul > li > a {padding: 40px 30px;font-weight: 400;}
.tg-header__area.sticky-menu.transparent-header {background: #191a1b;}
.tg-header__area.sticky-menu .tgmenu__wrap {margin-top: 0;}
.banner__area {height:750px;min-height:750px;position: relative;overflow: hidden;}
.banner__area:after {content: "";display: block;height: 100%;width: 100%;object-fit:cover;position: absolute;top: 0;left: 0;background: rgba(27, 28, 29, 0.85);z-index: 1;}
.banner__area video {object-fit: cover;display: block;position: absolute;height: 100%;width: 100%;max-width: 100%;top: 0;left: 0;}
.banner__area .hero-content {position: absolute;z-index: 2;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;flex-direction: column;}
.banner__area .hero-content .banner__content {text-align: center;padding: 50px 40px 0;}
.banner__area .hero-content .banner__content .sub-title {font-family: 'DM Sans';font-weight: 600;font-size: 14px;text-transform: uppercase;border: 1px solid #ffcc66;}
.banner__area .hero-content .banner__content .title {margin-bottom: 20px;font-size: 30px;line-height: 48px;letter-spacing: 0;font-weight: 400;font-family: "Questrial", sans-serif;}
.banner__area .hero-content .banner__content .title span {color: rgba(255, 255, 255, 1) !important;}
.banner__area .hero-content .banner__content p {font-size: 18px;font-family: 'Questrial';letter-spacing: 1px;max-width: 90%;margin: 0 auto 35px;color: #eeeeee;}
.banner__area .hero-content .banner__content .tg-btn.whiteBg {background:#ffffff;}
.company__area {background: transparent;padding: 0 0 60px;margin-top: -65px;position: relative;z-index: 9;}
.company__area .company__video {width: 100%;height: auto;margin-bottom: 30px;}
.company__area .company__video video {width: 100%;height: 100%;border-radius: 10px;border: 5px solid #ffcc66;}
.company__area .company__video iframe {width: 100%;height: 560px;border-radius: 10px;border: 5px solid #ffcc66;}
.company__area .company__content .section__title .sub-title {font-family: 'DM Sans';font-weight: 600;font-size: 14px;text-transform: uppercase;border: 1px solid #ffcc66;}
.company__area .company__content .section__title .title {margin-bottom: 0px;font-size: 48px;letter-spacing: 1px;font-weight: 400;font-family: "Questrial", sans-serif;}
.company__area .company__content h4 {margin-bottom: 10px;font-size: 20px;font-weight: 500;font-family: 'DM Sans';color: #ffcc66;}
.company__area .company__content p {margin-bottom: 20px;font-size: 15px;font-weight: 500;line-height:28px;font-family: 'DM Sans';color: #eeeeee;}
.feature__area {padding-top: 60px;position: relative;z-index: 9;background: var(--tg-secondary-color);}
.feature__area .feature__wraper {border: 1px solid rgba(255, 255, 255, .15);color: #fff;background: rgba(15, 15, 15, .39);backdrop-filter: blur(10px);display: flex;}
.feature__area .feature__wraper .feature__box {flex: 0 0 auto;width: 25%;padding: 20px;position: relative;}
.feature__area .feature__wraper .feature__box::after {position: absolute;content:"";top: 0;right: 0;background: rgba(255, 255, 255, .15);width: 1px;height: 100%;}
.feature__area .feature__wraper .feature__box i {display: block;font-size: 24px;margin-bottom: 20px;}
.feature__area .feature__wraper .feature__box img {width:90px;height:90px;object*fit:cover;border-radius:100%;border:3px solid #383939;margin-bottom:10px;}
.feature__area .feature__wraper .feature__box span {font-size: 14px;text-transform: uppercase;letter-spacing: 1px;font-family: 'Questrial';display: block;margin-bottom: 5px;}
.feature__area .feature__wraper .feature__box .feature__bottom {display: flex;align-items: center;justify-content: space-between;line-height: 1;}
.feature__area .feature__wraper .feature__box .feature__bottom h4 {font-size: 16px;font-weight: 500;font-family: "DM Sans", sans-serif;margin: 0;}
.feature__area .feature__wraper .feature__box .feature__bottom i {display: block;font-size: 18px;margin-bottom: 0;}
.brand__area {padding: 50px 0 60px;background: var(--tg-secondary-color);}
.brand__area .section__title .title {font-size: 16px;font-family: 'Questrial';letter-spacing: 2px;text-transform: uppercase;}
.brand__area .section__title .title span {color: rgb(255 204 102);}
.brand__area .brand__item img {height: 35px;}
.brand__area-three {background: var(--tg-secondary-color);position: relative;margin-top: 0px;padding: 60px 0;}
.brand__area-three .section__title .title {font-size: 16px;font-family: 'Questrial';letter-spacing: 2px;text-transform: uppercase;}
.brand__area-three .section__title .title span {color: rgb(255 204 102);}
.brand__area-three .brand__item-wrap-three {background: transparent;margin: 0;overflow: hidden;border-radius: 0;padding: 0;}
.brand__area-three .brand__item-wrap-three .brand__item-three {min-height: auto;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;gap: 15px;}
.brand__area-three .brand__item-wrap-three .brand__item-three img {height: 30px;}
.brand__area-three .brand__item-wrap-three .brand__item-three h5 {font-size: 14px;font-family: 'DM Sans';text-transform: uppercase;margin: 0;}
.about__area {padding: 60px 0;background: url(../img/about/aboutBg.png), linear-gradient(to bottom, rgb(255, 204, 102, .90), rgba(255, 204, 102, .90));}
.about__area .about__content {text-align: center;}
.about__area .about__content .section__title .sub-title {font-family: 'DM Sans';font-weight: 600;font-size: 14px;text-transform: uppercase;border: 1px solid #191a1b;color: #191a1b;}
.about__area .about__content .section__title .title {margin-bottom: 0px;font-size: 42px;line-height: 48px;letter-spacing: 1px;font-weight: 400;font-family: "Questrial", sans-serif;color: #151515;}
.about__area .about__content p {margin-bottom: 20px;font-size: 16px;font-weight: 500;line-height: 26px;font-family: 'DM Sans';color: #191a1b;}
.about__area .about__content a.tg-btn {background: #191a1b;color: #ffcc66;}
.about__area .about__content a.tg-btn:hover {background: var(--tg-color-white-default);color: var(--tg-color-dark);}
.crypto__area {padding: 90px 0;}
.crypto__area .section__title .sub-title {font-family: 'DM Sans';font-weight: 600;font-size: 14px;text-transform: uppercase;border: 1px solid #ffcc66;}
.crypto__area .section__title .title {margin-bottom: 0px;font-size: 48px;letter-spacing: 1px;font-weight: 400;font-family: "Questrial", sans-serif;color: #ffffff;}
.crypto__area .crypto__item {padding: 30px;text-align: left;border-radius: 10px;height: 100%;}
.crypto__area .crypto__item .crypto__icon {margin-bottom: 30px;}
.crypto__area .crypto__item .crypto__icon img {height: 48px;}
.crypto__area .crypto__item .crypto__content .title {font-size: 16px;font-weight: 600;letter-spacing: .5px;margin-bottom: 15px;line-height: 1.65;font-family: 'DM Sans';text-transform: uppercase;}
.crypto__area .crypto__item .crypto__content .pricing__price .price {font-size: 30px;font-weight: 600;padding-bottom: 20px;margin-bottom: 15px;align-items: center;gap: 15px;}
.crypto__area .crypto__item .crypto__content .pricing__price .price i {font-size: 36px;}
.crypto__area .crypto__item .crypto__content .pricing__price .price del {color: #8e8e8e;font-weight: 600;font-size: 24px;}
.crypto__area .crypto__item .crypto__content p {font-size: 16px;font-family: 'Questrial';line-height: 26px;margin-bottom: 20px;color: #cccccc;}
.counter__area {padding: 60px 0 0;}
.counter__area .counter__item .count {line-height: 1;font-weight: 600;font-size: 48px;font-family: 'Questrial';letter-spacing: 2px;}
.counter__area .counter__item p {margin-bottom: 0;font-size: 14px;line-height: 24px;text-transform: uppercase;color: #cccccc;font-family: 'DM Sans';font-weight: 500;letter-spacing: 1px;}
.roadmap__area {padding: 90px 0;}
.roadmap__area .section__title .sub-title {font-family: 'DM Sans';font-weight: 600;font-size: 14px;text-transform: uppercase;border: 1px solid #ffcc66;}
.roadmap__area .section__title .title {margin-bottom: 0px;font-size: 48px;letter-spacing: 1px;font-weight: 400;font-family: "Questrial", sans-serif;color: #ffffff;}
.roadmap__area .roadmap__item-wrap::before {height: 3px;top: 55px;border-radius: 0;border: none;background: #212122;}
.roadmap__area .roadmap__item-wrap .roadmap__item {margin-top: 120px;position: relative;text-align: center;}
.roadmap__area .roadmap__item-wrap .roadmap__item .roadmap__inner {border-radius: 10px;padding: 20px;background: #1b1b1c;min-height: 150px;}
.roadmap__area .roadmap__item-wrap .roadmap__item .roadmap__inner::before {background-color: #212122;content: "";height: 94px;left: 0;margin: 0 auto;position: absolute;right: 0;top: -100px;width: 3px;}
.roadmap__area .roadmap__item-wrap .roadmap__item .roadmap__inner::after {border: 2px solid #ffffff;border-radius: 100%;content: "";height: 15px;left: 0;margin: 0 auto;position: absolute;right: 0;top: -6px;width: 15px;z-index: -1;}
.roadmap__area .roadmap__item-wrap .roadmap__item .roadmap__inner .roadmap__icon {background-color: rgba(0, 0, 0, 0);height: 31px;min-height: 31px;left: 0;margin: 0 auto;overflow: hidden;position: absolute;right: 0;top: -120px;transform: rotate(-60deg) skewY(30deg);width: 27px;}
.roadmap__area .roadmap__item-wrap .roadmap__item .roadmap__inner .roadmap__icon::before {background-color: #ffcc66;color: #151515;content: "c";display: block;font-size: 20px;font-weight: 700;height: inherit;transform: skewY(-30deg) rotate(60deg) translate(0%);width: inherit;}
.roadmap__area .roadmap__item-wrap .roadmap__item .roadmap__inner .roadmap__content .title {margin-bottom: 10px;font-size: 18px;line-height: 28px;color: #ffffff;font-weight: 600;font-family: 'DM Sans';}
.roadmap__area .roadmap__item-wrap .roadmap__item .roadmap__inner .roadmap__content p {font-size: 14px;font-family: 'Questrial';line-height: 24px;color: #cccccc;}
.result__area {padding: 60px 0;background: url(../img/about/aboutBg.png), linear-gradient(to bottom, rgb(255, 204, 102, .90), rgba(255, 204, 102, .90));}
.result__area .section__title .sub-title {font-family: 'DM Sans';font-weight: 600;font-size: 14px;text-transform: uppercase;border: 1px solid #191a1b;color: #191a1b;}
.result__area .section__title .title {margin-bottom: 0px;font-size: 42px;line-height: 48px;letter-spacing: 1px;font-weight: 400;font-family: "Questrial", sans-serif;color: #151515;}

.flip-box {
  display: flex;
  align-content: stretch;
  min-height: 400px;
  height: 100%;
  flex-wrap: wrap;
  position: relative;
  padding: 0;
  border-top: 0;
  -webkit-perspective: 1000;
  perspective: 1000;
  padding: 10px;

  &:hover {
    .back {
      transform: rotateY(0deg);
      z-index: 10;
    }

    .front {
      transform: rotateY(180deg);
      z-index: -1;
      background-color: #ffffff;
    }
  }

  .back,
  .front {
    position: relative;
    background: #191a1b;
    padding: 10px;
    border-radius: 3px;
    color: white;
    display: flex;
    justify-content: center;
    align-content: center;
    flex: 0 0 100%;
    -webkit-transition: all 1s cubic-bezier(.5, 1, .5, 1);
    transition: all 1s cubic-bezier(.5, 1.3, .5, 1.3);
    transform-style: preserve-3d;
    background-size: cover;
    background-position: center;
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    text-align: center;
  }

  .back {
    background-color: #000000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
    transform: rotateY(-180deg);
  }

  .front {
    z-index: 10;
  }
}

.team__area {padding: 60px 0;background: transparent;}
.team__area .section__title .sub-title {font-family: 'DM Sans';font-weight: 600;font-size: 14px;text-transform: uppercase;border: 1px solid #ffcc66;}
.team__area .section__title .title {margin-bottom: 0px;font-size: 42px;line-height: 48px;letter-spacing: 1px;font-weight: 400;font-family: "Questrial", sans-serif;color: #ffffff;}
.team__area .team__item {padding: 10px;border-radius: 10px;width: 100%;height: 650px;}
.team__area .team__item video {width: 100%;height: 100%;border-radius: 5px;object-fit: cover;}
.team__area .team__item iframe {border: 0;height: 100%;width: 100%;border-radius: 5px;}
.team__area .testimonial__item-wrap .testimonial__item {padding: 10px;border-radius: 10px;width: 100%;height: 450px;}
.team__area .testimonial__item-wrap .testimonial__item iframe {border: 0;height: 100%;width: 100%;border-radius: 5px;}
.team__area .testimonial__item-wrap .swiper-container {width: 100%;margin: 40px 0;padding: 65px 0;}
.team__area .testimonial__item-wrap .swiper-slide {opacity: 0.25;overflow: hidden;transition: .7s;}
.team__area .testimonial__item-wrap .swiper-slide iframe {width: 100%;}
.team__area .testimonial__item-wrap .swiper-slide-active {opacity: 1;z-index: 1;transform: scale(1.25);}
.team__area .testimonial__item-wrap .swiper-button-prev {left: -90px;right: auto;background: #ffcc66;width: 50px;height: 50px;border-radius: 100%;color: #000000;}
.team__area .testimonial__item-wrap .swiper-button-prev::after {font-size: 24px;}
.team__area .testimonial__item-wrap .swiper-button-next {left: auto;right: -90px;background: #ffcc66;width: 50px;height: 50px;border-radius: 100%;color: #000000;}
.team__area .testimonial__item-wrap .swiper-button-next::after {font-size: 24px;}

.pricing__area {padding: 90px 0;background: #131313;}
.pricing__area .section__title .sub-title {font-family: 'DM Sans';font-weight: 600;font-size: 14px;text-transform: uppercase;border: 1px solid #ffcc66;}
.pricing__area .section__title .title {margin-bottom: 0px;font-size: 48px;letter-spacing: 1px;font-weight: 400;font-family: "Questrial", sans-serif;color: #ffffff;}
.pricing__area .pricing__box .pricing__plan .title {margin-bottom: 7px;font-weight: 600;font-size: 18px;line-height:30px;font-family: 'Parkinsans', sans-serif;min-height:60px;}
.pricing__area .pricing__box .pricing__plan p {font-size: 16px;font-family: 'DM Sans';color: #cccccc;margin-bottom: 10px;}
.pricing__area .pricing__box .pricing__price .price {font-size: 30px;padding-bottom: 15px;margin-bottom: 20px;gap: 12px;}
.pricing__area .pricing__box .pricing__price .price del {font-size: 24px;font-weight: 600;color: #909090;}
.pricing__area .pricing__box .pricing__price .price span {font-size: 15px;font-weight: 600;color: #ffcc66;margin-top: auto;transform: translateY(0);display:block;padding-bottom: 15px;}
.pricing__area .pricing__box .pricing__list {margin-bottom: 25px;}
.pricing__area .pricing__box .pricing__list li {font-size: 14px;color: #cccccc;}
.pricing__area .pricing__box .pricing__list li i {width: 20px;height: 20px;font-size: 10px;}
.pricing__area .pricing__box hr {border-bottom: 1px solid #5c5c5c;margin: 15px 0;}
.pricing__area .pricing__box .sub-title {font-size: 18px;margin-bottom: 20px;}
.pricing__area .pricing__box .pricing__price.pricing__bottom {margin-top: 20px;}
.pricing__area .pricing__box .pricing__price.pricing__bottom h3 {font-size: 18px;margin-bottom: 10px;}
.pricing__area .pricing__box .pricing__price.pricing__bottom .pricing__list li {font-size: 14px;color: #cccccc;}
.pricing__area .pricing__box .pricing__price.pricing__bottom .pricing__list li i {width: 20px;height: 20px;font-size: 10px;}
.services__area {padding: 60px 0;background: url(../img/about/aboutBg.png), linear-gradient(to bottom, rgb(255, 204, 102, .90), rgba(255, 204, 102, .90));}
.services__area .section__title .sub-title {font-family: 'DM Sans';font-weight: 600;font-size: 14px;text-transform: uppercase;border: 1px solid #191a1b;color: #191a1b;}
.services__area .section__title .title {margin-bottom: 0px;font-size: 42px;line-height: 48px;letter-spacing: 1px;font-weight: 400;font-family: "Questrial", sans-serif;color: #151515;}
.services__area .services__item {border-radius: 5px;padding: 10px;height: 450px;width: 100%;background: #fed177;border: 1px solid #000000}
.services__area .services__item img {width: 100%;height: 100%;object-fit: cover;}
.faq__area {padding: 90px 0;position: relative;}
.faq__area .section__title .sub-title {font-family: 'DM Sans';font-weight: 600;font-size: 14px;text-transform: uppercase;border: 1px solid #ffcc66;}
.faq__area .section__title .title {margin-bottom: 0px;font-size: 48px;letter-spacing: 1px;font-weight: 400;font-family: "Questrial", sans-serif;color: #ffffff;}
.faq__area .faq__wrap .accordion-body p {margin-bottom: 0;font-size: 15px;line-height: 26px;color: #cccccc;}
.footer__area {background: #191a1b;}
.footer__area .footer__top {padding: 80px 0 50px;}
.footer__area .footer__top .footer__content {text-align: left;}
.footer__area .footer__top .footer__content .footer__logo {margin-bottom: 20px;}
.footer__area .footer__top .footer__content .footer__logo img {height: 120px;}
.footer__area .footer__top .footer__content .title {margin-bottom: 15px;font-size: 20px;}
.footer__area .footer__top .footer__content p {line-height: 24px;font-size: 14px;font-weight: 300;color: #cccccc;margin-bottom: 15px;}
.footer__area .footer__top .footer__content .team__social-wrap {justify-content: start;}
.footer__area .footer__top .footer__wiget .title {margin-bottom: 35px;font-size: 20px;}
.footer__area .footer__top .footer__wiget .footer__menu .list-wrap {display: flex;align-items: self-start;flex-wrap: wrap;flex-direction: column;gap: 25px;}
.footer__area .footer__top .footer__wiget.contact .footer__menu .list-wrap {display: flex;align-items: self-start;flex-wrap: wrap;flex-direction: column;gap: 25px;}
.footer__area .footer__top .footer__wiget.contact .footer__menu .list-wrap li {display:flex;gap:15px;}
.footer__area .footer__top .footer__wiget.contact .footer__menu .list-wrap li i {font-size: 24px;color: #ffcc66;}
.footer__area .footer__top .footer__wiget.contact .footer__menu .list-wrap li p, .footer__area .footer__top .footer__wiget.contact .footer__menu .list-wrap li a {margin: 0;color: var(--tg-body-font-color);}
.footer__area .footer__bottom {padding: 20px 0;}
.footer__area .footer__bottom p {line-height: 1;font-size: 16px;font-weight: 300;color: #cccccc;margin-bottom: 0px;}

.breadcrumb__area-two {padding: 220px 0 90px;}
.breadcrumb__area-two .banner__content .title {margin-bottom: 0px;font-size: 48px;letter-spacing: 0;text-transform: uppercase;}
.contact__area {background: var(--tg-secondary-color);padding: 90px 0;position: relative;}
.contact__area .section__title .sub-title {font-family: 'DM Sans';font-weight: 600;font-size: 14px;text-transform: uppercase;border: 1px solid #ffcc66;}
.contact__area .section__title .title {margin-bottom: 10px;font-size: 48px;letter-spacing: 1px;font-weight: 400;font-family: "Questrial", sans-serif;color: #ffffff;}
.contact__area .section__title p {margin-bottom: 0px;font-size: 15px;font-weight: 500;line-height: 28px;font-family: 'DM Sans';color: #eeeeee;}
.contact__area .contact__info-wrap {margin-top: 50px;}
.contact__area .contact__info-wrap .contact__info-item {margin-bottom: 35px;}
.contact__area .contact__info-wrap .contact__info-item .title {margin-bottom: 10px;font-size: 20px;letter-spacing: 0;font-weight: 500;font-family: 'DM Sans';}
.contact__area .contact__info-wrap .contact__info-item .content a {font-size: 16px;color: #cccccc;font-weight: 400;}
.contact__area .contact__info-wrap .contact__info-item .content p {font-size: 16px;color: #cccccc;font-weight: 400;}
.contact__area .contact__info-wrap .contact__form .form-grp label {font-weight: 500;font-size: 15px;}
.contact-map-area {padding: 60px 0;}
.contact-map-area .contact-map {width: 100%;height: 450px;}
.about-me__area {padding: 90px 0 60px;background: var(--tg-secondary-color);position: relative;}
.about-me__area .about-me__content .section__title .sub-title {font-family: 'DM Sans';font-weight: 600;font-size: 14px;text-transform: uppercase;border: 1px solid #ffcc66;}
.about-me__area .about-me__content .section__title .title {margin-bottom: 0px;font-size: 48px;letter-spacing: 1px;font-weight: 400;font-family: "Questrial", sans-serif;}
.about-me__area .about-me__content p {margin-bottom: 0px;font-size: 15px;font-weight: 500;line-height: 28px;font-family: 'DM Sans';color: #eeeeee;text-align: justify;}
.about-me__area .about-me__video {width: 100%;height: auto;margin-left: 30px;}
.about-me__area .about-me__video iframe {width: 100%;height: 400px;border-radius: 10px;border: 5px solid #ffcc66;}
.brand__area.bg-dark {background: #131313;position: relative;}

.team__area-three {padding: 90px 0;}
.team__area-three .section__title .sub-title {font-family: 'DM Sans';font-weight: 600;font-size: 14px;text-transform: uppercase;border: 1px solid #ffcc66;}
.team__area-three .section__title .title {margin-bottom: 0px;font-size: 48px;letter-spacing: 1px;font-weight: 400;font-family: "Questrial", sans-serif;}
.team__area-three .team__item-two {background: #131313;position: relative;padding: 10px;border-radius: 10px;}
.team__area-three .team__item-two .team__thumb {margin-bottom: 20px;}
.team__area-three .team__item-two .team__thumb img {border-radius: 10px;}
.team__area-three .team__item-two .team__social {bottom: 100px;}

.login__area {min-height: auto;padding: 0 0 50px 0;}
.login__area .login__form-wrap {padding: 50px 75px;position: relative;border-radius: 20px;width: 100%;}
.login__area .login__form-wrap .title {margin-bottom: 15px;font-size: 30px;font-weight: 600;font-family: "Questrial", sans-serif;letter-spacing: 1px;}
.login__area .login__form-wrap p {margin-bottom: 35px;font-size: 18px;font-family: "Questrial", sans-serif;color: #cccccc;}


.video-custom__area {padding: 0 0 60px 0;background: transparent;}
.video-custom__area .section__title .sub-title {font-family: 'DM Sans';font-weight: 600;font-size: 14px;text-transform: uppercase;border: 1px solid #ffcc66;}
.video-custom__area .section__title .title {margin-bottom: 0px;font-size: 42px;line-height: 48px;letter-spacing: 1px;font-weight: 400;font-family: "Questrial", sans-serif;color: #ffffff;}
.video-custom__area .video-custom__wrap .nav.nav-pills {display:flex;justify-content:center;margin-bottom:30px;gap:5px;}
.video-custom__area .video-custom__wrap .nav-pills .nav-link {text-transform: uppercase;font-size: 18px;font-weight: 600;font-family: "Questrial", sans-serif;letter-spacing: 1px;border:1px solid #ffcc66 !important;color:#ffcc66 !important;}
.video-custom__area .video-custom__wrap .nav-pills .nav-link.active, .video-custom__area .video-custom__wrap .nav-pills .show>.nav-link {color: #000000 !important;background-color: #ffcc66 !important;}
.video-custom__area .video-custom__wrap .tab-content .video__item {border-radius: 10px;background: linear-gradient(140deg, #222325 0%, rgba(21, 21, 21, 1) 100%);border: 1px solid var(--tg-border-1);padding: 12px;}
.video-custom__area .video-custom__wrap .tab-content .video__item iframe {border: 0;width: 100%;height: 400px;object-fit: cover;border-radius:5px;}
.video-custom__area .video-custom__wrap .tab-content .video__item .content {margin-top: 10px;}
.video-custom__area .video-custom__wrap .tab-content .video__item .content h4 {margin-bottom: 0px;font-size: 16px;line-height: 24px;font-weight: 500;font-family: "Questrial", sans-serif;color: #ffffff;text-align: center;}

#cursor-dot {width: 8px;height: 8px;background: #ffcc66;border-radius: 50%;position: fixed;top: 0;left: 0;pointer-events: none;z-index: 9999;transform: translate(-50%, -50%);transition: transform 0.1s, width 0.2s, height 0.2s, background 0.2s;mix-blend-mode: exclusion;}
#cursor-ring {width: 36px;height: 36px;border: 1.5px solid rgba(255, 204, 102, 0.65);border-radius: 50%;position: fixed;top: 0;left: 0;pointer-events: none;z-index: 9998;transform: translate(-50%, -50%);transition: transform 0.12s cubic-bezier(0.23, 1, 0.32, 1), width 0.3s,height 0.3s, border-color 0.3s;}
body:has(a:hover) #cursor-dot,
body:has(.card:hover) #cursor-dot {width: 16px;height: 16px;background: ff6ef7;}
body:has(a:hover) #cursor-ring,
body:has(.card:hover) #cursor-ring {width: 64px;height: 64px;border-color: ff6ef7;}
.aurora {position: fixed;inset: 0;z-index: 0;overflow: hidden;pointer-events: none;}
.aurora-blob {position: absolute;border-radius: 50%;filter: blur(80px);opacity: 0.18;animation: aurora-drift 16s ease-in-out infinite alternate;}
.aurora-blob:nth-child(1) {width: 70vw;height: 60vh;background: radial-gradient(circle, #b3ffc8 0%, transparent 70%);top: -20%;left: -10%;animation-duration: 14s;}
.aurora-blob:nth-child(2) {
  width: 50vw;
  height: 70vh;
  background: radial-gradient(circle, #ff6ef7 0%, transparent 70%);
  top: 20%;
  right: -15%;
  animation-duration: 18s;
  animation-delay: -6s;
}
.aurora-blob:nth-child(3) {
  width: 55vw;
  height: 55vh;
  background: radial-gradient(circle, #5eadff 0%, transparent 70%);
  bottom: -10%;
  left: 30%;
  animation-duration: 20s;
  animation-delay: -3s;
}

@keyframes aurora-drift {
  0% {
    transform: translate(0, 0) scale(1);
  }
  33% {
    transform: translate(6vw, -4vh) scale(1.08);
  }
  66% {
    transform: translate(-4vw, 5vh) scale(0.95);
  }
  100% {
    transform: translate(3vw, 2vh) scale(1.05);
  }
}


@media (max-width: 767px){
    .preloaderAnimation .preloader-inner .loaderBox {font-size: 36px;}
	.tg-header__area .tgmenu__wrap {padding: 0 10px;}
	.tg-header__area .tgmenu__wrap .tgmenu__nav .logo {padding: 5px 0;}
	.tg-header__area .tgmenu__wrap .tgmenu__nav .logo img {max-height: 60px;}
	.banner__area {height: auto;min-height: 400px;position: relative;overflow: hidden;}
	.banner__area .hero-content .banner__content {text-align: center;padding: 120px 0 50px;}
	.banner__area .hero-content .banner__content .title {margin-bottom: 20px;font-size: 20px;line-height: 30px;}
	.banner__area .hero-content .banner__content p {display: none;}
    .banner__area .hero-content .banner__content .btn-box {display:flex;gap:20px;}
    .banner__area .hero-content .banner__content .btn-box .tg-btn {font-size: 11px;}
    .company__area .company__video iframe {width: 100%;height: 220px;}
	.feature__area {margin-top: 50px;}
	.feature__area .feature__wraper {flex-wrap: wrap;}
	.feature__area .feature__wraper .feature__box {width: 100%;}
	.feature__area .feature__wraper .feature__box::after {top: auto;bottom: 0;width: 100%;height: 1px;}
	.brand__area {padding: 35px 0 60px;}
	.company__area {padding: 50px 0;}
	.company__area .company__content .section__title {margin-bottom: 20px !important;}
	.company__area .company__content .section__title .title {font-size: 30px;}
	.company__area .company__video {margin-left: 0;}
	.about__area {padding: 50px 0;}
	.about__area .about__content {margin-bottom: 0;}
	.about__area .about__content .section__title .title {font-size: 26px;line-height: 36px;}
	.crypto__area {padding: 50px 0;}
	.crypto__area .section__title .title {font-size: 28px;}
	.roadmap__area {padding: 50px 0;}
	.roadmap__area .section__title .title {font-size: 28px;}
	.result__area .section__title .title {font-size: 28px;line-height: 36px;}
	.flip-box {min-height: 230px;}
	.team__area {padding: 50px 0;}
	.team__area .section__title .title {font-size: 30px;}
	.pricing__area {padding: 50px 0;}
	.pricing__area .section__title .title {font-size: 30px;}
	.services__area {padding: 50px 0;}
	.services__area .section__title .title {font-size: 30px;line-height: 36px;}
	.services__area .services__item {margin-bottom: 30px;}
	.faq__area .section__title .title {font-size: 30px;}
	.faq__area .faq__wrap .accordion-button {font-weight: 500;font-size: 15px;line-height: 26px;}
	.faq__area .faq__wrap .accordion-body p {font-size: 14px;line-height: 26px;}
    .breadcrumb__area-two {padding: 120px 0 30px;}
    .breadcrumb__area-two .banner__content .title {font-size: 36px;}
    .about-me__area .about-me__content .section__title .title {font-size: 30px;}
    .about-me__area .about-me__video {margin-left: 0;margin-top: 30px;}
    .team__area-three .section__title .title {font-size: 30px;}
    .login__area .login__form-wrap {padding: 35px 20px;}
    .login__area .login__form-wrap .title {margin-bottom: 10px;font-size: 24px;font-weight: 600;}
    .login__area .login__form-wrap p {margin-bottom: 25px;font-size: 15px;}
    .video-custom__area .section__title .title {font-size: 30px;}
}



@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
  }
  40% {
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px);
  }
  60% {
      -webkit-transform: translateY(-15px);
      transform: translateY(-15px);
  }
}

@keyframes animloader {
  0% {
      width: 0%;
  }
  100% {
      width: 100%;
  }
}

@keyframes bouncebubble {
    1% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    25% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    75% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

/********* animation css style work start *********/
@media screen and (max-width:650px) {
  .scroll-container,.scroll-container:nth-of-type(2n){flex-direction:column;align-content:inherit}
  .scroll-element{height:100%}
  .scroll-caption,.scroll-element{width:100%}
}
.js-scroll{opacity:0;transition:opacity .5s}
.js-scroll.scrolled{opacity:1}
.scrolled.fade-in{animation:1s ease-in-out both fade-in}
.scrolled.fade-in-top{animation:1s ease-in-out both fade-in-top}
.scrolled.fade-in-bottom{animation:1s ease-in-out both fade-in-bottom}
.scrolled.slide-left{animation:1s ease-in-out both slide-in-left}
.scrolled.slide-right{animation:1s ease-in-out both slide-in-right}
@keyframes slide-in-left{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-in-right{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-top{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}
/********* animation css style work end *********/