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


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

.navbar-collapse {flex-grow: unset;}
.navbar {padding: 0px;}
.navbar-toggler-icon {filter: brightness(0) invert(1);}
.navbar-toggler {padding: 0; border: none !important;}
.navbar-toggler:focus {text-decoration: none; outline: 0; box-shadow: none; border: 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: #fff; 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:250px;}

header{padding: 10px 0px; z-index: 1111; background: #fff; left: 0; right:0; padding: 15px 0px; box-shadow: 0px 0px 10px #8b8d8c8a;}

header.menu_fixed .brand-logo{max-width: 140px;}
header.menu_fixed{background: #fff; position: fixed;}
.brand-logo{max-width: 140px; margin-right: 20px; transition: all 0.4s; position: relative;}
.brand-logo img{width:220px;}
.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%; padding: 1px; border-radius: 10px;}
.menu_box_inner{padding: 12px 20px; border-radius: 20px; background: rgba(255, 255, 255, 0.11); backdrop-filter: blur(10px);}

.max-60{max-width: 60px;}
.max-100{max-width: 100px;}
.max-200{max-width: 200px;}
.max-300{max-width: 300px;}
.max-350{max-width: 350px;}
.max-400{max-width: 400px;}
.max-450{max-width: 450px;}
.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;}

.icon-20{width: 20px;}
.icon-30{width: 30px;}
.icon-40{width: 40px;}
.icon-50{width: 50px;}
.icon-60{width: 60px;}
.icon-70{width: 70px;}

.pointer{cursor: pointer;}

.opacity-10{opacity: .10;}
.opacity-20{opacity: .20;}
.opacity-30{opacity: .30;}
.opacity-40{opacity: .40;}
.opacity-50{opacity: .50;}
.opacity-80{opacity: .80;}

.header_padding{padding-top: 200px;}



.btn_style{color: #fff; font-weight: 500; text-align: center; display: inline-block; font-size: 16px; padding: 8px 25px; text-align: center; border-radius: 30px; background:#04bb74;}
.btn_style:hover {color: #fff; background: #000;}
.btn_style.white_btn {color: #fff; background: #000;}
.btn_style.white_btn:hover {color: #fff; background:#04bb74;}

.color_04bb74{color: #04bb74;}
.color_2BF225{color: #013622;}
.theme_background{background: #013622 !important; z-index: 1;}
.bg_cccccc3d{background: #cccccc3d;}



.banner_section{background: url(../img/banner-bg.jpg) no-repeat; background-size: 100% 100%;}
.banner_opacity{background: rgba(0, 0, 0, 0.7);}

.banner_heading h6 {color: #04bb74; font-size: 19px; font-weight: 500; background: #ffffff26; display: inline-block; padding: 8px 20px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.10);}
.banner_heading h1{font-size: 65px; color: #fff;}
.banner_heading p{font-size: 17px; color: #fff;}

.heading_text h2{font-size: 36px; font-weight: 600;}
.heading_text h6{font-weight: 700; text-transform: uppercase; line-height: 30px; letter-spacing: 5px; color: #04bb74;}
.heading_text.heading_middle p{margin-bottom: 0px; width: 80%;}
.heading_text p{color: #000;}
.top_service_box{background: #fff; min-height: 274px; padding: 20px; border-radius: 10px;}
.top_service_box img{width: 60px; margin-bottom: 20px;}
.heading_middle{max-width: 1000px; margin: auto; text-align: center;}
.box_bg_graph {opacity: .4; z-index: -1; position: absolute; top: -90px; left: 0; right: 0; bottom: 0; width: 100%;}

.md_container{max-width: 1150px;}
.ciricle-logo_left{text-align: right;  margin-top: 65px;}
.ciricle-logo_right{text-align: left;  margin-top: 65px;}
.about_img_width{max-width: 100%; height: auto;}


.shadow_before::before{content: ""; left: 0; right: 0; position: absolute; top: -200px; width: 650px; margin: auto; height:350px; z-index: -1; border-radius: 50%; background: #409edb47; filter: blur(125px);}
.check_list{padding: 0px; margin: 0px; list-style: none;}
.check_list li{position: relative; padding-left: 35px; margin-bottom: 20px;}
.check_list li::before{content: ""; background: url(../img/checkmark.svg) no-repeat; background-size: cover; height: 20px; width: 20px; position: absolute; left: 0; top: 0; font-size: 19px;}
.check_list li:last-child{margin-bottom: 0px;}

.grade_security_box{border-radius: 15px; box-shadow: 0px 8px 32px rgba(36, 49, 61, 0.12); background: linear-gradient(to right, #04bb74, #06a267); overflow: hidden; padding: 1px;}
.grade_security_box.bg_reverse{background: linear-gradient(to left, #04bb74, #06a267);}
.grade_security_box_inner{background: #fff; padding: 20px 20px; border-radius: 15px;}
.grade_security_box img{width: 45px;}

.step_circle{background: #04bb74; box-shadow: 0px 0px 20px #04bb75ae; margin: auto; display: block; color: #fff; font-size: 35px; font-weight: 600; padding: 5px; border-radius: 100px; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center;}
.step_box{padding: 0px 20px; position: relative;}
.long-Arrow{width: 70%; position: absolute; top: 25px; left: 239px; right: 0; margin: auto;}

.accordion_border_main{max-width: 100%; margin: auto;}
.plusminus{position: absolute; z-index: 1; right: 18px; font-size: 25px; top: 14px;  height: 28px;  text-align: center;}
.accordion_head {cursor: pointer; font-size: 17px; color: #013622;  position: relative; padding-right: 34px !important; font-weight: 500; padding: 20px 18px;}
.faq_point{position: absolute; left: 0; top:0}
.accordion_border{position: relative; overflow: hidden; background: transparent; border: 1px solid #04bb74; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); border-radius: 5px; margin-bottom: 20px;}
.accordion_border.active{background: transparent; border: 1px solid #04bb74;}
.accordion_border_main .active .accordion_head{border-bottom: none;}
.accordion_body{display:none; padding: 0px 20px 20px 20px;}
.accordion_body p{margin-bottom: 0px; font-size: 16px;  font-weight: 400; width: 100%; color: rgba(0, 0, 0, 0.7);}

footer{background: #013622;}
.footer_logo{max-width: 250px;}
.footer_top_bg{background: url(../img/footer_bg.png) no-repeat; background-size: cover;}