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


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

.container{max-width: 1350px;}
.md_container{max-width: 1150px;}
.sm_container{max-width: 1000px;}

#return-to-top{display: flex; z-index: 11; justify-content: center;align-items: center; width: 40px; transition: all 0.3s ease; height: 40px; border-radius: 50%; position: fixed; right: 20px; bottom: 20px; background: #409edb; color: #fff;}
#return-to-top img{width: 13px; filter: brightness(0) invert(1);}

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

.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;}

.font-10{font-size: 10px !important;}
.font-11{font-size: 11px !important;}
.font-12{font-size: 12px !important;}
.font-13{font-size: 13px !important;}
.font-14{font-size: 14px !important;}
.font-15{font-size: 15px !important;}
.font-16{font-size: 16px !important;}
.font-17{font-size: 17px !important;}
.font-18{font-size: 18px !important;}
.font-19{font-size: 19px !important;}
.font-20{font-size: 20px !important;}
.font-21{font-size: 21px !important;}
.font-22{font-size: 22px !important;}
.font-23{font-size: 23px !important;}
.font-24{font-size: 24px !important;}
.font-25{font-size: 25px !important;}

.fw-400{font-weight: 400 !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;}

.icon_35{width: 35px;}
.icon_40{width: 40px;}
.icon_45{width: 45px;}
.icon_50{width: 50px;}
.icon_55{width: 55px;}
.icon_60{width: 60px;}

