@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}

@font-face {
  font-family: 'Segoe UI This';
  src: url('../fonts/SegoeUIThis-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Segoe UI This';
  src: url('../fonts/SegoeUIThis.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


body{overflow-x: hidden; font-size: 16px; font-weight: 500; background-color: #000000; font-family: 'Segoe UI This'; color: #fff;}
a, a:active, a:focus, a:hover {outline: none; transition: all 0.5s ease; text-decoration: none;}
button, button:active, button:focus, button:hover {outline: none; transition: all 0.5s ease; text-decoration: none;}

.container{max-width: 1300px;}

.fw-400{font-weight: normal !important;}
.fw-500{font-weight: 500 !important;}
.fw-600{font-weight: 600 !important;}
.fw-700{font-weight: 700 !important;}
.fw-800{font-weight: 800 !important;}
.fw-900{font-weight: 900 !important;}

.theme_color{background: linear-gradient(to right, #1A5FE5, #5185EB); background-clip: text; color: transparent;}
.bg_363638{background: #363638;}


.overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000000;}
.overlay .overlayDoor:before, .overlay .overlayDoor:after {content: ""; position: absolute; width: 50%; height: 100%; background: #000000; transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1); transition-delay: 0.8s; }
.overlay .overlayDoor:before {left: 0; }
.overlay .overlayDoor:after {right: 0;}
.overlay.loaded .overlayDoor:before {left: -50%;}
.overlay.loaded .overlayDoor:after {right: -50%;}
.overlay.loaded .overlayContent {opacity: 0; margin-top: -15px;}
.overlay .overlayContent {position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;	transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1);}
.overlayContent img{width:150px;}
.overlayContent p{color:#fff; text-align: center; font-size: 15px; margin-top: 20px;}
#return-to-top {position: fixed; bottom: 60px; right: 10px;color: #fff; transform: rotate(90deg); display: none; transition: all 0.3s ease;}
#return-to-top:hover { color: #000;}

.scroll-down::before {position: absolute; content: ""; letter-spacing: 2px; height: 1px; width: 30px; background:  #fff; left: -45px; top: 49%; animation: upDown2 2s infinite;}
.scroll-down:hover{color: #000; text-decoration: none;}
.scroll-down:hover::before{background:  #000;}

.navbar-light .navbar-nav .nav-link {
  color: #000;
 
}
.navbar-light .navbar-nav .nav-link:hover {
  color: #000 !important;
  
}
.navbar-light .navbar-nav .nav-link.active {
  color: #000 !important;
 
}
@keyframes upDown2 { 0%, 20%, 50%, 80%, 

  100% { transform: translateX(0); }

  40% { transform: translateX(4px); }

  60% { transform: translateX(6px); } }

.Logo{width:170px;}

.Header_section img { width: 140px;}
.Header_section{padding:15px;}
header.menu_fixed {background:rgba(255, 255, 255, 0.08); backdrop-filter: blur(28px);}


header {z-index: 111; width: 100%; border-radius: 12px; margin-top: 20px; position: fixed; left: 0; right: 0; top: 0; background:rgba(255, 255, 255, 0.08); backdrop-filter: blur(28px);}
.navbar-brand {padding: 0px;}
header .navbar{padding: 15px 0px;}
.navbar-collapse {flex-grow: unset;}
.navbar-nav .nav-item {margin-left: 10px; font-weight: 500;}
.navbar-toggler-icon {filter: brightness(0) invert(1);}
.navbar-toggler{padding: 0px; border: none;}
.navbar-toggler:focus {box-shadow: none;}
.nav-link {color: #fff; font-size: 14px;}
header .nav-link.active{color: #fff !important;}
.nav-link:hover{color: #fff;}
.nav-link:focus{color: #fff;}

.btn_style{color: #000; transition: all .3s; background: #fff; border:none; font-weight: 500; display: inline-block; padding: 7px 20px; text-align: center; border-radius: 50px;}
.RegisterBorderBg{color: #fff; display: inline-block; margin: auto; justify-content: center;  border-radius: 30px;padding: 2px; background-image: linear-gradient(#9275d1, #ab8bf0); z-index: 1; position: relative;}
.light_btn{color: #fff; margin: auto; justify-content: center; font-size: 16px; border-radius: 30px; font-weight: 500; text-align: center; align-items: center; padding: 7px 20px; background-image: linear-gradient(#9275d1, #940CE9);}
.light_btn:hover{background-image: linear-gradient(#940CE9, #9275d1); color: #fff;}

.LoginBorderBg{color: #fff; display: inline-block; margin: auto; justify-content: center;  border-radius: 30px;padding: 2px; background: linear-gradient(90deg,#9275d1 17%, #000 62%);}
.LoginBorderBg:hover{background: linear-gradient(90deg,#9275d1 17%, #9275d1 62%);}
.Login_light_btn{color: #fff; margin: auto; justify-content: center; font-size: 16px; border-radius: 30px; font-weight: 500; text-align: center; align-items: center; padding: 7px 20px; background:#000;}
.Login_light_btn:hover{background-image: #000; color: #fff;}
.LoginIcon{width: 20px; margin-left: 7px;}

.border_btn:hover::after{content: "\f135"; animation: slideRight 1s linear infinite; color: #fff; font-family: bootstrap-icons !important; position: absolute; right: 10px; top: 2.5px; font-size: 26px;}
@keyframes slideRight {
  0% {
    left: 70px;
  }
  100% {
    left: 80px;
  }
}

.big_btn{padding: 12px 40px; font-size: 20px;}
.border_btn{font-size: 16px;font-weight: 500; color: #D2D2D2; padding:9px; background:transparent;}
.border_btn:hover{color: #fff; background: transparent;}
.HeaderPadding{padding-top: 100px;}


.banner_animation{animation: upDown 2s infinite ease-in-out; z-index: 1; position: relative;}
@keyframes upDown {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-20px);
    }
  }
.BannerTopHeading{background:#000; color: #9275d1; position: relative; padding:10px 40px; border-radius:30px; display: inline-block;}
.BannerTopHeading::after{content: ""; position: absolute; left: -1.5px; top: -1px; bottom: -1px; right: 0; z-index: -1; background: linear-gradient(90deg,#9275d1 17%, #000 62%); border-radius:30px; display: inline-block;}

.BannerBg{background:url(../img/BannerBg.png) no-repeat; background-size: 100% 100%; position: relative;;}
.BannerHrading h2{font-size: 45px; background-image: linear-gradient(to bottom,#FFFFFF, #9F0BD6); -webkit-background-clip:text; -webkit-text-fill-color: transparent;}
.BannerHrading p{font-size: 16px; max-width: 680px; color: rgba(255, 255, 255, 0.62); margin: auto;}
.BannerBg::after {content: ""; position: absolute; width: 100%; left: 0; right: 0; background:linear-gradient(0deg, #000 20%, rgba(0, 0, 0, 0) 100%); height: 25%; bottom: 0px;}

.AllHeading h6{color: #9275d1; font-weight: 500; font-size: 18px;}
.AllHeading h2{font-size: 45px; font-weight: 600; color: #FFFFFF;}
.AllHeading h2 span{background-image: linear-gradient(to bottom,#FFFFFF 5%, #9F0BD6 62%); -webkit-background-clip:text; -webkit-text-fill-color: transparent;}
.AllHeading p{color: rgba(255, 255, 255, 0.62); margin: 0px;}

.AboutImage{width: 100%;}
.MissionBg{background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.17); backdrop-filter: blur(84px); border-radius: 7px; padding: 10px}
.MissionIcon{width: 40px; margin-right: 15px;}
.MissionHeading{font-weight: 600; font-size: 22px;}
.MissionPara{color: rgba(255, 255, 255, 0.62); margin: 0px;}

.FeaturesRing{max-width: 700px; z-index: -1; position: absolute; margin:auto; right: 0; left: 0;}
.FeaturesRingShadow {width: 400px; height: 400px; border-radius:50%; background:#2F20FF80; filter: blur(183px); position: absolute; z-index: -1; opacity: 0.5; margin:auto; left: 0; right: 0; top: 190px;}
.FeaturesBg{background:url(../img/FeatureBg.png) no-repeat; background-size: 100% 100%; border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 25px; padding: 40px 50px;}
.FeaturesImage{max-width: 500px; margin:auto; display: block; z-index: -1; position: relative; animation: upDown 2s infinite ease-in-out;}
.AutomationOne{position: absolute; top: 7px; left: -125px;}
.AutomationTwo{position: absolute; bottom: -15px; right: -25px;}
.StarIcon{width: 25px; margin-right: 15px;}
.FeaturesPositionHeading{background:#0D0D0D; position: relative; padding: 7px 16px; border-radius:30px; display: inline-block; }
.FeaturesPositionHeading::after{content: ""; position: absolute; left: -1.5px; top: -1px; bottom: -1px; right: 0; z-index: -1; background: linear-gradient(90deg,#9275d1 17%, #0D0D0D 62%); border-radius:30px; display: inline-block;}
.FeaturesPositionBottomHeading{background:#0D0D0D; position: relative; padding: 7px 16px; border-radius:15px; display: inline-block;}
.FeaturesPositionBottomHeading::after{content: ""; position: absolute; left: -1.5px; top: -1px; bottom: -1px; right: 0; z-index: -1; background: linear-gradient(90deg,#9275d1 17%, #0D0D0D 62%); border-radius:15px; display: inline-block;}
.FeaturesInnerBg{background: rgba(14, 13, 19, 0.5); backdrop-filter: blur(68px); height: 235px; border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 25px; padding: 15px;}


.FutureTrendsbg{background: transparent; border-radius: 12px; padding: 10px; z-index: 1; position: relative;}
.FutureTrendsbg:hover{background-image: linear-gradient(rgba(167, 96, 236, 0.5), rgba(167, 96, 236, 0.1));}


.plusminus{position: absolute; z-index: 1; padding: 10px; display: flex; align-items: center; justify-content: center; right: 0px; font-size: 16px; top: 0px; color: #fff;}
.accordion_head {cursor: pointer; padding: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.25); transition: all .25s;  position: relative; padding-right: 34px !important; font-size: 17px; font-weight: 500;}
.faq_point{position: absolute; left: 0; top:0}
.accordion_border{position: relative; overflow: hidden; margin-bottom: 10px;}
.accordion_body{display:none; padding: 10px;}
.accordion_body p{margin-bottom: 0px; padding: 0px 20px; width: 100%; font-weight: 300; color: rgba(255, 255, 255, 0.62);}
.faq_open{display: block;}
.faq_box{max-width: 100%; margin: auto;}
.accordion-item {text-align: left; margin-bottom: 10px; position: relative; width: 100%;  display: block; border: 1px solid #ffffff26 !important; border-radius: 10px; background: transparent; color: #fff;}


.TradeBg{max-width: 600px; position: absolute; margin:auto; right: 0; left: 0; top: -180px; z-index: -1;}
.TradeParaWidth{max-width: 600px; margin: auto !important; display: block;}

footer{margin-top: 80px;}
.FooterLogo{width: 220px; margin:auto; display: block;}
.FooterShadowLien {height: 1px; z-index: 11; position: relative; background:radial-gradient(circle, #fff 0, transparent 100%); width: 100%;}
.FooterCopyRight{margin: 0px; font-weight: 400; color: rgba(255, 255, 255, 0.62);}
.FooterBorder{height: 1px; background:rgba(255, 255, 255, 0.62) ;}
.TextRight{text-align: right;}


.swiper-slide {background-position: center;background-size: cover;width: 340px; background: #040412;height: auto;position: relative;overflow: hidden; border-radius: 21px;}
.swiper-slide img {display: block; width: 100%; border-radius: inherit; object-fit: cover; transition: all 0.2s ease;}
.swiper-slide.swiper-slide-active{background: #13171F;}
.swiper-slide.swiper-slide-prev{background: #171726;}
.swiper-slide.swiper-slide-next{background: #171726;}

.swiper-slide.swiper-slide-visible.swiper-slide-prev::before{content: ""; position: absolute; top: 0rem; right: 0; width: 200px; height: 200px;border-radius:100%; background-color: #D3A5FF78; filter: blur(125px);}
.swiper-slide.swiper-slide-visible.swiper-slide-next::before{content: ""; position: absolute; top: 0rem; left: 0; width: 200px; height: 200px;border-radius:100%; background-color: #D3A5FF78; filter: blur(125px);}
.swiper-slide.swiper-slide-visible.swiper-slide-active::before{display: none;}
.swiper-slide.swiper-slide-visible::before{content: ""; position: absolute; top: 0rem; right: 0; width: 200px; height: 200px;border-radius:100%; background-color: #D9D9D9AD ; filter: blur(125px);}


.PlanBg{border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 25px; padding: 20px;}
.PlanHeading{font-weight: 600; font-size: 18px;}
.Plan_Price_heading{font-weight: 600; font-size: 30px;}
.Plan_Price_heading span{font-weight: 400; font-size: 22px; color:rgba(255, 255, 255, 0.70)}
.plan_star {width: 20px;}

.ContactBg{background: rgba(14, 13, 19, 0.5); backdrop-filter: blur(68px); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 25px; padding: 20px 30px;}
.contact_icon_bg{background: #FFFFFF ; height: 35px; width: 35px; border-radius: 30px; margin-right: 15px; display: flex; align-items: center; justify-content: center;}
.contact_no{color: #fff; font-weight: 500; margin: 0px;}
.contact_icon_bg i{color: #940CE9 ; font-size: 18px;}

.form-control{color: #fff; background-color: rgba(255, 255, 255, 0.1); border: 1px solid #525255; border-radius: 8px; font-size: 14px; font-weight: 400; padding: 10px 20px;}
.form-control:focus {box-shadow: none; background-color: rgba(255, 255, 255, 0.1); border: 1px solid #525255; color: #fff;}
.form-control::placeholder{color: #ccc;}



.max-500{max-width: 500px;}