@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}




body{overflow-x: hidden; font-size: 15px; background-color: #000; font-family: 'B612'; 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;}



.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: #000; 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:120px;}


.Header_section{padding:15px;}
header.menu_fixed {z-index: 1111; background: rgba(0, 0, 0, 0.3); position: fixed; left: 0; right: 0; backdrop-filter: blur(40px);}

header {z-index: 111; width: 100%; position: fixed; left: 0; right: 0; top: 0; }
.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;}


.RegisterBg::before {background-color: initial; background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0.2) 100%); border-radius: 125px; content: ""; height: 52%; left: 0%; opacity: .5; position: absolute; top: 0px; transition: all .3s; width: 100%;}
.RegisterBg {background:#9C8737; border: 0; border-radius: 56px; color: #fff; cursor: pointer; display: inline-block; font-size: 16px; font-weight: 700; outline: 0; padding: 9px 30px; position: relative; text-align: center; text-decoration: none; transition: all .3s; user-select: none; -webkit-user-select: none; touch-action: manipulation; font-size: 16px; overflow: hidden;}
.RegisterBg:hover {box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px; color: #fff;}
.RegisterBg:hover::before{height: 100%;}

.big_btn{padding: 12px 40px; font-size: 20px;}
.border_btn{font-size: 16px; font-weight: 500; color: #fff; background: rgba(255, 255, 255, 0.15); border-radius: 30px; padding: 7px 27px; border: 1.5px solid rgba(255, 255, 255, 0.05); font-family: 'Cabin';}
.border_btn:hover{color: #fff; font-weight: 700;  background: rgba(255, 255, 255, 0.15); border: 1.5px solid #9C8737;}
.dark_btn{background: #1e72fd; color: #fff;}
.gradient_btn{color: #fff; background-image: linear-gradient(to right, rgba(118, 176, 207, 0.9) 0%, #436cde 51%, rgba(118, 176, 207, 0.9) 100%); background-size: 200% 100%;}
.gradient_btn:hover{background-position: 100% 0; color: #fff; transform: unset;}
.HeaderPadding{padding-top: 120px;}


.BannerBg{background: url(../img/BannerBg.png) no-repeat; position: relative; background-size: 100% 100%; border-bottom: 4px solid #BDAB5A;}
.BannerRobot{max-width: 500px; float: right;}
.BannerHeading h4{font-weight: 700; font-size: 18px; color: #BDAB5A;}
.BannerHeading h2{font-family: 'Cabin'; font-weight: 700; font-size: 50px; color: #fff;}
.BannerHeading h2 span { background-image: linear-gradient(to right, #BFAB57, #E0D589, #F5F3AE, #9C8737, #BDAB5A, #8F8042, #534718, #6F6638,#BFAB57, #E0D589, #F5F3AE, #9C8737, #BDAB5A, #8F8042, #534718, #6F6638, #BFAB57); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.BannerHeading p{font-weight: 400;font-size: 14px; line-height: 30px;}

.AllHeading{z-index: 11; position: relative;}
.AllHeading h4{font-weight: 700; font-size: 18px; color: #BDAB5A;}
.AllHeading h2{font-family: 'Cabin'; font-weight: 700; font-size: 42px; color: #fff;}
.AllHeading h2 span{color: #BDAB5A;}
.AboutPara{margin: 0px; font-weight: 300; font-size: 15px; line-height: 30px; color: #fff;}
.AboutIcon{width: 70px; margin-bottom: 40px;}
.AboutInnerPara{font-weight: 700; font-size: 30px; font-family: 'Cabin'; color: #fff;}

.FeaturesBg{background: #111; border-radius: 10px; padding: 40px 30px;}
.FeaturesInnerBg{background: #000; border: 1px solid rgba(255, 255, 255, 0.5); padding: 10px 20px; border-radius: 5px;}
.FeaturesInnerIcon {margin-right: 12px; width: 25px; filter: brightness(0) invert(1);}
.FeaturesInnerHeading {color: #fff; font-weight: 600; font-size: 16px; margin: 0px; font-family: 'Cabin';}
.FeaturesInnerPara {margin: 0px; font-weight: 300; font-size: 14px; line-height: 25px; color: #fff;}
.FeaturesInnerBg:hover{box-shadow: 0px 0px 10px -5px #fff;}
.FeaturesInnerBg:hover .FeaturesInnerIcon{filter: unset;}
.FeaturesInnerBg:hover .FeaturesInnerHeading{color: #BDAB5A;}

.WhyChooseHeading h2{font-family: 'Cabin'; font-weight: 700; font-size: 40px; color: #fff;}
.WhyChooseHeading h2 span { background-image: linear-gradient(to right, #BFAB57, #E0D589, #F5F3AE, #9C8737, #BDAB5A, #8F8042, #534718, #6F6638,#BFAB57, #E0D589, #F5F3AE, #9C8737, #BDAB5A, #8F8042, #534718, #6F6638, #BFAB57); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.WhyChooseBg{border: 1px solid #9C8737; border-radius: 10px; padding: 15px;}
.WhyChooseNoBg{height: 45px; width: 45px; padding: 6px; background: #4F4F4F; border-radius: 7px; margin-bottom: 20px;}
.WhyChooseNoBg p{color: #fff; font-family: 'Cabin'; font-size: 22px; font-weight: 700; text-align: center; margin: 0px;}
.ChooseShadowOne{position: absolute; left: 0px; top: 0px; width: 400px; z-index: -1;}
.ChooseShadowTwo{position: absolute; right: 0px; top: 0px; width: 400px; z-index: -1;}

.OpportunitiesImage{width: 100%; z-index: 1; position: relative;}
.OpportunitiesShadowOne{position: absolute; left: 0px; top: 0px; width: 800px; border-radius: 10px;}
.OpportunitiesShadowTwo{position: absolute; right: 0px; bottom: 0px; width: 800px;border-radius: 10px;}

.Opportunities_list{list-style: none; padding: 0px; margin: 0px;}
.Opportunities_list li{ padding-right: 15px; padding-left: 30px; position: relative; margin-bottom: 10px;}
.Opportunities_list li::before{content: "\f4f4"; color: #BDAB5A; font-family: bootstrap-icons !important; position: absolute; left: 0; top: 0px;}
.Opportunities_list li:last-child{margin-bottom: 0;}
.OpportunitiesPadding{padding: 0px 60px;}

.AnalyseBg{border: 1px solid #BDAB5A; padding: 15px;}
.AnalyseHeading {color: #fff; font-weight: 700; font-size: 18px; margin: 0px; font-family: 'Cabin';}
.AnalyseIconBg{background-image: linear-gradient(90deg, #6F6638, #9C8737, #BDAB5A); transform-style: preserve-3d; transition: transform 0.6s; padding: 17px; height: 75px; width: 75px; border-radius: 50px;}
.AnalyseIconBg img{height: 40px; width: 40px;}
.AnalyseBg:hover .AnalyseIconBg{transform: rotateY(360deg);}


.Relative{position: relative;}
.Margin_0{margin: 0px;}
.TextAlign{text-align: center;}



.FaqBg{background: url(../img/FaqShadow.png) no-repeat; background-size: 100% 100%;}

.FaqImage{width: 450px;}

.plusminus{position: absolute; z-index: 1; padding: 18px 20px; display: flex; align-items: center; justify-content: center; right: 0px; font-size: 16px; top: 0px; color: #fff;}
.accordion_head {cursor: pointer; padding: 20px 30px; font-family: 'Cabin'; background-image: linear-gradient(to right, #282828 , #111111); transition: all .25s;  position: relative; padding-right: 40px !important; font-size: 17px; font-weight: 400;}
.faq_point{position: absolute; left: 0; top:0}
.accordion_border{position: relative; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 5px;  overflow: hidden; margin-bottom: 20px;}
.accordion_body{display:none; padding: 20px 30px; background-image: linear-gradient(to right, #282828 , #111111)}
.accordion_body p{margin-bottom: 0px; width: 100%; font-weight: 300; color: rgba(255, 255, 255, 0.8); font-size: 15px;}
.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;}
.faq_btn {background: transparent; font-size: 18px; font-weight: 500; text-align: left; color: #fff; display: block; width: 100%; border: none; padding: 20px; padding-right: 34px;}
.faq_btn::before { position: absolute; right: 15px; top: 19px;}

.accordion-collapse{color: #b2b2b2; padding: 15px 15px; padding-top: 0;}
.accordion-button:not(.collapsed) {color: #fff;}
.accordion-item:last-child{border-bottom: none;}

.accordion_border img{background-image: linear-gradient( #BFAB57 , #9C8737); width: 30px; height: 30px; border-radius: 20px; padding: 9px;}

.FutureBg{background: url(../img/FutureBg.png) no-repeat; background-size: 100% 100%; border-radius: 15px; padding: 50px 40px;}


footer{background: #0D0D0D; border-radius: 100px 100px 0px 0px; border-top: 4px solid #BDAB5A;}
.FooterLogo{width: 120px; margin: auto; display: block;}
.FooterCopyRight{margin: 0px; text-align: center; font-family: 'Cabin'; font-weight: 400; font-size: 14px; color: #fff;}
.FooterCopyRight span{color: #BDAB5A;}