.theme_color{color: #28b0b2 !important;}
.theme_color_dark{color: #10088f !important;}
.theme_background{background: #10088f !important; z-index: 1;}

.section_bg{background: url(../img/section_bg.png) no-repeat; background-size: 100% 100%; background-position: 0px 0px;}
.section_bg2{background: url(../img/section_bg2.png) no-repeat; background-size: 100% 100%; background-position: 0px 0px;}
.section_bg3{background: url(../img/section_bg3.png) no-repeat; background-size: 100% 100%; background-position: 0px 0px;}


header{z-index: 1111; transition: all 0.4s; padding: 1.5rem 0rem; background: #fff; position: fixed; left: 0; right:0; }
header.menu_fixed{padding: 1rem 0rem;  background: #fff !important;}
.header_padding{padding-top: 80px;}

header.menu_fixed{background: #fff; box-shadow: 0px 8px 32px rgba(36,49,61,.4);}
header.home_header{background: transparent;}
header.home_header .site-menu-main .nav-link-item {color: #fff;}

.light_btn .btn_style{background: #fff; color: #1a2859;}
.light_btn .border_btn img{filter: brightness(0) invert(1);}
.light_btn .border_btn {background: transparent; border: 1px solid #fff;}
.light_btn .btn_style:hover {border: 1px solid #fff; background: transparent; color: #fff;}
.light_btn .border_btn:hover{background: #fff; color: #1a2859;}
.light_btn .border_btn:hover img{filter: unset;}
.home_header .site-header .mobile-menu-trigger span::before, .home_header .site-header .mobile-menu-trigger span::after {background-color: #fff;}
.home_header .site-header .mobile-menu-trigger span {background-color: #fff}

.home_header.menu_fixed .site-header .mobile-menu-trigger span::before, .home_header.menu_fixed .site-header .mobile-menu-trigger span::after {background-color: #000;}
.home_header.menu_fixed .site-header .mobile-menu-trigger span {background-color: #000}

.home_header.menu_fixed .light_btn .btn_style{background: #1a2859; color: #fff;}
.home_header.menu_fixed .light_btn .border_btn img{filter: unset;}
.home_header.menu_fixed .light_btn .border_btn {background: transparent; border: 1px solid #1a2859;}
.home_header.menu_fixed .light_btn .btn_style:hover {border: 1px solid #1a2859; background: transparent; color: #1a2859;}
.home_header.menu_fixed .light_btn .border_btn:hover{background: #1a2859; color: #fff;}
.home_header.menu_fixed .light_btn .border_btn:hover img{filter: brightness(0) invert(1);}
.home_header.menu_fixed .site-menu-main .nav-link-item {color: #1a2859;}

.home_header .logo_dark{display: none;}
.home_header.menu_fixed .logo_dark{display: inline-block;}
.home_header.menu_fixed .logo_light{display: none;}
header .navbar{padding: 0px;}


.btn_style{border: none;color: #fff; font-weight: 700; border: 1px solid transparent; display: inline-block; font-size: 14px; padding: 10px 20px; text-align: center; border-radius: 5px;  background: #1a2859;}
.btn_style:hover {border: 1px solid #1a2859; background: transparent; color: #1a2859;}
.border_btn{border: 1px solid #1a2859; background: transparent; color: #1a2859;}
.border_btn img{ width: 23px;}

.border_btn:hover{background: #1a2859; color: #fff;}
.border_btn:hover img{filter: brightness(0) invert(1);}


header .btn_style {padding: 7px 15px;}
header .btn_style.border_btn {padding:5px 9px;}


.heading_text h2{font-size: 36px; font-weight: 600;}
.heading_text h1{font-size: 40px; font-weight: 600;}
.heading_text h6{font-weight: 700; text-transform: uppercase; line-height: 30px; letter-spacing: 5px; color: #28b0b2;}
.heading_text.heading_middle p{margin-bottom: 0px; width: 80%;}
.heading_text p{color: #000;}
.heading_middle{max-width: 1000px; margin: auto; text-align: center;}
.heading_width{max-width: 1000px;}

.owl-theme .owl-nav [class*='owl-']:hover { background: #211425;  color: #FFF;  text-decoration: none; }
.owl-theme .owl-nav .disabled {cursor: default; display: none; opacity: .5;}
.owl-theme .owl-dots { display: flex; align-items: center; justify-content: center;}
.owl-theme .owl-dots .owl-dot {display: inline-block; zoom: 1; display: inline; }
.owl-theme .owl-dots .owl-dot {width: 14px; margin: 2px 3px; height:14px; border-radius: 10px; background-color:#ffffff61; border: none; display: block; -webkit-backface-visibility: visible;  transition: opacity 200ms ease; border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active {background: #fff;}
.dots_none .owl-dots{display: none;}

.banner_section{padding-top: 130px; z-index: 1; padding-bottom: 50px; background: url(../img/banner_bg.png) no-repeat top center; background-size: 100% 100%;}

.banner_content{max-width: 1150px; color: #fff; margin: auto; text-align: center;}
.banner_content h1, h2{font-weight: 600; font-size: 50px;}
.banner_content p{width: 80%; margin: auto;}
.banner_content .banner_img{width: 200px; margin-bottom: 20px;}

.button2_bg{background-color: #050675;}
.button2_bg:hover{border: 1px solid #050675; color: #fff;}
.btnbg_none{border: none !important; background: transparent;}

.banner_crypto_box{border: 1px solid #fff; text-align: center; padding: 10px 10px; border-radius: 50px;}
.banner_crypto_box img{width: 60px; height: 60px; margin: 0px 6px; border-radius: 50%;}
.banner_shadow{position: absolute; left: 0; right: 0; top: 0; width: 100%; z-index: -1;}

.top_service_box{background: #fff; min-height: 274px; padding: 20px; border-radius: 10px;}
.top_service_box img{width: 60px; margin-bottom: 20px;}

.box_bg_graph {opacity: .4; z-index: -1; position: absolute; top: -90px; left: 0; right: 0; bottom: 0; width: 100%;}

.theme_shadow{background: #fff; z-index: 1; box-shadow: 0px 8px 32px rgba(36,49,61,.4);}
.theme_shadow_bg{z-index: -1; min-height: 200px; position: absolute; left: 0; right: 0; top: 0;}
.theme_shadow_bg img{width: 100%;}

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

p{color: #4D4D4E;}
.about_img_width{max-width: 100%; height: auto;}
.check_list{padding: 0px; margin: 0px; list-style: none;}
.check_list li{position: relative; font-size: 15px; 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;}

.box-opacity-50{background-color: #FFFFFF52;}
.banner_list {display: flex; flex-wrap: wrap; list-style: none; padding: 0; gap: 8px; align-items: center;}
.banner_list li{background: #ffffff24; color: #fff; border-radius: 6px; font-weight: 500; padding: 5px 16px;}

.lien_tab.nav-tabs .nav-link {position: relative; font-size: 15px; border-bottom: 2px solid #76ADDF5C; padding: 10px 20px !important; background: transparent !important; border-radius: 0 !important;}
.lien_tab.nav-tabs .nav-link::before{content: ""; border: 1px solid #76ADDF5C; height: 12px; width: 12px;display: inline-block;position: absolute; left: 0; right: 0; bottom: -6px; margin:auto; border-radius: 50%; background: #5559ca;}
.lien_tab.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #fff  !important; border-bottom: 2px solid #76ADDF ;}
.lien_tab.nav-tabs {border-bottom: none !important;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {background: #fff; color: #000;}
.nav-tabs .nav-link {color: #ffffff80; border-radius: 5px; font-weight: 500; background: #1e1e1e;border: none;}
.nav-tabs {border-bottom: transparent; }
.lien_tab.nav-tabs .nav-link.active::before{border: 1px solid #76ADDF; background: #76ADDF;}

.tab-content{min-height: 400px; border-radius: 15px 15px 0px 0px; background: linear-gradient(180deg, rgba(190, 205, 255, 0.4) 0%, rgba(255, 255, 255, 0) 89.29%);}
.tab_text .tab_icon{filter: brightness(0) invert(1); width: 33px;}
.tab_text{max-width: 90%;}
.ciricle-logo_left{text-align: right;  margin-top: 65px;}
.ciricle-logo_right{text-align: left;  margin-top: 65px;}

.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);}

footer{font-size: 14px;}
.footer_logo{max-width: 150px;}
.menu_link{padding: 0px; margin: 0px; list-style: inside;}
.menu_link li{margin-bottom: 10px;  display: block;}
.menu_link li:last-child{margin-bottom: 0;}
.menu_link li a{color: #000; opacity: .7; text-decoration: none;}
.menu_link li span{color: #000; opacity: .7;}
.menu_link li a:hover{color: #050675; opacity: 1;}

.footer_media {list-style: none; margin-bottom: 0px; display: flex; gap: 18px; padding: 0px;}
.footer_media li {display: inline-block;}
.footer_media li a {color: #050675; font-size: 22px;}
footer hr{opacity: .1;}

.Reliable_box{background: #f3f4f5; position: relative; padding: 40px 30px; border-radius: 15px; overflow: hidden;}
.Reliable_box_text{width: 60%;}
.Reliable_box img{width: 35%; right: 0; position: absolute; top: 20%;}
.steps_box{position: relative; padding: 0px 20px;}
.steps_box-wrapper {background-color: #ffffff; padding: 0.75rem; display: inline-flex; border-radius: 20px; margin-bottom: 20px; box-shadow: 2px 3.464px 24px 0px rgba(106, 105, 194, 0.25);}
.steps_box-icon{width: 70px;height: 70px; justify-content: center; display: inline-flex; align-items: center; color: #2962ff; background-color: rgba(12, 86, 219, 0.1); border-radius: 50%; font-size: 24px;}
.step_outer{position: relative;}
.step_border{border: 1px dashed #ffffff87; width: 70%; margin: auto; position: absolute; left: 0; right: 0; top: 94px;}

.login_bg{background: url(../img/login-bg.png) no-repeat center; display: flex; background-attachment: fixed; background-size: 100% 100%; min-height: 100vh;}
.login_logo{max-width: 150px;}
.login_slider_box{max-width: 450px; margin: auto;}
.carousel-indicators [data-bs-target] {width: 12px;margin: 2px 3px;  height: 12px; border-radius: 10px; background-color: #00000061;border-radius: 50%;}
.carousel-indicators{position: unset;}

.login_form_box{background-color: hsla(0,0%,100%,.55); padding: 55px 55px; width: 100%; box-shadow: 0px 8px 32px rgba(36,49,61,.4); border-radius: 15px;}
.login_content_p{padding-right: 50px;}
.login_form_box .form-control {padding: .575rem 1rem;}
.login_form_box .form-control::placeholder{opacity: .6;}
.form-control:focus {box-shadow: none;}
.btn_style.btn-big{padding: 15px 20px;}

.inner_banner{padding-top: 130px; min-height: 500px; z-index: 1; padding-bottom: 50px; background: url(../img/inner_banner_bg.png) no-repeat top center; background-size: 100% 100%;}
.inner_banner_padding{padding-top: 50px;}
.about_top_box{background: #ffffff36;  margin-top: -100px;}

.gradient_box_bg{background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(2, 3, 129, 0) 100%);}
.Established_box{background: #ffffff87; overflow: hidden; border-radius: 15px;}
.Established_box_top{background: #ffffff1c;  padding: 20px;}