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

.fugu-responsive-btn {
	display: none;
	margin-top: 40px;
	padding: 0 15px
}
.btn.menu-btn1 {
	color: #000;
	background: #fcd20b;
    background-size: 200% 100%;
}
.btn.menu-btn1:hover{background: #f7a51b; color: #000;}

.site-navbar {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 0px;
}
.brand-logo {
    max-width: 200px;
    transition: all 0.4s;
    position: relative;
}
.brand-logo img{width: 100%;}

header.header-section {
	position: fixed;
	z-index: 111;
	width: 100%; background: #000;
	top: 0;
	transition: all .4s
}


@media (min-width: 576px) {
  .site-navbar {
    padding-top: 0px;
  }
}

@media (min-width: 992px) {
  .site-navbar {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
}

.site-navbar .menu-block-wrapper {
  flex-grow: 1;
  align-items: center;
}
.header_padding{padding-top: 90px;}

@media (min-width: 992px) {
  .site-navbar .menu-block-wrapper {
    display: flex !important;
    flex-basis: auto;
  }
  
}

.site-header--absolute {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}

.site-header--sticky:not(.mobile-sticky-enable) {
  position: absolute !important;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 999;
}

@media (min-width: 992px) {
  .site-header--sticky:not(.mobile-sticky-enable) {
    /*position: fixed !important;*/
    transition: .4s;
  }
  .site-header--sticky:not(.mobile-sticky-enable).scrolling {
    transform: translateY(-100%);
    transition: .4s;
  }
  .site-header--sticky:not(.mobile-sticky-enable).reveal-header {
    transform: translateY(0%);
    box-shadow: 0 12px 34px -11px rgba(65, 62, 101, 0.1);
    z-index: 1000;
  }
}

.site-header--sticky.mobile-sticky-enable {
  top: 0;
  right: 0;
  width: 100%;
  z-index: 999;
  position: fixed !important;
  transition: .4s;
}

.site-header--sticky.mobile-sticky-enable.scrolling {
  transform: translateY(-100%);
  transition: .4s;
}

.btn:focus{outline: none !important; box-shadow: none !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:180px;}
.overlayContent p{color:#fff; text-align: center; font-size: 15px; margin-top: 20px;}



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

.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;}
.font-26{font-size: 26px !important;}
.font-27{font-size: 27px !important;}
.font-28{font-size: 28px !important;}
.font-29{font-size: 29px !important;}
.font-30{font-size: 30px !important;}
.font-31{font-size: 31px !important;}
.font-32{font-size: 32px !important;}
.font-33{font-size: 33px !important;}
.font-34{font-size: 34px !important;}
.font-35{font-size: 35px !important;}
.font-40{font-size: 40px !important;}
.font-45{font-size: 45px !important;}
.font-50{font-size: 50px !important;}
.font-55{font-size: 55px !important;}
.font-60{font-size: 60px !important;}

.width-15{width: 15px;}
.width-20{width: 20px;}
.width-25{width: 25px;}
.width-30{width: 30px;}
.width-35{width: 35px;}
.width-40{width: 40px;}
.width-45{width: 45px;}
.width-50{width: 50px;}
.width-60{width: 60px;}
.width-70{width: 70px;}
.width-80{width: 80px;}
.width-90{width: 90px;}
.width-100{width: 100px;}

.height-15{height: 15px;}
.height-20{height: 20px;}
.height-25{height: 25px;}
.height-30{height: 30px;}
.height-35{height: 35px;}
.height-40{height: 40px;}
.height-45{height: 45px;}
.height-50{height: 50px;}
.height-60{height: 60px;}
.height-70{height: 70px;}
.height-80{height: 80px;}
.height-90{height: 90px;}
.height-100{height: 100px;}

.radius-10{border-radius: 10px;}
.radius-15{border-radius: 15px;}
.radius-20{border-radius: 20px;}
.radius-25{border-radius: 25px;}
.radius-30{border-radius: 30px;}
.radius-35{border-radius: 35px;}
.radius-40{border-radius: 40px;}

.color_adb19a{color: #adb19a;}
.color_f4a11b{color: #fcd20b;}
.color_a9a8a8{color: #a9a8a8;}
.color_6f6f6f {color: #6f6f6f;}

.bg_0f0f0f{background: #0f0f0f;}

.img-white{filter: brightness(0) invert(1);}

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

.section1-phone{padding-left: 100px;}
.big-btn{padding: 12px 30px !important; font-size: 18px !important;}

.Banner_video{position: absolute; transform: scaleX(-1); left: 0;  right: 0; top: 0;}
.Banner_video::before{content: ""; background: #000000bd; 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 - 90px); position: relative; }
.banner-img{padding-left: 80px;}
.banner-img img{width: 100%;}
.border-box{border: 1px solid rgb(40, 40, 40);}
.banner-section .container{z-index: 11; position: relative;}
.banner-content h1{font-size: 80px; font-weight: 700;}



.trading_assets_box{padding: 20px 15px; text-align: center; border-top: 1px solid rgb(40, 40, 40); border-right: 1px solid rgb(40, 40, 40);}
.trading_assets_box span{margin: auto; background-image: linear-gradient(360deg, #252525 35%, #3c3c3c 100%); height: 70px; width: 70px; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.border_box{border: 1px solid rgb(116,116,116); border-radius: 10px; padding: 20px;}



.plusminus{position: absolute; z-index: 1; right: 10px; font-size: 22px; top: 11px;  height: 28px; width: 28px; text-align: center;}
.accordion_head {cursor: pointer; font-size: 17px;  font-weight: 500;  color: #fff; }
.accordion_border{position: relative; animation-duration: .15s; border-radius: 10px; margin: 15px 0px; border: 1px solid rgb(38, 38, 38); padding: 15px 20px; padding-right: 40px !important;}
.accordion_body{display:none; margin-top: 20px;}
.accordion_body p{margin-bottom: 0px; color: #a9a8a8;}
.accordion_border:hover{border-color: rgb(99, 99, 99);}
.accordion_border.active{background-color: rgb(26, 26, 26);}

footer{background: #000;}
.footer-logo{max-width: 150px;}
.footer_log_border::after{content: ''; position: absolute; left: 0; bottom: -10px; width: 100%; height: 1px; background: linear-gradient(to right, rgba(0, 0, 0, 0), #fcd20b, rgba(0, 0, 0, 0));}
.footer_media {list-style: none; margin-bottom: 0px; padding: 0px;}
.footer_media li {display: inline-block; margin:0px 10px;}
.footer_media li a {display: inline-block; color: #fff; font-size: 20px;}
.footer_media li a img {width: 18px; filter: brightness(0) invert(1);}
.footer_media li a:hover img{filter: unset;}
.footer_media li a:hover { color: #fcd20b}

.footer_menu{padding: 0px; margin: 0px; list-style: inside;}
.footer_menu li{font-weight: 500; margin-right: 15px; display: inline-block;}
.footer_menu li a{color: #dbdbdb; text-decoration: none;}
.footer_menu li a:hover{color: #fcd20b;}

.menu_link{padding: 0px; margin: 0px; list-style: inside;}
.menu_link li{font-size: 14px; margin-bottom: 15px; display: block;}
.menu_link li:last-child{margin-bottom: 0;}
.menu_link li a{color: #dbdbdb; text-decoration: none;}
.menu_link li a:hover{color: #fcd20b;}

.menu_border{border-top: 1px solid rgb(40, 40, 40); border-bottom: 1px solid rgb(40, 40, 40);}

.circle_box{position: relative; padding: 40px 40px;  background: #191919; z-index: 1; border-radius: 15px; overflow: hidden;}
.circle_box::before {background-image: url(../img/boxed-shape.png); background-position: 0 0; background-repeat: no-repeat; background-size: contain; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1;}

.account_type_box{position: relative; padding: 40px 30px; background: #191919; z-index: 1; border-radius: 15px; overflow: hidden;}
.account_type_box::before {background-image: url(../img/boxed-shape.png); background-position: 0 0; background-repeat: no-repeat; background-size: contain; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1;}

.check_list{padding: 0px; margin: 0px; list-style: none;}
.check_list li{position: relative; font-size: 16px; padding-left: 30px; margin-bottom: 8px; font-weight: 500;}
.check_list li::before{content: ""; background: url(../img/icon_bullet.png) no-repeat; background-size: cover; height: 18px; width:18px; position: absolute; left: 0; top: 4px; font-size: 19px;}
.check_list li:last-child{margin-bottom: 0px;}
.account_type_box .cost_trading_list li {padding: 6px 20px;}


.check_list_big{padding: 0px; margin: 0px; list-style: none;}
.check_list_big li{position: relative; font-size: 19px; padding-left: 40px; margin-bottom: 12px; font-weight: 500;}
.check_list_big li::before{content: ""; background: url(../img/check2.svg) no-repeat; background-size: 100% 100%; height: 25px; width:25px; position: absolute; left: 0; top: 4px; font-size: 19px;}
.check_list_big li:last-child{margin-bottom: 0px;}

.img-p-l{padding-left: 100px;}
.img-p-r{padding-right: 100px;}

.cost_trading_list{list-style: none; padding: 0px; margin: 0;}
.cost_trading_list li{display: inline-block; background: #ffffff1a; border-radius: 20px; padding: 8px 30px; margin-right: 10px; margin-bottom: 10px;}
.tradeonmobile_img{padding: 0px 150px;}

.glow_bg{background: url(../img/bg-light.png) left center no-repeat; background-size: cover;}

.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 {margin-bottom: 15px; 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 span {width: 12px; height:12px; border-radius: 10px; background-color:#fff; border: 1px solid #000; display: block; -webkit-backface-visibility: visible;  transition: opacity 200ms ease; border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span {background: #f3a11b;}
.dots_none .owl-dots{display: none;}

.owl-dots button{border: none; background: transparent;}
.owl-nav button{position: absolute; top: 43%; height: 50px; width: 50px; font-size: 27px; font-weight: 500; background: #ffffff4f; color: #fff; border: 1.2px solid #fff; border-radius: 50%;}
.owl-nav .owl-prev{left: 10px;}
.owl-nav .owl-next{right: 10px;}
.arrow_none .owl-nav button{display: none;}

.inner_banner{padding-top: 80px; padding-bottom: 80px; background: url(../img/inner_banner.png) no-repeat center; background-size: 100% 100%;}
.inner_banner h1 span {
  font-weight: 600;
  color: transparent;
  -webkit-text-stroke: 1px #fff;
}
.border_d_box{border: 2px dashed #fcd20b; background: #fcd20b1a; border-radius: 20px; padding: 20px 20px;}

.lien_heading{padding-top: 8px; margin-bottom: 24px; font-size: 32px; line-height: 40px; text-align: left; background: url(../img/heading-lien.png) no-repeat 32px 0;}
.Features_Safety{padding: 35px 30px; min-height: 175px; background: #202020; border-radius: 20px;}
.Features_Safety .icon{position: absolute; width: 50px; right: 20px; top:15px}

.Features_box_bg{padding: 35px 30px; background: #202020; border-radius: 20px;}


.careers_box{border-radius: 20px; background-color: #191919; background-image: url(../img/box-lien.svg); background-repeat: no-repeat; background-position: center -32px; background-size: contain;}
.sm_container{max-width:700px; margin: auto;}
.md_container {max-width: 1200px; margin: auto;}

.social_icon_btn{list-style: none; z-index: 1; padding: 0px; margin-bottom: 0px; }
.social_icon_btn li{margin-bottom: 5px; margin-right: 5px; display: inline-block;}
.social_icon_btn li a{color: #fff; background: #2d2d2d; border-radius: 50%;  display: inline-block; height: 40px; width: 40px; border: 1px solid #2d2d2d; text-align: center; font-size: 16px; padding: 7px;}
.social_icon_btn li a:hover{background: #fcd20b;}
.social_icon_btn li a img{width: 15px; filter: brightness(0) invert(1);}

a:hover {color: unset;}
.address_map iframe {width: 100%; height: 400px;}

.contact_box{max-width: 1000px; margin: auto;}
.contact_field{grid-column-gap: 15px; display: grid; grid-template-columns: repeat(3,1fr);}
.form-control:focus { box-shadow: none;}
.form-floating > label{color: #6f6f6f; font-size: 14px;}
.form-control{border: 1px solid #535151; color: #a9a8a8; background: transparent;}
.form-control:focus{border: 1px solid #535151; color: #a9a8a8; background: transparent;}
textarea.form-control{min-height: 200px;}

.account_type_box{transition: 0.5s;}
.account_type_box:hover{transition: 0.5s; margin-top: -40px;}

.trading_bg_img{background: url(../img/trading-bg.png) no-repeat; border-radius: 10px; background-size: 100% 100%; padding: 30px 30px;}
.trading_bg_img_box{max-width: 600px;}

.btn_style{color: #000; transition: all .3s; background: #fff; border:none; font-weight: 600; display: inline-block; padding: 7px 20px; text-align: center; border-radius: 50px;}
.btn_style:hover{color: #000; background: #cfcfcf;} 
.dark_btn{background-color: rgb(38, 38, 38); color: #fff;}
.dark_btn:hover{background-color: rgb(49, 49, 49); color: #fff;}

.theme_btn{background-color:#fcd20b; color: #000;}
.theme_btn:hover{background-color:#f7a51b; color: #000;}

.border_btn{border: 1px solid #fff; overflow: hidden; position: relative; background: none; color: #fff;}
.border_btn:hover::before {left: 120%; transition: all .55s cubic-bezier(.19,1,.22,1);}
.border_btn:hover{background: #ffffff2e; color: #fff;}
.border_btn::before {background: #fff; content: ""; height: 155px; left: -75px; opacity: .2; position: absolute; top: -50px; transform: rotate(35deg); transition: all .55s cubic-bezier(.19,1,.22,1); width: 50px;}

.padding_right_100{padding-right: 100px;}
.padding_right_50{padding-right: 50px;}

.padding_left_100{padding-left: 100px;}
.padding_left_50{padding-left: 50px;}

.link_no_list{list-style: none; display: flex;  gap: 10px; overflow: scroll; padding: 0; margin-bottom: 70px;}
.link_no_list li{display: inline-block;}
.link_no_list li a{display: inline-block; font-size: 18px; font-weight: 600; border: 1px solid #fff; color: #fff; padding: 6px 12px; border-radius: 7px;}
.link_no_list li a.active{background: #fcd20b;}
.link_no_list li a:hover{background: #fcd20b;}

.link_big_text{margin: 0; font-size: 350px; line-height:300px; text-align: center;}

.blog_outer_box {background: #191919; padding: 20px; border-radius: 15px;}
.blog_box_bg { margin-bottom: 20px; z-index: 1; overflow: hidden; position: relative; border-radius: 15px;}
.blog_box_bg .blog_img_box {overflow: hidden; display: block; border-radius: 15px;}
.blog_box_bg img {width: 100%;height: 220px; transition: all 0.5s ease-in-out; border-radius: 10px;}
.blog_box_bg:hover img {transform: scale(1.1);}
.blog_outer_box h4 {margin-bottom: 15px;}
.blog_outer_box h4 a {color: #fff;font-size: 20px;display: block; width: 100%; }
.blog_outer_box h4 a:hover {color: #fcd20b;}
.blog_outer_box p {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; width: 100%; min-height: 100px;}

.blog_details_main_img{background: #191919; padding: 20px; border-radius: 15px;}
.blog_details_main_img img{width: 100%; border-radius: 15px; max-height: 400px;}

.blog_details_link {color: #fff;display: block; position: relative;}
.blog_details_link::after{content: ""; filter: brightness(0) invert(1); background: url(../img/morelink_arrow.png) no-repeat; width: 22px; height: 16px; display: inline-block; background-size: 100%; position: absolute; margin-left: 10px; top: 6px;}
.blog_details_link:hover{color: #fcd20b;}
.blog_details_link:hover::after{filter: unset;}
.blog_details_link:focus{color: #fcd20b;}

.site-header--menu-center .container {
  position: relative;
}

.site-header--menu-center .menu-block-wrapper {
  position: static;
}

@media (min-width: 992px) {
  .site-header--menu-center .menu-block {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 992px) {
  .site-header--menu-left .container-fluid .sub-menu.megamenu {
    left: 0%;
    transform: translateX(0%) translateY(10px);
  }
}

@media (min-width: 992px) {
  .site-header--menu-left .container-fluid .nav-item.has-megamenu:hover > .sub-menu {
    transform: translateX(0%) translateY(-10px);
    left: 0%;
    margin-left: 20px;
  }
}

.site-header--menu-left .menu-block .site-menu-main {
  justify-content: flex-start;
  padding-left: 15px;
}

@media (min-width: 1200px) {
  .site-header--menu-left .menu-block {
    width: 100%;
  }
}

.site-header--menu-right .menu-block-wrapper {
  position: static;
}

.site-header--menu-right .menu-block {
  margin-left: auto;
}

@media (min-width: 992px) {
  .site-header > .container-fluid .sub-menu.megamenu {
    left: 50%;
    transform: translateX(-50%) translateY(10px);
  }
}

@media (min-width: 992px) {
  .site-header > .container-fluid .nav-item.has-megamenu:hover > .sub-menu {
    transform: translateX(-50%) translateY(-10px);
    left: 50%;
  }
}

@media (min-width: 768px) {
  .container-fluid .site-navbar {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 992px) {
.container-fluid .site-navbar {
    padding-left: 12px;
    padding-right: 12px;
    max-width: 1320px;
    margin: 0 auto;
}
}

@media (min-width: 480px) {
  .header-btns {
    margin-right: 15px;
  }
}

@media (min-width: 992px) {
  .header-btns {
    margin-right: 0;
  }
}

.top-contact-menu-wraper .header-btn {
  order: 3;
}

.top-contact-menu-wraper .mobile-menu-trigger {
  order: 4;
}

@media (min-width: 992px) {
  .top-contact-menu-wraper .nav-link-item {
    color: #fff !important;
  }
  .top-contact-menu-wraper .site-menu-main .nav-link-item {
    padding-top: 19px !important;
    padding-bottom: 19px !important;
  }
  .top-contact-menu-wraper .navbar {
    flex-wrap: wrap;
    padding: 30px 0px 0px 0px;
  }
  .top-contact-menu-wraper .brand-logo {
    min-width: 50%;
    order: 1;
    padding-bottom: 30px;
  }
  .top-contact-menu-wraper .header-btn {
    order: 4;
  }
  .top-contact-menu-wraper .menu-block-wrapper {
    min-width: calc(100% - 256px);
    order: 3;
    background: #1D263A;
    border-radius: 0px 0px 0px 5px;
  }
  .top-contact-menu-wraper .top-contact-block {
    order: 2;
    min-width: 50%;
    display: flex !important;
    justify-content: flex-end;
    padding-bottom: 8px;
  }
  .top-contact-menu-wraper .menu-block {
    margin-left: initial;
  }
}

.top-contact-block ul {
  display: flex;
  align-items: center;
}

.top-contact-block ul li {
  display: inline-flex;
  align-items: center;
}

.top-contact-block span {
  height: 30px;
  width: 1px;
  background: rgba(29, 36, 58, 0.12);
  margin: 0px 35px;
}

.top-contact-block img {
  margin-right: 12px;
}

.top-contact-block a {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 17px;
  line-height: 30px;
  color: #1D263A;
}

@media (min-width: 992px) {
  .row-lg {
    display: flex;
  }
}

@-webkit-keyframes slideLeft {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}

@keyframes slideLeft {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}

@-webkit-keyframes slideRight {
  0% {
    opacity: 1;
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}

@keyframes slideRight {
  0% {
    opacity: 1;
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}

.site-menu-main {
  margin-bottom: 0;
  padding-left: 0;
}

@media (min-width: 992px) {
  .site-menu-main {
    display: flex;
    margin-bottom: 0;
    padding-left: 0;
  }
}

.site-menu-main li {
  list-style: none;
}

.site-menu-main ul {
  list-style: none;
  margin-left: 0;
}

.site-menu-main a {
  text-decoration: none;
}

.navbar {
  padding: 15px 0px;
  
}
.menubar{background: #17181e;}

.site-menu-main .nav-item {
  display: inherit;
}


.simple-marquee-container *{-webkit-box-sizing:border-box; -moz-box-sizing:border-box;	-o-box-sizing:border-box;	box-sizing:border-box;}
.simple-marquee-container {width: 100%;	display: inline-block;	overflow: hidden;	box-sizing: border-box;	height: 70px; position: relative;	cursor: pointer;}

.marquee, *[class^="marquee"] {	display: inline-block;	white-space: nowrap;	position:absolute;}
.marquee-content-items{display: inline-block;  margin: 0;  position: relative;}
.marquee-content-items h2{-webkit-text-stroke: 1px #ffffff6e; font-size: 40px; font-style: italic; font-weight: 400;}
.marquee-content-items .dot{position: relative;  margin: 0px 20px;}
.marquee-content-items .dot::before{height: 10px;  content: ""; position: absolute;
  top: 26px;
  left: -6px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #ffffff6e;
 }
.box_bg{padding: 40px 40px; background-color: #6651F4; border-radius: 10px;}
.box_bg h2{color: #fff; font-size: 40px;}
.a_light{color: #fff;}
.a_light:hover{color: #ffb215;}

@media (max-width:767px) {
  .box_bg{padding: 20px 20px; }
  .box_bg h2{font-size: 30px;}
}

.site-menu-main .nav-link-item {
  color: #fff; opacity: .7;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  position: relative;
}
.site-menu-main .nav-link-item:hover{opacity: 1;}
.site-menu-main .nav-link-item.active{opacity: 1;}

.hero-content3 .bg-blue img{width: 14px;  margin-left: 10px;}
@media (min-width: 992px) {
  .site-menu-main .nav-link-item {
    padding: 10px 10px;
  }
}

.dark-mode-texts .nav-link-item {
  color: #fff;
}

.site-menu-main .sub-menu {
    z-index: 500;
   
    position: absolute;
    left: 0;
    top: 51px;
    margin: 0;
    padding: 8px 8px;
    transition: .4s;
    z-index: 4;
    transform: translatey(20px);
    opacity: 0;
    visibility: hidden;
    min-width: 300px;
    backdrop-filter: blur(10px);
    background-color: rgba(15, 15, 15, 0.9);
    border-radius: 14px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 20px 0px;
 
}
.sub-menu--item p{display: block; margin-top: 5px; font-size: 13px; margin-bottom: 0px; color: #adb19a;}
.sub-menu.megamenu:before{
  content: none;
}
.site-menu-main .sub-menu.shape-none:before{
  content: none;
}

.framer-1hhkxcy {
  background: radial-gradient(62% 67.9245283018868% at 39% 41.5%,rgba(0,81,255,0) 0%,rgba(0,153,255,0) 36%,rgba(0,153,255,0) 63%,rgba(210, 140, 28, 0.3) 83%,rgba(242, 159, 27, 0.76) 100%);
  bottom: 0;
  flex: none;
  height: 600px;
  left: 0;
  mask: linear-gradient(180deg,rgba(0,0,0,0) 55.13020833333333%,rgba(0,0,0,1) 100%) add;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}


header .container{max-width: 1450px;}
.container{max-width: 1400px;}
.container-full{max-width: 100%; padding: 0px 15px;}
.step_box{position: relative;}
.step_box_lien{background: #fcd20b;
  max-width: 700px;
  margin: auto;
  position: absolute;
  bottom: 132px;
  left: 0;
  right: 0;
  z-index: -1;
  height: 2px;}

.step_box img{width: 180px; margin-bottom: 10px;}
.step_box span{margin: auto; font-size: 22px;
  font-weight: 600; position: relative; color: #fcd20b;
  background-image: linear-gradient(360deg, #252525 35%, #3c3c3c 100%);
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;}

  .step_box span::before{content: ""; border: 1px solid #fcd20b; position: absolute;
    left: 7px;
    right: 7px;
    top: 7px;
    bottom: 7px;
    border-radius: 50%;} 

.bg_contain{background-size: contain;}
.mt5_img{padding-left: 140px;}

/*@media (min-width: 992px) {
  .site-menu-main .sub-menu {
    min-width: 235px;
    max-width: 235px;
  }
}*/

@media (min-width: 992px) {
  .site-menu-main .sub-menu .sub-menu {
    top: 0 !important;
    left: 100%;
  }
}

.site-menu-main .sub-menu--item {
    font-size: 15px;
    font-weight: 600;
}
.site-menu-main .sub-menu--item:last-child a{margin-bottom: 0px;}
@media (max-width: 992px) {
  .site-menu-main .sub-menu--item {
    padding: 10px 10px;
   
  }
  .site-menu-main .sub-menu--item > a {margin-bottom: 0px !important;}
  .sub-menu--item p {margin-top: 10px;}
}

@media (min-width: 992px) {
  .site-menu-main .sub-menu--item {
    color: #000;
  }
}

.site-menu-main .sub-menu--item > a {
  color: inherit; font-size: 14px; margin-bottom: 10px;
  padding: 10px 10px; border-radius: 7px;
  font-weight: 600; display: block;
  color: #fff;
}

@media (min-width: 992px) {
  .site-menu-main .sub-menu--item > a {
    transition: .4s;
  }
}

.site-menu-main .sub-menu--item:hover > a {
  color: #fff; background-color: rgba(255, 255, 255, 0.05);
}
.site-menu-main .sub-menu--item.active a {
  color: #fff; background-color: rgba(255, 255, 255, 0.05);
}

@media (min-width: 992px) {
  .site-menu-main .sub-menu.megamenu {
    background-color: #fff;
  }
}

.site-menu-main .sub-menu.megamenu .dropdown-image-block {
  max-height: 336px;
}

@media (min-width: 320px) and (max-width: 992px) {
  .site-menu-main .sub-menu.megamenu {
    border: 0;
  }
}

@media (min-width: 992px) {
  .site-menu-main .sub-menu.megamenu {
    padding: 30px;
    min-width: 925px;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    will-change: transform;
    top: 100%;
    box-shadow: 0 42px 54px rgba(0, 0, 0, 0.09);
    border: 1px solid #e7e9ed;
    border-radius: 8px;
    visibility: hidden;
    z-index: -99;
    opacity: 0;
    pointer-events: none;
  }
  /* .site-menu-main .sub-menu.megamenu.megadropdown-center {
    transform: translateX(-50%) translateY(-10px);
  } */
  /* .site-menu-main .sub-menu.megamenu.megadropdown-right {
    right: 0%;
    transform: translateX(0%) translateY(10px);
  } */
  /* .site-menu-main .sub-menu.megamenu.megadropdown-left {
    left: 0%;
    transform: translateX(0%) translateY(10px);
  } */
}

@media (min-width: 1200px) {
  .site-menu-main .sub-menu.megamenu {
    min-width: 1100px;
  }
}

@media (min-width: 1366px) {
  .site-menu-main .sub-menu.megamenu {
    min-width: 900px;
  }
}

.site-menu-main .sub-menu.megamenu .single-dropdown-block .mega-drop-menu-item {
  padding-top: 8px;
  padding-bottom: 8px;
  display: block;
}

.site-menu-main .sub-menu.megamenu .mega-drop-menu-item {
  padding-top: 2.5px;
  padding-bottom: 2.5px;
  font-size: 15px;
  font-weight: 600;
  transition: .4s;
  color: #000;
}

@media (min-width: 320px) and (max-width: 992px) {
  .site-menu-main .sub-menu.megamenu .mega-drop-menu-item {
    color: var(--color-headings);
    border-top: 1px solid var(--border-color-3);
    padding-left: 20px;
    padding-bottom: 13px;
    padding-top: 13px;
  }
}

@media (min-width: 992px) {
  .site-menu-main .sub-menu.megamenu .mega-drop-menu-item {
    padding-left: 0px;
    padding-right: 10px;
  }
  .site-menu-main .sub-menu.megamenu .mega-drop-menu-item:hover {
    color: #FFC947 !important;
  }
}

@media (min-width: 320px) and (max-width: 992px) {
  .site-menu-main .sub-menu.megamenu [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
  }
  .site-menu-main .sub-menu.megamenu [class*="row-"] {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 992px) {
  li.nav-item-has-children:not(.has-megamenu) {
    position: relative;
  }
}

@media (min-width: 992px) {
  li.nav-item-has-children:hover > .sub-menu {
    margin-top: 5px;
    visibility: visible;
    opacity: 1;
    z-index: 99;
    pointer-events: visible;
  
    transform: translateY(0);
  }
}

.site-menu-main > li .sub-menu > ul > li > a {
  display: inline-block;
  padding: 10px 0;
  font-size: 15px;
  color: #555;
  transition: color 0.3s ease;
  text-decoration: none;
  text-transform: capitalize;
}

.site-menu-main > li .sub-menu.mega-menu {
  left: 50%;
  transform: translateX(-50%);
}

.mobile-menu-head,
.mobile-menu-trigger {
  display: none;
}

/*responsive*/
@media (max-width: 991px) {
  .site-header .mobile-menu-trigger {
    display: flex;
    height: 30px;
    width: 30px;
    margin-left: 15px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
  }
  .site-header .mobile-menu-trigger span {
    display: block;
    height: 2px;
    background-color: #fff;
    width: 24px;
    position: relative;
  }
  .reveal-header .mobile-menu-trigger span {
    background-color: #fff !important;
  }
  .site-header .mobile-menu-trigger span:before,
  .site-header .mobile-menu-trigger span:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
  }
  .reveal-header .mobile-menu-trigger span:before,
  .reveal-header .mobile-menu-trigger span:after {
    background-color: #fff !important;
  }
  .dark-mode-texts .mobile-menu-trigger span {
    background-color: #fff;
  }
  .dark-mode-texts .mobile-menu-trigger span:before,
  .dark-mode-texts .mobile-menu-trigger span:after {
    background-color: #fff;
  }
  .site-header .mobile-menu-trigger span:before {
    top: -8px;
  }
  .site-header .mobile-menu-trigger span:after {
    top: 8px;
  }
  .site-header .item-right {
    align-items: center;
  }
  .site-header .menu-block {
    position: fixed;
    width: 320px;
    backdrop-filter: blur(10px);
    background-color: rgba(15, 15, 15, 0.9);
    left: 0;
    top: 0;
    height: 100%;
    overflow: hidden;
    transform: translate(-100%);
    transition: all 0.5s ease;
    z-index: 1099;
  }
  .site-header .menu-block.active {
    transform: translate(0%);
  }
  .site-menu-main > li {
    line-height: 1;
    margin: 0;
    display: block;
  }
  .site-menu-main > li > a {
    line-height: 45px;
    padding: 0 50px 0 15px;
    display: block;
    border-bottom: 1px solid #26272a;
  }
  .site-menu-main > li > a i {
    position: absolute;
    height: 50px;
    width: 50px;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 50px;
    transform: rotate(-90deg);
  }
  .site-header .menu-block .mobile-menu-head {
    display: flex;
    height: 50px;
    border-bottom: 1px solid #26272a;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 501;
    position: -webkit-sticky;
    position: sticky;
  
    top: 0;
  }
  .site-header .menu-block .mobile-menu-head .go-back {
    height: 50px;
    width: 50px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    display: none;
  }
  .site-header .menu-block .mobile-menu-head.active .go-back {
    display: block;
  }
  .site-header .menu-block .mobile-menu-head .current-menu-title {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    visibility: hidden;
    text-transform: capitalize;
  }
  .site-header .menu-block .mobile-menu-head.active .current-menu-title {
    visibility: visible;
  }
  .site-header .menu-block .mobile-menu-head .mobile-menu-close {
    height: 50px;
    width: 50px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 25px;
  }
  .site-header .menu-block .site-menu-main {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .site-menu-main > li .sub-menu.mega-menu,
  .site-menu-main > li .sub-menu {
    visibility: visible;
    opacity: 1; z-index: 11;
    position: absolute;
    box-shadow: none;
    margin: 0;
    padding: 15px 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 50px;
    max-width: none;
    min-width: auto;
    display: none;
    transform: translateX(0%);
    overflow-y: auto;
    overflow-x: hidden;
  }
  .site-menu-main > li .sub-menu.active {
    display: block;
  }
  .site-menu-main > li .sub-menu > ul > li > a,
  .site-menu-main > li .sub-menu.mega-menu > .list-item > ul > li > a {
    display: block;
  }
  .site-menu-main > li .sub-menu.mega-menu > .list-item > ul {
    margin-bottom: 15px;
  }
  .menu-overlay {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1098;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease;
  }
  .menu-overlay.active {
    visibility: visible;
    opacity: 1;
  }
}

/*Custom Css for menu*/
@media (min-width: 992px) {
  .has-megamenu ul {
    margin-left: auto;
  }

  .site-menu-main i {
    margin-left: 5px;
    font-size: 14px;
  }
}

@media (min-width: 1200px) {
  /* .site-header--menu-center .navbar {
    padding-top: 20px;
    padding-bottom: 20px;
  } */
  .site-header--menu-center .menu-block-wrapper {
    position: absolute !important;
    left: 50%;
    transform: translateX(-50%);
  }
}



.reveal-header {
  background: #0D152E !important;
}

.reveal-header .nav-link-item {
  color: #fff !important;
}

.reveal-header .btn {
  color: #fff !important;
}

.reveal-header .btn:hover {
  color: #fff !important;
}

.reveal-header .dark-version-logo {
  display: block !important;
}

.reveal-header .light-version-logo {
  display: none !important;
}

@media (min-width: 992px) {
  .reveal-header li.nav-item-has-children:hover > .sub-menu {
    top: 100%;
  }
  .reveal-header li.nav-item-has-children:hover > .megamenu {
    top: 112%;
  }
}

.menu-block.active .nav-link-item {
    color: #fff!important;
}

@media (min-width: 480px) {
  .d-xs-inline-flex {
    display: inline-flex !important;
  }
}

ul.site-menu-main .nav-item i {
  transition: all 0.4s ease-in-out;
}

ul.site-menu-main .nav-item:hover i {
  transform: rotate(-180deg);
}

li.sub-menu--item.nav-item-has-children:hover i {
  transform: rotate(-180deg) !important;
}

li.sub-menu--item.nav-item-has-children i {
  transform: rotate(-90deg) !important;
  transition: all 0.4s ease-in-out;
}

.single-dropdown-block h3 {
  opacity: 0.5;
  color: #000;
  font-size: 13px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 1.1px;
  line-height: normal;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 25px;
  display: none;
}

@media (min-width: 992px) {
  .single-dropdown-block h3 {
    display: block;
  }
}

.landing-2-menu .navbar {
  border-bottom: 1px solid rgba(29, 36, 58, 0.12);
}

.btn {
  position: relative;
  z-index: 5;
  border-radius: 6px;
  border: 0;
  font-size: 15px;
  font-weight: 600;

  padding: 10px 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all .4s ease-in-out;
}
.header-btn .btn img{width: 20px; margin-right: 5px;}
.white_btn{
  color: #000;
background: #fff;
background-size: 200% 100%;
}
.white_btn:hover {
  background-position: 100% 0;
  color: #232323 !important;
}
.login_btn_t{color: #fff; transition: unset;}
.login_btn_t img{filter: brightness(0) invert(1);}
.btn.login_btn_t:hover{color: #fcd20b;}
.btn.login_btn_t:hover img{filter: unset;}

.log-in-btn{
    width: 160px;
    height: 50px;
    background: #FD4C5C;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    padding: 10px;
    color: #fff;
    font-weight: 600;
    transition: all 0.4s;
    margin-left: 30px;
    position: relative;
    overflow: hidden;
    z-index: 0;
}
.log-in-btn:after {
    content: "";
    background: #0F1A54;
    position: absolute;
    transition: all 0.3s ease-in;
    z-index: -1;
    height: 100%;
    left: -35%;
    top: 0;
    transform: skew( 
30deg
 );
    transition-duration: 0.4s;
    transform-origin: top left;
    width: 0;
}

a.log-in-btn:hover:after {
    height: 100%;
    width: 135%;
}

.log-in-btn.red-btn{
  color: #fff;
  background-color: #FD4C5C;
}

.log-in-btn.yellow-btn{
  color: #0F1A54;
  background-color: #FBC21D;
}
.log-in-btn.yellow-btn:hover{
  background-color: #fff;
}