*{margin:0px; padding:0px;}


html{overflow-x: hidden;}
body{overflow-x: hidden; font-weight: 400;  font-family: "Open Sans", sans-serif; color: #A3A3A3; background: #000; font-size: 15px;}
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;}



.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; 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}
.overlayContent img{width:150px;}

header{padding-top: 20px; z-index: 1111; padding-bottom: 20px;  position: absolute; left: 0; right:0; }

header.menu_fixed .brand-logo{max-width: 140px;}
header.menu_fixed{background: #000; position: fixed; padding-top: 10px; padding-bottom: 10px;}
.brand-logo{max-width: 120px; margin-right: 20px; transition: all 0.4s; position: relative;}
.brand-logo img{width: 120px;}
.mobile_menu_logo{width: 100px;}
header .navbar{padding: 0px;}
.pb-6 {padding-bottom: 4rem !important;}
.pt-6 {padding-top: 4rem !important;}
.pb-7 {padding-bottom: 5rem !important;}
.pt-7 {padding-top: 5rem !important;}
.pb-8 {padding-bottom: 6rem !important;}
.pt-8 {padding-top: 6rem !important;}

.fs-7{font-size: .9rem !important;}
.fs-8{font-size: .8rem !important;}

.menu_box_outer{width: 100%; background-image: linear-gradient(90deg, #7C7C7C, #000 50%, #7C7C7C); padding: 1px; border-radius: 10px;}
.menu_box_inner{background: #000; padding: 10px; border-radius: inherit;}

.max-60{max-width: 60px;}
.max-100{max-width: 100px;}
.max-200{max-width: 200px;}
.max-300{max-width: 300px;}
.max-400{max-width: 400px;}
.max-500{max-width: 500px;}
.max-600{max-width: 600px;}
.max-600{max-width: 600px;}
.max-700{max-width: 700px;}
.max-800{max-width: 800px;}
.max-900{max-width: 900px;}
.max-1000{max-width: 1000px;}
.max-1100{max-width: 1100px;}

.pointer{cursor: pointer;}

.opacity-10{opacity: .10;}
.opacity-20{opacity: .20;}
.opacity-30{opacity: .30;}

.header_padding{padding-top: 50px;}


.btn_style{border: none;color: #fff; font-weight: 600; text-align: center; display: inline-block; font-size: 14px; padding: 10px 30px; text-align: center; border-radius: 5px;  background:#19AA4D;}
.btn_style:hover {background: #fff; color: #000;}
.btn_style.white_btn{color: #000; background:#fff;}
.btn_style.white_btn:hover {background: #19AA4D; color: #fff;}


.heading_text{display: block;}
.heading_text h2{font-size:45px; font-weight: 700;}
.heading_text p{margin-bottom: 0px; font-size: 16px;}
.heading_middle{max-width: 800px; margin: auto; text-align: center;}
.heading_width{max-width: 900px;}

.color_1B793D{color: #1B793D !important;}
.color_19AA4D{color: #19AA4D !important;}

.Banner_video{position: absolute; left: 0;  right: 0; top: 0;}
.Banner_video::before{content: ""; background-image: linear-gradient(to right, #000, #000 40%, transparent); position: absolute; left: 0; right: 0; top:0; bottom: 0;}
.Banner_video video{width: 100%;}
.banner-section {display: flex; align-items: center; justify-content: center; height: calc(100vh - 0px); position: relative; }
.banner-content h1{font-size: 56px; font-weight: 700;}

.Banner_Top_Heading {display: inline-flex; align-items: center; gap: 20px; background: #1B793D; color: #fff; padding: 8px 0px 8px 20px; border-radius: 40px; font-size: 16px; text-decoration: none;}
.Banner_Top_Heading .arrow i {background: #104D26; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; margin-right: 10px;}

.banner_img{max-width: 700px; position: absolute; right: -110px; top: 20px;}

.about_bg{background: url(../img/about-bg.png) no-repeat; background-size: 100% 100%; border-radius: inherit; padding: 35px 80px;}
.about_icon{max-width: 400px; position: relative;}
.about_shadow {border-radius: 50%; background-image: radial-gradient(#AED13C, #32B120, #32B120); opacity: 0.6; filter: blur(75px); position: absolute; right: 0; top: 0; bottom: 0; z-index: 0; height: 250px; width: 250px; left: 60px; margin: auto;}
.about_box_shadow{box-shadow: 0px 0px 40px 0px rgba(27, 121, 61, 0.43);}

.value_no{max-width: 80px; position: absolute; left: 0; opacity: 0.32;}
.small_heading_text h4{font-size:26px; font-weight: 700;}
.small_heading_text p{margin-bottom: 0px; font-size: 15px;}
.small_heading_text_padding{position: relative; padding: 67px 0px 20px 50px;}
.value_shadow_one {border-radius: 50%; background-image: radial-gradient(#AED13C, #32B120, #32B120); opacity: 0.13; filter: blur(75px); position: absolute; top: 120px; z-index: 0; height: 600px; width: 600px; left: -300px;}
.value_shadow_two {border-radius: 50%; background-image: radial-gradient(#AED13C, #32B120, #32B120); opacity: 0.13; filter: blur(75px); position: absolute; top: 200px; z-index: 0; height: 600px; width: 600px; right: -300px;}

.promotion_shadow_one {border-radius: 50%; background-image: radial-gradient(#AED13C, #32B120, #32B120); opacity: 0.3; filter: blur(75px); position: absolute; top: -100px; z-index: 0; height: 300px; width: 300px; left: -50px;}
.promotion_shadow_two {border-radius: 50%; background-image: radial-gradient(#AED13C, #32B120, #32B120); opacity: 0.3; filter: blur(75px); position: absolute; bottom: -100px; z-index: 0; height: 300px; width: 300px; right: -50px;}

.benifits_bg{background: url(../img/benifits.png) no-repeat right bottom; background-size: contain;}
.benifits_text_bg{background-image: linear-gradient(to right, #104D26, #000, #000); padding: 20px; border-radius: 10px;}

.icon-30{width: 30px;}
.icon-60{width: 60px; margin-right: 30px;}
.benifits_icon_bg { height: 50px; width: 50px; background-image: radial-gradient(#20B13A, #20B13A, #1B793D); border-radius: 6px;}

.dashboard_shadow {border-radius: 50%; background-image: radial-gradient(#AED13C, #32B120, #32B120); opacity: 0.3; filter: blur(75px); position: absolute; right: 0; top: 200px; bottom: 0; z-index: -1; height: 350px; width: 500px; left: 0px; margin: auto;}
.dashboard_icon_bg{background: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.30); border-radius: 14px; width: 220px; padding: 10px;}

.mt5_shadow {border-radius: 50%; background-image: radial-gradient(#AED13C, #32B120, #32B120); opacity: 0.3; filter: blur(75px); position: absolute; right: 0; top: 0px; bottom: 0; z-index: -1; height: 200px; width: 200px;}

.faq_video{z-index: -1;}
.faq_video::before{background: rgba(0, 0, 0, 0.8); position: absolute; top:0; bottom:0; left: 0; right: 0;}

.accordion_border_main{max-width: 100%; margin: auto;}
.plusminus{position: absolute; z-index: 1; right: 20px; font-size: 20px; top: 19px;  height: 28px;  text-align: center;}
.accordion_head {cursor: pointer; font-size: 16px; color: #fff;  position: relative; padding-right: 34px !important; font-weight: 600; padding: 20px 18px;}
.faq_point{position: absolute; left: 0; top:0}
.accordion_border{position: relative; overflow: hidden; background: rgba(255, 255, 255, 0.10); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); border-radius: 5px; margin-bottom: 20px;}
.accordion_border.active{background-image: linear-gradient(to right, #104D26, #000);  border-bottom: none;}
.accordion_border_main .active .accordion_head{border-bottom: none;}
.accordion_body{display:none; padding: 0px 20px 20px 20px; backdrop-filter: blur(10px);}
.accordion_body p{margin-bottom: 0px; font-size: 14px;  font-weight: 400; width: 100%;}
.faq_open{display: block;}


.footer_logo{width: 500px; margin: auto; display: block;}
.shadow_lien {height: 1px; background: radial-gradient(circle, #ffffff6f 0%, transparent 100%); margin-bottom: 10px;}
.footer_icon_one{width: 300px; position: absolute; left: -160px; bottom: 18px; opacity: 0.30;}
.footer_icon_two{width: 300px; position: absolute; right: -160px; bottom: 18px; opacity: 0.30;}