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


body{ font-size: 15px; font-weight: 400; background-color: #020202; font-family: 'Poppins'; 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;}
.logo-dark{display: none;}

.menu_fixed .logo-dark{display: inline-block;}
.menu_fixed .logo-light{display: none;}

.Header_section img { width: 140px;}
.Header_section{padding:15px;}
header.menu_fixed {background:#fff; backdrop-filter: blur(28px); transition: all 0.4s;}

header.menu_fixed .HeaderTopBg{display: none;}

header {z-index: 111; width: 100%; position: fixed; left: 0; right: 0; top: 0; background:transparent;}
.navbar-brand {padding: 0px;}
header .navbar{padding: 15px 0px; transition: all 0.4s; border-bottom: 0.5px solid rgba(255 ,255, 255, 0.5);}
.menu_fixed .navbar{padding: 12px 0px;}
.menu_fixed .HeaderTopBg{height: 0;}

.navbar-collapse {flex-grow: unset;}
.navbar-nav .nav-item {margin-left: 10px; font-weight: 500;}
.navbar-toggler-icon {filter: brightness(0) invert(1);}
.menu_fixed .navbar-toggler-icon {filter: brightness(0) invert(0);}

.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: #fff; position: relative; font-weight: 500; background-image: linear-gradient(to right, #D8202A 0%, #F15F4B 100%); background-size: 200% 100%; z-index: 1;border-radius: 5px; text-align: center; display: inline-block;  padding: 12px 30px; text-transform: uppercase; font-weight: 500;}
.btn_style:hover {background-position: 100% 0; color: #fff;}

.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: 110px;}

.HeaderTopBg{background: #fff; padding: 4px; transition: all 0.4s;}

.sticky_position{}
.sticky_box{box-sizing: border-box;
  overflow:hidden;
  position: -webkit-sticky;
  position: sticky;
  top: -50px;}

.sticky_1 {z-index: 6;}
.sticky_2 {z-index: 5;}
.sticky_3 {z-index: 4;}
.sticky_4 {z-index: 3;}
.sticky_5 {z-index: 2;}
.sticky_6 {z-index: 1;}

.morecontent span {display: none;}
.morelink {color: #F15F4B;display: inline-block;}
.morelink:hover{color: #F15F4B;}
.morelink:focus{color: #F15F4B;}

.HeaderTopBg p{color: #000; margin: 0px;}
.header_media {list-style: none; float: right; display: flex; gap: 8px; padding: 0px;}
.header_media li {display: inline-block;}
.header_media li a {color: #000; font-size: 16px; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center;}
.header_media li a:hover {color: #D8202A;}

.BannerBg{background:url(../img/BannerBg.png) no-repeat; background-size: 100% 100%; position: relative;}
.Bannerheading h2{font-family: 'Syne'; font-weight: 600; font-size: 50px;}
.Bannerheading p{margin: 0px; line-height: 30px;}
.BannerImage{max-width: 460px; margin: auto; display: block; animation: jerkMove 5s ease-in-out infinite;}
@keyframes jerkMove {
  0%   { transform: translateX(0); }
  20%  { transform: translateX(10px); }
  40%  { transform: translateX(-10px); }
  60%  { transform: translateX(5px); }
  80%  { transform: translateX(-5px); }
  100% { transform: translateX(0); }
}

.CryptoSafeLockBg{background: #fff; color: #000;}
.SafeLockHeading{font-weight: 700; font-family: 'Syne'; font-size: 40px; text-align: center;}
.SafeLockHeading span{color: #D8202A;}
.cryptologo{width: 120px;}
.CryptoImage{max-width: 600px; right: 0px; position: absolute; bottom: 0px;}
.CryptoHeading h4{font-size: 35px; text-transform: uppercase; font-weight: 600; line-height: 58px; margin: 0px;}
.CryptoHeading h3{font-size: 40px; text-transform: uppercase; font-weight: 600; color: #1A5FE5;}
.BannerPointIcon{width: 35px; margin-right: 10px;}
.BannerPointText{margin: 0px; font-weight: 600; color: #000; font-size: 16px;}
.BannerPointText span{color: #1B64F2;}


.CustomWalletBg{background: #161616; }
.CustomWalletHeading h3{font-weight: 700; font-size: 50px; text-transform: uppercase;}
.CustomWalletHeading h3 span{color: transparent; webkit-text-stroke: 1px #fff; -webkit-text-stroke: 1px #fff;}
.CustomWalletHeading p{font-weight: 300; color: #B5B5B5; line-height: 25px; margin: 0px;}
.CustomShadow{position: absolute; bottom: 0px; right: 0px; max-width: 500px;}
.CustomMobile{max-width: 500px; margin: auto; display: block; position: relative;}
.CustomToken{position: absolute; max-width: 300px; left: 0px; right: 185px; margin: auto; bottom: 30px;}

.ForexBg{background: #EEEEEE; color: #000;}
.ForexHeading h3{font-weight: 700; font-size: 50px; text-transform: uppercase;}
.ForexHeading h3 span{color: transparent; webkit-text-stroke: 1px #000; -webkit-text-stroke: 1px #000;}
.ForexHeading p{font-weight: 300; color: rgba(0, 0, 0, 0.8); line-height: 25px; margin: 0px;}
.ForexImage{width: 100%;}
.FeaturesHeading{font-weight: 700; text-transform: uppercase; font-size: 35px; color: #000;}
.Bullet{width: 14px; margin-right: 5px;}
.BulletPara{font-weight: 400; font-size: 14px; color: #000;}
   
.mlmImage{width: 100%; z-index: 1; position: relative;}
.Money{position: absolute; width: 600px; left: 0px; bottom: 0px;}

.SchoolManagementBg{background-image: linear-gradient(180deg, #FFFFFF, #93FFBF);}
.School{width: 100%;}
.SchoolHeading h3{font-weight: 700; color: #2FA55F; font-size: 50px; text-transform: uppercase;}
.SchoolHeading h3 span{color: transparent; webkit-text-stroke: 1px #2FA55F; -webkit-text-stroke: 1px #2FA55F;}
.SchoolHeading p{font-weight: 300; color: rgba(0, 0, 0, 0.8); line-height: 25px; margin: 0px;}

.SportBg{background: #030103; }
.SportsMobile{max-width: 500px; margin: auto; display: block; z-index: 1; position: relative;}
.SportsMobileBG{background:url(../img/SportsMobileBg.png) no-repeat; background-size: 100% 100%; position: absolute; top: 0px; bottom: 0px; right: 0px; width: 700px;}

.ServiceHeading h2 span{font-size: 40px; font-weight: 700; text-transform: uppercase; background: -webkit-linear-gradient(left, #D8202A , #F15F4B); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.ServiceHeading h2{color: #fff !important; text-transform: uppercase; font-size: 40px; font-weight: 700;}
.ServiceHeading p{color: #B5B5B5;}
.CryptoExchangeBg{background: rgba(255 ,255, 255, 0.1); border: 1px solid rgba(255 ,255, 255, 0.5); border-radius: 20px; padding: 20px;}
.CryptoPara{color: #fff; font-weight: 400; margin: 0px; font-size: 14px;}
.CryptoHeading{font-weight: 600; font-size: 20px; margin: 0px;}
.CryptoIcon{width: 20px; margin-right: 10px;}

.BestSolutionBg{background:url(../img/BestSolution.png) no-repeat; padding: 0px 30px; background-size: 100% 100%; border-radius: 30px;}
.TopNumber{color: #F15F4B; font-weight: 700; font-size: 100px;}
.contact_style{border: 2px solid #D8202A !important; margin: auto;  color: #fff; display: inline-block; align-items: center; justify-content: center; padding: 7px 30px; text-align: center; border-radius: 40px;  background:rgba(0, 0, 0, 0.5);}

.arrow_btn .arrow_btn_icon{transition: all 0.3s ease; transform: rotate(-30deg); margin-left: 10px; display: inline-block;  justify-content: center; color: #fff; border-radius: 50%;}
.contact_style.arrow_btn:hover{background: #D8202A; color: #fff; border: 2px solid #D8202A !important;}
.arrow_btn:hover .arrow_btn_icon{transform: rotate(0deg);}

.All_arrow_style{color: #fff; display: inline-block; align-items: center; text-transform: uppercase; font-weight: 500; justify-content: center; padding: 12px 25px; text-align: center; border-radius: 5px;  background-image: linear-gradient(to right, #D8202A 0%, #F15F4B 100%);}
.All_arrow_style:hover{background-image: linear-gradient(to right, #F15F4B 0%, #D8202A 100%); color: #fff;}
.line_btn_icon{margin-left: 12px; font-size: 16px;}



.FooterLogo{width: 220px; margin:auto; display: block;}
.FooterCopyRight{margin: 0px; font-weight: 400; color: #fff; text-align: center;}
footer::after {content: ""; position: absolute; width: 100%; left: 0; right: 0; background: linear-gradient(0deg, #F15F4B -53%, rgba(0, 0, 0, 0) 72%); height: 70%; bottom: -50px; z-index: -1; backdrop-filter: blur(70px); opacity: 0.3; border-radius: 50% 50% 0% 0%;}


.section-title {text-align: center; font-size: 2rem; font-weight: 700; margin-bottom: 2rem;}
.testimonial-carousel .item {background-image: linear-gradient(180deg, #101010, #1b1b1b, #2e2d2d, #2e2e2e); border-radius: 20px; padding: 20px; border:1px solid rgba(255 ,255, 255, 0.25); display: flex; flex-direction: column; justify-content: flex-start;}
.testimonial-carousel .avatar {width: 40px; height: 40px; border-radius: 50%; margin-bottom: 10px;}
.testimonial-carousel h4 {font-size: 16px; font-weight: 700; margin-bottom: 10px;}
.testimonial-carousel p {font-size: 14px; line-height: 1.5; font-weight: 400;}
.owl-nav button.owl-prev,
.owl-nav button.owl-next {background: #333; color: #fff; border: none; padding: 10px 15px; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%);}
.owl-nav button.owl-prev {left: 0px;}
.owl-nav button.owl-next {right: 0px;}
.owl-dots {text-align: center; margin-top: 20px;}
.owl-dot span {background: #fff; display: inline-block; width: 6px; height: 6px; margin: 5px; border-radius: 50%;}
.owl-dot.active span {background: #F15F4B; width: 30px; border-radius: 20px;}
.owl-carousel .owl-nav button.owl-next{background: #2D2D2D; height: 45px; border: none; padding: 0 !important; font: inherit; font-size: inherit; width: 45px; position: absolute; top: -50px; font-size: 20px;}
.owl-carousel .owl-nav button.owl-prev{background: #2D2D2D; height: 45px; border: none; padding: 0 !important; font: inherit; font-size: inherit; width: 45px; position: absolute; top: -50px; font-size: 20px;}
.owl-carousel .owl-item img { display: block; width: 40px !important;  margin-right: 15px;}


.modal-content {position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: rgba(0, 0, 0, 0.04); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 20px; opacity: 1; backdrop-filter: blur(150px); padding: 20px 40px;}
.close{height: 25px; width: 25px; position: absolute; right: 40px; top: 25px; cursor: pointer;}
.get_in_touch{color: #fff; font-weight: 600; font-size: 35px;}
.form-control{color: #fff; background-color: rgba(255, 255, 255, 0.22); border: none; border-radius: 18px; font-size: 14px; font-weight: 400; padding: 10px 20px;}
.form-control:focus {color: #fff; background-color: rgba(255, 255, 255, 0.22); border: 1px solid rgba(255 ,255, 255, 0.5); outline: 0; box-shadow: none;}
.form-control::placeholder{color: rgba(255 ,255, 255, 0.5);}
.contact_icon_bg{background: #FFD9D3; height: 30px; width: 30px; border-radius: 20px; margin-right: 15px; display: flex; align-items: center; justify-content: center;}
.contact_no{color: #F15F4B; font-weight: 500; margin: 0px;}
.contact_icon_bg i{color: #F15F4B; font-size: 16px;}
.modal-content::before{content: ""; width: 1px; background: #fff; height: 400px; position: absolute; right: 0px; margin: auto; top: 105px; left: 0;}
.contact_margin_right{padding-right: 50px;}
.contact_margin_left{padding-left: 50px;}


 .InputSelect {
      position: relative;
      display: inline-block;
      width: 100%;
    }

    .InputSelect select {
      width: 100%;
      padding: 10px 20px;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      background-color: rgba(255, 255, 255, 0.22);
      border: none;
      border-radius: 18px;
      color:#fff;
      font-size: 14px;
      cursor: pointer;
      
    }

.InputSelect::after {
      content: '▼';
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translateY(-50%);
      pointer-events: none;
      color: #fff;
      font-size: 12px;
    }

    .InputSelect select option{background-color: rgba(255, 255, 255, 0.22); color:#000;}


.right_floating_csm_btn{z-index: 11; padding: 0px; margin-bottom: 0px; position: fixed; right: 0px; top:30%; -webkit-transform: rotate(-90deg); transform-origin: bottom right;}
.right_floating_btn{padding: 13px 30px; font-weight: 500; font-size: 15px; color: #fff; display: inline-block; border-radius: 7px 7px 0px 0px; background-image: linear-gradient(to right, #D8202A 0%, #F15F4B 100%); background-size: 600%; animation: anime 16s linear infinite; text-transform: uppercase; }
.right_floating_btn:hover{background-position: 100% 0; color: #fff;}