*
{
	margin:0;
	padding:0
}

:root
{
	 --main-color:#2563eb;
	 --btn-color:#000;
}

html
{
	font-family:Oswald,Roboto,sans-serif;
	overflow-x: hidden;
}

body
{
	font-family:Oswald,Roboto,sans-serif;
	font-size:14px;
	font-weight:400;
	background-color:#111419;
	color:#dedddc;
		overflow-x: hidden;
}

.fca-regulation
{
	max-height:13px
}

#captcha-container
{
	margin:1rem auto!important;
	display:flex;
	justify-content:center
}

.g-recaptcha
{
	-webkit-transform:scale(0.8);
	-moz-transform:scale(0.8);
	-ms-transform:scale(0.8);
	-o-transform:scale(0.8);
	transform:scale(0.8);
	-webkit-transform-origin:0 0;
	-moz-transform-origin:0 0;
	-ms-transform-origin:0 0;
	-o-transform-origin:0 0;
	transform-origin:0 0
}

a,a:hover
{
	color:inherit;
	cursor:pointer;
	text-decoration:none
}

a:any-link,a:-webkit-any-link
{
	cursor:pointer
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6
{
	font-family:Oswald,sans-serif
}

.h3,h3,.h4,h4
{
	font-size:1.75rem;
	text-align:center;
	font-weight:100
}

hr
{
	display:none
}

.text-danger
{
	font-size:.85rem
}

.flag
{
	border:1px solid #111419
}

.lang-dropdown
{
	background-color:#111419;
	color:#dedddc;
	margin:0;
	min-width:3rem
}

.dropdown-menu
{
	background-color:#111419;
	color:#dedddc;
	margin:0;
	min-width:max-content;
	padding:0
}

ol,ul
{
	padding:0;
	list-style-type:none;
	font-size:1rem;
	font-weight:400;
	text-align:center
}

.btn,.btn-default,input[type=submit]
{
	background-color:var(--main-color);
	color:var(--btn-color);
	border:1px solid var(--main-color);
	font-size:1rem;
	font-weight:400;
	border-radius:0;
	padding:.5rem 4rem;
	max-width:100%;
	white-space:inherit;
	transition:.5s ease
}

.btn:hover,.btn-default:hover,input[type=submit]:hover
{
	background-color:#111419;
	color:var(--main-color);
	border-color:var(--main-color)
}

.btn-dark
{
	background-color:#111419;
	color:#fff;
}

.btn-dark:hover
{
	background-color:var(--main-color);
	color:#fff;
}

.btn-sm.editable-submit
{
	font-size:.875rem!important;
	padding:.25rem .5rem!important
}

.btn-sm.editable-cancel
{
	font-size:.875rem!important;
	padding:.25rem .6rem!important
}

.error-container
{
	text-align:center;
	padding:10rem 1rem;
	font-weight:300;
	font-size:1.2rem
}

.error-blocked-country
{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#dedddc;
	font-size:1.5rem;
	text-transform:uppercase;
	color:var(--main-color)
}
 
.select2-container--default .select2-results > .select2-results__options
{
	text-align:left
}

.select2-container--default .select2-results__option--highlighted[aria-selected]
{
	background-color:transparent;
	color:#dedddc
}

.select2-results__option[aria-selected]
{
	color:#dedddc;
	padding-left:1rem
}

.select2-results__option[aria-selected]:hover,.select2-container--default .select2-results__option[aria-selected=true]:hover
{
	background-color:#eee
}

.select2-container--default .select2-results__option[aria-selected=true]
{
	background-color:transparent
}

.website-content
{
	background-color:#dedddc
}

.website-content h2
{
	text-transform:uppercase;
	font-weight:400;
	text-align:center;
	color:var(--main-color);
	margin:0;
	padding:1rem 0
}

.website-content h4
{
	text-align:center;
	margin:0;
	padding:1rem 0
}

.website-content p
{
	font-size:1rem;
	font-weight:400;
	text-align:center;
	margin:0;
	padding:1rem 0
}

.website-content p.caption
{
	font-size:1.5rem;
	font-weight:100;
	padding-bottom:0
}

.website-content ol,.website-content ul
{
	text-align:center;
	margin:0;
	padding:1rem 0
}

.table-striped
{
	margin:auto
}

.table td,.table th
{
	padding:.5rem;
	vertical-align:middle;
	text-align:center
}

.navbar
{
	padding: .7rem 1rem .5rem
}

.navbar-dark .navbar-brand
{
	padding:0
}
.navbar-brand img {
    height: 70px;
}
.navbar-header
{
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center
}
.navbar-brand .fca-regulation{
display: none;
}
.navbar-toggler
{
	border:none
}
.navbar-light .navbar-nav  .dropdown-menu  .nav-link:hover{color: var(--main-color);}
.navbar-light .navbar-nav  .dropdown-menu  .nav-link{color: #dedddc;}
.navbar-light .navbar-nav .nav-link:hover {
	color:var(--main-color);
}
.navbar-light .navbar-nav .nav-link {
    color: #dedddc;
}
.dropdown-toggle::after
{
	 
	border:none;
	content:"˅"; 
	margin-left:0;
	vertical-align:0;
	padding:0 .3rem;
	color: var(--main-color);
	font-size:.8rem
}
header
{
	z-index: 99999;
	position: relative;
}
.navbar-dark .navbar-nav .nav-link
{
	color:#111419;
	font-size:1rem
}

.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover
{
	color:var(--main-color)
}

.lang-txt
{
	color:#dedddc
}

.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: 0px;
    right: auto;
    width: 50px;
    height: 50px;
    font-size: 30px;
    background: var(--main-color);
    color: #fff;
    top: 0px;
    bottom: 0px;
    margin: auto;
    text-align: center;
    line-height: 45px;
}
.owl-carousel .owl-nav .owl-next  {
    position: absolute;
    left: auto;
    right: 0px;
    width: 50px;
    height: 50px;
    font-size: 30px;
    background: var(--main-color);
    color: #fff;
    top: 0px;
    bottom: 0px;
    margin: auto;
    text-align: center;
    line-height: 45px;
}
.home_page_video_section .bear_bull
{
 width:100%;
}
img.card_logos {
    max-height: 30px;
    margin: 20px auto;
}
.home_page_video_section .vid_sec
{
	
	display: flex;
	align-items: center;
	height:110vh;
	justify-content: center;
	padding-top:90px;
}
.home_page_video_section
{
	width:100%;
	height:110vh;
	position: relative;
}
.banner_logo
{
	    max-height: 170px;
    margin: auto;
    display: block;
    margin-bottom: 350px;
	margin-left: 30px;
}
.myVideo
{
	width:100%;
	height:100%;
	pointer-events: none;
	object-fit:cover;
	object-position:bottom left;
	display: block;
	position: absolute;
	top:0px;
	left: 0px;
}
.lang-dropdown li:hover .lang-txt
{
	color:#111419
}

.dropdown-item:focus,.dropdown-item:hover
{
	background-color:#dedddc;
	color:var(--main-color)
}

.bg-dark
{
	background-color:transparent!important
}

#registerLink,.qst-login-header-user-details-btn a,.create-account-link a
{
	background-color:var(--main-color);
	color:var(--btn-color);
	border:1px solid var(--main-color);
	font-size:1rem;
	font-weight:400;
	border-radius:0;
	padding:.5rem 1.5rem;
	max-width:100%;
	white-space:inherit;
	transition:.5s ease;
	margin:0 .5rem
}

#registerLink:hover,.qst-login-header-user-details-btn a:hover,.create-account-link a:hover
{
	background-color:#111419;
	color:var(--main-color)
}

#loginLink,.qst-login-header-logoff-btn a
{
	background-color: transparent;
	color:var(--main-color)!important;
	border:1px solid var(--main-color);
	font-size:1rem!important;
	font-weight:400;
	border-radius:0;
	padding:.5rem 1.5rem!important;
	max-width:100%;
	white-space:inherit;
	transition:.5s ease;
	margin:0 .5rem
}

#loginLink:hover,.qst-login-header-logoff-btn a:hover
{
	background-color:var(--main-color);
	color:#fff!important
}

.navbar-brand
{
	margin:0 1rem;
	cursor: pointer;
	padding:0px;
}
.left_bg img
{
	width:100%;
	height: 100%;
}
.left_bg
{
	position: absolute;
	bottom:0px;
	left:0px;
	opacity: 0.2;
	height: 100%;
}
.content
{
	padding:2rem 15px;
	text-align:center
}

.tblHeaders
{
	color:var(--main-color)
}

p.justify
{
	text-align:justify
}

.mt4-text-download a
{
	color:var(--main-color)
}

label
{
	margin-bottom:0;
	line-height:1.3
}

.tel-flex
{
	display:flex
}

.form-group
{
	align-items:center;
	text-align:left
}

.qst-register-radio-terms-wrapper
{
	padding:.5rem
}

.editable-empty,.editable-empty:hover,.editable-empty:focus
{
	color:transparent
}

.password-link
{
	color:var(--main-color)
}

.page-title
{
	text-transform:uppercase;
	font-weight:400;
	text-align:center;
	color:var(--main-color);
	margin:0;
	padding:1rem 0 3rem;
	font-size:2rem
}

.form-horizontal .editable
{
	padding-top:0
}

.acc-menu
{
	display:inline-flex;
	flex-wrap:wrap
}

.acc-link:hover
{
	color:var(--main-color)
}

.acc-menu li
{
	padding:.5rem
}

.select2-container
{
	margin:0 0 1rem
}

.systemMessage,#OnSuccessMessage,.withdraww-success-message,.status-message,.deposit-succeed-message
{
	margin-bottom:20px;
	padding:10px;
	background-color:rgba(0,255,0,0.3);
	border-radius:4px;
	text-align:center;
	margin-top:1rem
}

.no-data-to-show,.ncompliance-no-deposit-message,.deposit-failed-message,.text-info,.no-accountt-message-container
{
	margin-bottom:20px;
	padding:10px;
	background-color:rgba(255,0,0,.5);
	border-radius:4px;
	margin-top:1rem;
	text-align:center
}

.nav-tabs li a
{
	padding:0 1rem 0 0
}

.nav-tabs li a:hover
{
	color:var(--main-color)
}

.accmenu .btn-align
{
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	max-width:100%;
	text-align:center
}

.btn-align
{
	text-align:center
}

.create-account-link
{
	text-align:center
}

.qst-register-radio-terms-label
{
	white-space:inherit
}

.form-horizontal .editable
{
	color:var(--main-color)
}

.editable-click,a.editable-click,a.editable-click:hover
{
	border:none
}

.select2-container .select2-selection--single
{
	height:calc(2.25rem + 2px);
	padding:.375rem .75rem
}

.select2-container
{
	margin:0
}

#list-trading-history,#list-pending-withdraws,#list-monetary-transaction,.tp-list-heading
{
	overflow-x:auto
}

.footer-image
{
	color:#111419
}

.sitemap
{
	padding:3rem 1rem
}

.disclaimer
{
	padding:1rem
}

.copyright
{
	padding:1rem
}

:lang(ar).dropdown-menu>li>a
{
	text-align:right
}

:lang(ar).form-group
{
	text-align:right
}

:lang(ar) td[align="left"]
{
	text-align:right
}

:lang(ar) td[align="right"]
{
	text-align:left
}

:lang(ar).sitemap .menu-link-with-children
{
	text-align:right
}

:lang(ar).text-left
{
	text-align:right!important
}

::-webkit-scrollbar
{
	width:12px;
	height:10px
}

::-webkit-scrollbar-track
{
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
	border-radius:10px
}

::-webkit-scrollbar-thumb
{
	border-radius:10px;
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5)
}

.menu-image.head_img
{
	min-height:400px!important; 
}
 
.menu-image
{
	background:url(../images/text-page-bg/index.jpg) top center no-repeat;
	min-height:400px;
	background-size:cover;
	margin-top:-60px
}

@media only screen and (max-width: 1280px){
.navbar-brand img {
    height: 70px;
}
}
@media only screen and (max-width: 1198px){

ul.navbar-nav.menu-topmenu.m-auto {
    margin-right: 0px!important;
}
.navbar-brand {
    margin-right: 0px!important;
    padding-top: 0px!important;
}
.navbar-brand img {
    height: 70px;
}
li.nav-item.dropdown.level-0 {
    font-size: 0.875rem;
}
.nav-link {
    padding: .5rem 0rem;
}
#registerLink, .qst-login-header-user-details-btn a, .create-account-link a {

    font-size: 0.875rem;
}
#loginLink, .qst-login-header-logoff-btn a {
    font-size: 0.875rem!important;
}
.dropdown-menu{
	 font-size: 0.875rem;
}
}
@media only screen and (max-width: 991px) {
.dropdown:hover .dropdown-menu {
    display: block!important;
    padding: 0px 20px;
}
	.navbar-brand img {
    height: 70px;
}
	.navbar-right
	{
		width:100%;
		display:flex;
		flex-direction:row;
		justify-content:center;
		margin-bottom:-.5rem;
		margin-top:.5rem
	}
	
	.qst-login-header-nav-unauthorized,.qst-login-header-nav-authorized
	{
		flex-direction:row;
		justify-content:center;
		margin-top:.5rem;
		align-items:center
	}
	
	.menu-image
	{
		margin-top:-130px
	}
	
	.navbar-dark .navbar-nav .menu-link-with-children
	{
		color:#fff
	}
	
	.navbar-collapse
	{
		padding:0 0 4rem
	}
	
	.navbar-nav .dropdown-menu
	{
		padding:0 3rem
	}
	
	.sitemap .navbar-nav .dropdown-menu
	{
		padding:0
	}
	
	button:focus
	{
		outline:none
	}
	
	.qst-languages-nav
	{
		text-align:center
	}
	
	.part-1,.part-2,.acc-part-1,.acc-part-2
	{
		width:100%
	}
	
	.control-label,label
	{
		white-space:pre
	}
	
	.navbar-brand
	{
		margin:0 .75rem
	}
	a#lang_box {
    text-align: left;
}
}

.menu-image
{
	min-height:auto!important
}

.website-content h2:first-of-type
{
	padding-bottom:1rem!important;
	margin-top:0!important
}

.website-content h2.head_title
{
	padding-bottom:9rem!important;
	margin-top:-13rem!important
}

@media (min-width: 992px) {
	.navbar-dark .navbar-nav .menu-link-with-children
	{
		color:#dedddc!important
	}
	
	.navbar-dark .navbar-nav .menu-link-with-children:hover
	{
		color:var(--main-color)!important
	}
}

@media only screen and (min-width: 768px) {
	.section-3 .widget
	{
		min-width:600px
	}
	
	.g-recaptcha
	{
		margin-left:12%
	}
}

@media only screen and (min-width: 992px) {
	.section-3 .widget
	{
		min-width:700px
	}
	
	.navbar-expand-lg
	{
		flex-wrap:wrap;
		justify-content:center
	}
	
	.menu-image
	{
		margin-top:-130px
	}
	
	.lang-dropdown
	{
		left:auto;
		right:0
	}
	
	.part-1,.part-2,.acc-part-1,.acc-part-2
	{
		width:50%
	}
	
	.control-label,label
	{
		white-space:pre-line
	}
	
	.tel-flex .col-lg-2
	{
		-ms-flex:0 0 25%;
		flex:0 0 25%;
		max-width:25%
	}
	
	.tel-flex .col-lg-10
	{
		-ms-flex:0 0 75%;
		flex:0 0 75%;
		max-width:75%
	}
	
	.qst-login-header-nav-unauthorized,.qst-login-header-nav-authorized
	{
		align-items:center
	}
	
	.disclaimer-img
	{
		max-width:100%
	}
	
	.navbar-dark .navbar-brand
	{
		display:flex;
		flex-direction:column
	}
	
	.fca-regulation
	{
		margin-top:.25rem
	}
	
	.g-recaptcha
	{
		margin-left:10%
	}
}

@media only screen and (max-width: 767px) {
	.account table
	{
		margin-top:0!important
	}
	
	.account
	{
		height:370px
	}
	
	.sitemap .dropdown.level-0
	{
		min-width:8rem
	}
}

@media only screen and (max-width: 575px) {
	.form-group
	{
		display:block!important
	}
	
	.navbar
	{
		padding:1rem .25rem .5rem
	}
}

.quick-deposit
{
	position:fixed;
	top:0;
	left:0;
	z-index:9999
}

#nav-toggle
{
	border:none;
	background-color:var(--main-color);
	font:inherit;
	font-size:1rem;
	letter-spacing:1px;
	color:#111419;
	transition:transform .2s ease;
	border-radius:0;
	padding:.5rem 2.3rem .5rem 3rem;
	position:absolute;
	top:10rem;
	left:0;
	cursor:pointer;
	margin-left:-1rem;
	transition:all .5s ease
}

#nav-toggle.home
{
	top:10rem;
}

#nav-toggle:focus
{
	outline:none
}

#nav-toggle a
{
	color:var(--btn-color);
}

#nav-toggle a:hover
{
	text-decoration:none
}

#nav-toggle:hover
{
	margin-left:0
}

@media screen and (max-width: 991px) {
	#nav-toggle
	{
		font-size:.8rem;
		padding:.5rem 1.3rem .5rem 2rem
	}
}

.hero
{
	width:100%;
	height: 110vh;
	min-height:750px;
	background-size:cover;
	display:flex;
	justify-content:flex-end;
	flex-direction:column
}

.section-1
{
	width:100%;
	min-height:675px;
	background-size:cover;
	display:flex;
	justify-content:center;
	flex-direction:column;
	padding:3rem 1rem
}

.section-1 .feature img
{
	
	max-width:110px;
	max-height:90px
}

.section-2
{
	width:100%;
	min-height:508px;
	background-size:cover;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	padding:2rem 1rem
}
.section-3 p.caption
{
	color:rgba(255,255,255,0.7);
}
.section-3
{
	width:100%;
	min-height:800px;
	background-size:cover;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	padding:2rem 1rem
}

.section-4
{
	background-color:#111419;
	width:100%;
	min-height:800px;
	background-size:cover;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	padding:2rem 1rem
}

.acount_box
{
	background:url(../images/section-4-acc/index.html) top center no-repeat;
	height:400px;
	width:auto;
	background-size:contain;
	text-align:center;
	display:flex;
	flex-direction:column;
	justify-content:center;
	    background: linear-gradient(45deg, #000 50%,#222 0%);
	        border: 2px solid;
	            border-color: var(--main-color);
}

.bronze
{
	color:#91532a!important
}

.silver
{
	color:#b6b5b1!important
}

.gold
{
	color:var(--main-color)!important
}

.account table
{
	width:70%
}

.account table tr
{
	border-bottom:1px groove #b6b5b1
}

.account .option
{
	font-size:1.3rem;
	font-weight:100
}

.account .value
{
	text-transform:uppercase;
	font-weight:400;
	color:var(--main-color);
	font-size:1.4rem
}
 
.table-responsive
{
	color:#dedddc
}

.footer-image
{
	min-height:400px;
	background-size:cover;
	text-align:center
}

.sitemap .dropdown-menu
{
	display:block
}

.sitemap .navbar-nav
{
	display:inline-flex;
	flex-direction:row;
	font-weight:100;
	width:100%;
	justify-content:space-between;
	flex-wrap:wrap
}

.sitemap .dropdown-menu
{
	background-color:transparent;
	font-weight:100
}

.sitemap .menu-link-with-children
{
	text-transform:uppercase;
	text-align:left
}

.sitemap .dropdown-toggle::after
{
	display:none
}

.sitemap .menu-link-no-children
{
	color:var(--button-background);
	padding:0
}

.sitemap .dropdown.level-0:nth-of-type(2),.sitemap .dropdown.level-0:nth-of-type(5)
{
	display:none
}

.sitemap .navbar-nav .dropdown-menu
{
	border:none
}

.sitemap .dropdown.level-0
{
	margin-bottom:1rem
}
.navbar-light .navbar-toggler
{
filter: brightness(0) invert(1);
}
.hidden
{
	display: none;
}
.body-bg
{
	background-color: #000000;
	background-image: url("https://www.transparenttextures.com/patterns/diagmonds.png");
	background-attachment: fixed;
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
	width:100%;
	height:auto; 
	padding-bottom:2rem
}

.blockUI.blockOverlay
{
	background-color:rgb(0,0,0)!important;
	opacity:.8!important
}

.panel-platform img
{
	max-height:70px
}

.hero.text-center
{
	    justify-content: center;
}
.text-center
{
	justify-content:center
}
 /*
body.contact_page #registerLink,body.contact_page .qst-login-header-user-details-btn a,body.contact_page .create-account-link a
{
	background-color:var(--main-color);
	color:#111419;
	border:1px solid var(--main-color)
}

body.contact_page #registerLink:hover,body.contact_page .qst-login-header-user-details-btn a:hover,body.contact_page .create-account-link a:hover
{
	background-color:#111419;
	color:var(--main-color)
}

body.contact_page #loginLink,.qst-login-header-logoff-btn a
{
	background-color:#111419;
	color:var(--main-color)!important;
	border:1px solid var(--main-color)
} 
body.contact_page #loginLink:hover,body.contact_page .qst-login-header-logoff-btn a:hover
{
	background-color:var(--main-color);
	color:#111419!important
} 
.website-content.contact_us #nav-toggle a
	{
		color:#111419!important
	}

.website-content.contact_us #nav-toggle
{
	background-color:var(--main-color);
	font:inherit;
	font-size:1rem
}
 
.website-content.contact_us h2:first-of-type
{
	padding-bottom:1rem!important;
	margin-top:0!important;
	padding-top:13rem;
	color:var(--main-color)
}
*/
  
.contact_us .contactus-form p
{
	color:#fff;
	padding-bottom: 30px;
}
.contact_us .contactus-form
{
	    
	background-size:100% 100%;
	min-height:550px;
	background:linear-gradient(45deg, #000 50%,#222 0%);
	 border: 2px solid;
	 border-color: var(--main-color);
}


.contact_us .contactus-form form
{
	max-width:80%;
	margin:2rem auto;
	padding:5rem 0
}

/*.contact_us .btn,.contact_us .btn-default,.contact_us input[type=submit]
{
	background-color:var(--main-color);
	color:#111419;
	border:1px solid var(--main-color);
	font-size:1rem;
	font-weight:400
}

.contact_us .btn:hover,.contact_us .btn-default:hover,.contact_us input[type=submit]:hover
{
	background-color:#111419;
	color:var(--main-color);
	border-color:var(--main-color)
}*/
section.section-1.text-center.mobile_spacing {
    background-size: cover!important;
}
.champions_section{
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #000;
	    overflow-x: hidden;
}

.champions_section .awards__title h2{
	
	position: relative;
    text-align: center;
    font-size: 30px;
    line-height: 48px;
    font-weight: 600;
    margin-bottom: 48px;
    z-index: 9999;
    color: #fff;

}
.champions_section .awards__title{
	position: relative;
}
.champions_section .awards__title .svg-text {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}
.champions_section .awards__title text {
    font-weight: 700;
    color: hsla(0,0%,94.9%,0.2);
    text-transform: uppercase;
    font-size: 10vw;
}
.champions_section .awards__item {
        display: block;
    padding: 20px 15px;
    margin: 0 auto;
    text-align: center;
    
    border-radius: 6px;
   background: linear-gradient(
180deg, #fff 50% , #ddd 0%);
    
}
.champions_section .awards__label {
    color: #2e3854;
    height: 72px;
    margin-bottom: 14px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    padding: 0 25px;
    overflow: hidden;
}
.champions_section .spacing_type{
	width: 100%;
	max-width: 870px;
	margin: auto;
}
.champions_section .spacing_type .item {
    margin: 0px 15px;
}
.champions_section .awards__image img{
    height: 150px;
    max-height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    object-fit: contain;
}
.champions_section .awards__number {
    color: hsla(0,0%,94.9%,.90);
    font-size: 90px;
    line-height: 90px;
    height: 90px;
    font-weight: 900;
    margin-top: 12px;
}

.champions_section .owl-dots {
    
    bottom: 0;
    left: 0;
    right: auto;
    text-align: center;
}
.champions_section .owl-dots .owl-dot {
    display: inline-block;
}
.champions_section .owl-dots .owl-dot span {
    background-color: transparent;
     border: 1px solid var(--main-color);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    display: block;
    transform: rotate(90deg);
    height: 15px;
    width: 15px;
    margin-top: 50px!important;
        margin: 5px 10px;
    filter: Alpha(Opacity=500);
    opacity: 1;
    border-radius: 50px;
}
.champions_section .owl-dot.active span {
    filter: Alpha(Opacity=100);
      opacity: 1;

    background-color: var(--main-color);!important;
    transform: rotate(0);
}



section.section-9.text-center.liquidity_section {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #111419;
    overflow-x: hidden;
}
.liquidity_section div#brands_list .item {
   border: 1px solid #111419;
    margin: 15px;
    background-color: rgb(255 255 255 / 85%);
    border-radius: 5px;
}
.liquidity_section div#brands_list .owl-stage-outer {
    margin-left: 10px;
}
.liquidity_section .awards_title h2{
	margin-bottom: 10px;
}
.liquidity_section .owl-carousel .owl-nav .owl-prev {
    background-color: transparent;
    color: var(--main-color);
    width: 20px;
    height: 60px;
    font-size: 60px;
    top: 0;
    left: -35px;
}
.liquidity_section .owl-carousel .owl-nav .owl-prev i {
    height: 40px;
    width: 40px;
}
.liquidity_section .owl-carousel .owl-nav .owl-next {
    background-color: transparent;
    color: var(--main-color);
    width: 20px;
    height: 60px;
    font-size: 60px;
    top: 0;
    right: -35px;
}
.liquidity_section .owl-carousel .owl-nav .owl-next i {
    height: 40px;
    width: 40px;
}

@media (max-width: 1250px) {
.champions_section .awards__title text {
    font-size: 10vw;
}
}

@media (max-width: 991px) {
	.contact_us .contactus-form
	{
		background-size:cover;
		min-height:330px
	}
	
	.contact_us .contactus-form form
	{
		padding:3rem 0
	}
	.champions_section {
    padding-top: 50px;
    padding-bottom: 50px;
}
	
}
@media (max-width: 768px){
	 header .header_languages_container
	 {

	 }
	 .navbar-collapse {
	 	padding: 0px;
    background: rgba(0,0,0,0.7);
	 }
	 .navbar-light .navbar-nav .nav-link {
	 	color: rgba(255,255,255,.8);
	 	text-align: left;
	 	padding: 10px 20px;
	 }
	 .navbar-right
	 {
	 	margin-bottom:20px;
	 }
	 .menu-image
	 {
	 	margin-top: -168px;
	 }
	 header
	 {
	 	background: rgba(0,0,0,0.8);

	 }
}
.btn-align
{
	text-align:center
}

.contact_us .form-control
{
	background-color:transparent;
	border:none;
	border-bottom:1px solid #ced4da;
	border-radius:0;
	padding:0
}

footer .copyright 
{
	color:rgba(255,255,255,0.7);
}
footer .navbar-nav .nav-link.menu-link-with-children
{
	color:rgba(255,255,255,0.7); 
}
footer .navbar-nav .nav-link
{
	
	color:var(--main-color);
}

/* Fixed Buttons */
#fixed-downloads {
	position: fixed;
	/*top: calc(50% - 75px);*/
	top: 100px;
	right: 0;
	list-style: none;
	padding-left: 0;
	display: flex;
	flex-direction: column;
	z-index:9;
}
#fixed-downloads a {
	background: #fff;
	width: 83px;
	height: 80px;
	margin-bottom: 5px;
	font-size: 14px;
	font-family: roboto,sans-serif;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	display: block;
}
#fixed-downloads img {
	max-width: 100%;
	border-right: 3px solid rgba(37,37,37,0.6);
}
#fixed-downloads img.anydesk-img {
	padding: 10px;
}
.page-traderoom #fixed-downloads {
	display: none !important;
}

@media (max-width: 990px){
.liquidity_section .owl-carousel .owl-nav .owl-prev{
	left: -25px;
}
.liquidity_section .owl-carousel .owl-nav .owl-next{
	right: -25px;
}
}
@media (max-width: 767px) {
	#fixed-downloads {
		top: calc(50%);
	}

	.champions_section .awards__title text {
	font-size: 8vw;
}
.home_page_video_section .vid_sec {
    flex-direction: column;
    justify-content: flex-end;
    padding-top: 0px;
    padding-bottom: 40px;
}
}
@media (max-width: 480px) {
.champions_section .awards__title text {
	font-size: 8vw;
}
.champions_section .awards__title h2 {
	margin-bottom: 30px;
}
.champions_section .awards__title .svg-text {
	top: 15%;
}
.owl-nav {
    position: relative;
    text-align: center;
}

.liquidity_section .owl-carousel .owl-nav .owl-prev {
    position: inherit;
    display: inline-block;
        font-size: 45px;
}

.liquidity_section .owl-carousel .owl-nav .owl-next {
    position: inherit;
    display: inline-block;
        font-size: 45px;
}

}

/* ============================================================
   MODERN REDESIGN OVERRIDES — dark navy + electric blue theme
   Applied globally across all pages and languages.
   ============================================================ */
:root{
  --nx-bg:#0a1024;
  --nx-bg-2:#0f1733;
  --nx-surface:#141d3f;
  --nx-surface-2:#1a2450;
  --nx-border:rgba(255,255,255,0.08);
  --nx-border-strong:rgba(255,255,255,0.14);
  --nx-text:#e6ecff;
  --nx-text-muted:#8892b8;
  --nx-primary:#3b6dff;
  --nx-primary-2:#5b8bff;
  --nx-primary-glow:0 10px 40px -10px rgba(59,109,255,.65);
  --nx-accent:#22d3ee;
  --nx-success:#22c55e;
  --nx-danger:#ef4444;
  --nx-gold:#e8b84a;
  --nx-silver:#c5cbd8;
  --nx-bronze:#c68b57;
  --nx-radius:14px;
  --nx-radius-lg:22px;
  --nx-font:'Inter','Roboto','Segoe UI',sans-serif;
  --nx-display:'Oswald','Inter',sans-serif;
}

html,body{
  background:var(--nx-bg)!important;
  color:var(--nx-text)!important;
  font-family:var(--nx-font)!important;
  -webkit-font-smoothing:antialiased;
  scroll-behavior:smooth;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(1000px 500px at 15% -10%,rgba(59,109,255,.18),transparent 60%),
    radial-gradient(800px 400px at 90% 10%,rgba(34,211,238,.10),transparent 60%);
}
main,.website-content{position:relative;z-index:1;background:transparent!important;}

h1,h2,h3,h4,h5,h6{
  font-family:var(--nx-display);color:var(--nx-text);letter-spacing:.2px;font-weight:600;
}
p,li,span,div,td,th,label{color:var(--nx-text);}
a{color:var(--nx-primary-2);transition:color .2s ease;}
a:hover{color:var(--nx-accent);text-decoration:none;}

/* NAVBAR */
.navbar,.navbar.bg-dark{
  background:rgba(10,16,36,.85)!important;
  backdrop-filter:saturate(160%) blur(14px);
  -webkit-backdrop-filter:saturate(160%) blur(14px);
  border-bottom:1px solid var(--nx-border);
  padding:14px 32px!important;
  box-shadow:0 8px 30px rgba(0,0,0,.25);
}
.navbar-brand img{max-height:42px;width:auto;}
.navbar-brand .fca-regulation{max-height:22px;margin-top:6px;opacity:.8;}
.navbar-nav .nav-link,.navbar a{color:var(--nx-text)!important;font-weight:500;font-size:14px;letter-spacing:.3px;}
.navbar-nav .nav-link:hover,.navbar a:hover{color:var(--nx-primary-2)!important;}
.navbar-toggler{border:1px solid var(--nx-border-strong);border-radius:10px;}
.navbar-toggler-icon{filter:invert(1);}

/* Quick deposit CTA */
.quick-deposit{position:fixed;right:22px;bottom:22px;z-index:60;}
.quick-deposit button,.quick-deposit .home{
  background:linear-gradient(135deg,var(--nx-primary),var(--nx-primary-2))!important;
  border:0!important;border-radius:999px!important;padding:14px 28px!important;
  box-shadow:var(--nx-primary-glow);color:#fff!important;font-weight:600;
  transition:transform .2s ease,box-shadow .2s ease;
}
.quick-deposit button:hover{transform:translateY(-2px);box-shadow:0 14px 50px -10px rgba(59,109,255,.9);}
.quick-deposit a{color:#fff!important;text-decoration:none;}

/* HERO / video */
.home_page_video_section{
  position:relative;min-height:88vh;display:flex;align-items:center;justify-content:center;
  overflow:hidden;border-bottom:1px solid var(--nx-border);
}
.myVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;filter:saturate(120%) contrast(105%);}
.home_page_video_section::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(10,16,36,.4) 0%,rgba(10,16,36,.85) 70%,var(--nx-bg) 100%);
}
.vid_sec{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:60px 20px;}
.bear_bull{max-width:520px;filter:drop-shadow(0 20px 60px rgba(59,109,255,.35));}

/* SECTIONS */
section[class*="section-"]{
  padding:88px 20px!important;position:relative;
}
.section-1,.section-3,.section-8,.champions_section{background:transparent;}
.section-2,.section-4,.liquidity_section{
  background:linear-gradient(180deg,var(--nx-bg-2),var(--nx-bg));
}
section h2,.awards_title h2,.head_title{
  font-size:clamp(28px,4vw,44px);font-weight:700;margin-bottom:14px;color:#fff;
  text-transform:none;letter-spacing:-.5px;
}
section h2::before,.awards_title h2::before{
  content:"";display:block;color:var(--nx-primary-2);font-size:12px;letter-spacing:3px;
  text-transform:uppercase;margin-bottom:14px;font-weight:600;
}
.caption,section p{color:var(--nx-text-muted);max-width:720px;margin:0 auto 40px;line-height:1.7;font-size:16px;}

/* FEATURE / ACCOUNT CARDS */
.feature,.acount_box,.account,.awards__item,.panel-platform{
  background:linear-gradient(180deg,var(--nx-surface),var(--nx-surface-2))!important;
  border:1px solid var(--nx-border)!important;
  border-radius:var(--nx-radius-lg)!important;
  padding:32px 26px!important;
  margin:14px 0;
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
  box-shadow:0 10px 30px rgba(0,0,0,.25);
  position:relative;overflow:hidden;
}
.feature:hover,.acount_box:hover,.account:hover,.panel-platform:hover{
  transform:translateY(-4px);
  border-color:var(--nx-primary)!important;
  box-shadow:0 20px 50px -10px rgba(59,109,255,.35);
}
.feature-title,.acount_box h3,.acount_box h2,.account h3,.awards__label{
  color:#fff!important;font-weight:600;font-size:20px;margin:14px 0 8px;
}
.feature img,.acount_box img,.awards__image img,.panel-platform img{
  max-height:56px;width:auto;margin-bottom:10px;
}

/* Account pricing (bronze/silver/gold) */
.acount_box{text-align:left;}
.acount_box .bold{font-size:44px;font-weight:800;color:#fff;line-height:1;display:block;margin:12px 0 6px;}
.acount_box .bold.bronze{background:linear-gradient(135deg,#e0a370,#c68b57);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.acount_box .bold.silver{background:linear-gradient(135deg,#e8ecf6,#a8b0c4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.acount_box .bold.gold{background:linear-gradient(135deg,#f7dc7a,#e8b84a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.orange,.bronze{color:var(--nx-bronze)!important;font-weight:600;letter-spacing:2px;text-transform:uppercase;font-size:12px;}
.silver{color:var(--nx-silver)!important;font-weight:600;letter-spacing:2px;text-transform:uppercase;font-size:12px;}
.gold{color:var(--nx-gold)!important;font-weight:600;letter-spacing:2px;text-transform:uppercase;font-size:12px;}
.orange-bullets,.orange-bullet{list-style:none;padding-left:0;}
.orange-bullets li,.orange-bullet li{
  position:relative;padding:8px 0 8px 28px;color:var(--nx-text);
}
.orange-bullets li::before,.orange-bullet li::before{
  content:"✓";position:absolute;left:0;top:8px;color:var(--nx-primary-2);
  font-weight:700;width:20px;height:20px;
}

/* BUTTONS */
.btn,.btn-lg,button.btn{
  border-radius:10px!important;font-weight:600!important;letter-spacing:.3px;
  padding:12px 26px!important;transition:all .2s ease!important;border:0;
}
.btn-dark,.btn-lg.btn-dark{
  background:linear-gradient(135deg,var(--nx-primary),var(--nx-primary-2))!important;
  color:#fff!important;box-shadow:var(--nx-primary-glow);
}
.btn-dark:hover{transform:translateY(-2px);box-shadow:0 14px 40px -10px rgba(59,109,255,.85)!important;color:#fff!important;}
.btn-orange{
  background:transparent!important;color:var(--nx-text)!important;
  border:1px solid var(--nx-border-strong)!important;
}
.btn-orange:hover{background:rgba(255,255,255,.06)!important;color:#fff!important;border-color:var(--nx-primary)!important;}

/* TABLES */
.table-responsive{
  background:var(--nx-surface);border:1px solid var(--nx-border);
  border-radius:var(--nx-radius-lg);padding:8px;overflow:hidden;
}
.table{color:var(--nx-text)!important;margin-bottom:0!important;}
.table thead th,.tblHeaders,.tblHeader{
  background:transparent!important;color:var(--nx-text-muted)!important;
  border:0!important;border-bottom:1px solid var(--nx-border)!important;
  text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:600;padding:16px 18px!important;
}
.table td{
  border-color:var(--nx-border)!important;padding:16px 18px!important;vertical-align:middle;
  color:var(--nx-text)!important;
}
.table-striped tbody tr:nth-of-type(odd){background:rgba(255,255,255,.02)!important;}
.table tbody tr:hover{background:rgba(59,109,255,.06)!important;}

/* FORMS */
.form-control{
  background:var(--nx-surface)!important;border:1px solid var(--nx-border)!important;
  color:var(--nx-text)!important;border-radius:10px!important;padding:12px 16px!important;
  height:auto!important;
}
.form-control:focus{border-color:var(--nx-primary)!important;box-shadow:0 0 0 3px rgba(59,109,255,.2)!important;}
.form-control::placeholder{color:var(--nx-text-muted);}
label{color:var(--nx-text-muted);font-weight:500;font-size:14px;margin-bottom:6px;}
.contactus-form{
  background:linear-gradient(180deg,var(--nx-surface),var(--nx-surface-2));
  border:1px solid var(--nx-border);border-radius:var(--nx-radius-lg);
  padding:36px;max-width:640px;margin:0 auto;
}

/* AWARDS / champions */
.awards__number{color:var(--nx-primary-2)!important;font-weight:800;font-size:36px;}
.awards__label{color:var(--nx-text);}
.champions_section .awards__item{text-align:center;}

/* Liquidity carousel */
.liquidity_section .owl-carousel img{
  filter:brightness(0) invert(1);opacity:.55;transition:opacity .3s ease;max-height:60px;width:auto;margin:0 auto;
}
.liquidity_section .owl-carousel img:hover{opacity:1;}

/* Menu image / hero banners on inner pages */
.menu-image,.head_img{
  min-height:280px;background-size:cover;background-position:center;
  position:relative;border-bottom:1px solid var(--nx-border);
}
.menu-image::after,.head_img::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(10,16,36,.55),var(--nx-bg));
}
.head_title{position:relative;z-index:2;padding:60px 20px 20px;text-align:center;}

/* Mobile trading images */
.img-platform,.mt4-text-download img{max-width:100%;height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.4));}
.panel-platform{text-align:center;}

/* FOOTER */
footer,.footer{
  background:var(--nx-bg-2)!important;border-top:1px solid var(--nx-border);
  padding:60px 20px 30px!important;color:var(--nx-text-muted);
}
footer a,.footer a{color:var(--nx-text-muted);}
footer a:hover,.footer a:hover{color:var(--nx-primary-2);}
footer h5,footer h4,.footer h5,.footer h4{color:#fff;text-transform:uppercase;letter-spacing:2px;font-size:12px;margin-bottom:18px;}

/* Utility */
.text-danger,.field-validation-valid{color:var(--nx-danger)!important;}
hr{border-color:var(--nx-border);}
::selection{background:var(--nx-primary);color:#fff;}

/* Reveal-on-scroll baseline */
section{opacity:1;}

/* Responsive tuning */
@media (max-width:768px){
  section[class*="section-"]{padding:56px 16px!important;}
  .navbar{padding:12px 16px!important;}
  .bear_bull{max-width:80%;}
  .home_page_video_section{min-height:70vh;}
  .acount_box .bold{font-size:34px;}
}

/* Force fixed position for quick deposit */
.quick-deposit{position:fixed!important;right:22px!important;left:auto!important;bottom:22px!important;top:auto!important;z-index:9999!important;}

/* ============================================================
   V2 REFINEMENTS — addresses feedback:
   header/logo, hero banner text, liquidity chips,
   feature card redesign, tighter accounts, footer polish,
   language dropdown fix. Global across all pages/languages.
   ============================================================ */

/* --- NAVBAR + LOGO --- */
header .navbar,
header .navbar.bg-dark{
  background:linear-gradient(180deg,rgba(10,16,36,.96),rgba(10,16,36,.78))!important;
  border-bottom:1px solid rgba(91,139,255,.22)!important;
  padding:10px 28px!important;
  box-shadow:0 6px 24px rgba(0,0,0,.35);
}
.navbar-brand img{
  max-height:44px;width:auto;
  
}
.navbar-brand .fca-regulation{max-height:20px;opacity:.85;}
.navbar-nav .nav-link,
.navbar a.nav-link,
.navbar .text-color{
  color:#e6ecff!important;font-weight:500;font-size:14px;
  padding:10px 14px!important;border-radius:8px;transition:all .2s ease;
}
.navbar-nav .nav-link:hover,
.navbar a.nav-link:hover,
.navbar .text-color:hover{
  color:#5b8bff!important;background:rgba(91,139,255,.08);
}
.navbar .dropdown-menu{
  background:#0f1733!important;border:1px solid rgba(91,139,255,.22)!important;
  border-radius:12px!important;padding:10px!important;margin-top:10px!important;
  box-shadow:0 20px 60px rgba(0,0,0,.5);
}
.navbar .dropdown-menu a,
.navbar .dropdown-item a,
.navbar .dropdown-item{
  color:#c8d0ee!important;border-radius:8px!important;padding:8px 12px!important;
}
.navbar .dropdown-menu a:hover,
.navbar .dropdown-item:hover{background:rgba(91,139,255,.12)!important;color:#fff!important;}

/* Register / Login buttons in navbar */
.navbar-right .nav-link,
.qst-login-header-register-btn a,
.qst-login-header-login-btn a{
  border-radius:10px!important;padding:8px 16px!important;font-weight:600!important;
}
.qst-login-header-register-btn a{
  background:linear-gradient(135deg,#3b6dff,#22d3ee)!important;color:#fff!important;
  box-shadow:0 8px 22px -8px rgba(59,109,255,.7);
}
.qst-login-header-login-btn a{
  background:transparent!important;color:#fff!important;
  border:1px solid rgba(91,139,255,.4)!important;
}

/* --- HERO BANNER: add overlay title/subtitle without editing HTML --- */
.home_page_video_section{min-height:92vh;}
.myVideo{opacity:.45;}
.home_page_video_section::before{
  content:"Trade the markets with confidence";
  position:absolute;left:0;right:0;top:24%;text-align:center;z-index:3;
  font-family:'Oswald','Inter',sans-serif;font-weight:700;
  font-size:clamp(30px,5.4vw,68px);line-height:1.08;color:#fff;letter-spacing:-1px;
  padding:0 22px;
  text-shadow:0 8px 40px rgba(0,0,0,.6);
}
.home_page_video_section::after{
  background:linear-gradient(180deg,rgba(10,16,36,.55) 0%,rgba(10,16,36,.35) 40%,rgba(10,16,36,.9) 90%,var(--nx-bg) 100%);
}
.vid_sec{padding:0 20px!important;}
.vid_sec .col-md-4{display:none;}
.vid_sec .col-md-8{flex:0 0 100%;max-width:100%;text-align:center;position:relative;}
.vid_sec .col-md-8::before{
  content:"Forex • Indices • Commodities • Crypto CFDs — one professional platform, zero commissions.";
  display:block;max-width:720px;margin:16px auto 30px;
  color:#c9d3f5;font-size:clamp(15px,1.5vw,19px);line-height:1.6;font-weight:400;
}
.vid_sec .col-md-8::after{
  content:"Start Trading  →";
  display:inline-block;margin:24px auto 0;
  background:linear-gradient(135deg,#3b6dff,#22d3ee);color:#fff;
  padding:16px 36px;border-radius:999px;font-weight:600;letter-spacing:.4px;
  box-shadow:0 20px 50px -12px rgba(59,109,255,.7);
  font-family:'Inter',sans-serif;font-size:15px;
}
.bear_bull{
  max-width:min(560px,80%)!important;height:auto;margin:120px auto 0;
  filter:drop-shadow(0 30px 80px rgba(59,109,255,.5)) drop-shadow(0 0 40px rgba(34,211,238,.25));
}

/* --- LIQUIDITY PROVIDERS: white chips so logos are visible --- */
.liquidity_section{padding:70px 20px!important;background:linear-gradient(180deg,#0f1733,#0a1024)!important;}
.liquidity_section .owl-carousel .item{
  padding:8px;
}
.liquidity_section .owl-carousel img{
  filter:none!important;opacity:1!important;
  max-height:64px!important;width:auto;margin:0 auto;
  background:#fff;padding:14px 20px;border-radius:14px;
  box-shadow:0 10px 24px rgba(0,0,0,.35);
  transition:transform .25s ease;
}
.liquidity_section .owl-carousel img:hover{transform:translateY(-3px);}
.liquidity_section .awards_title h2{margin-bottom:36px;}

/* --- SERVICES & FEATURES: unique bento cards with icon halo --- */
.section-1{padding:100px 20px 90px!important;}
.section-1 .container.row{
  max-width:1200px;gap:22px;justify-content:center;
}
.section-1 .feature{
  flex:1 1 240px;max-width:280px;
  background:linear-gradient(160deg,rgba(30,42,90,.9),rgba(15,23,51,.9))!important;
  border:1px solid rgba(91,139,255,.15)!important;
  border-radius:20px!important;
  padding:36px 26px 30px!important;
  text-align:left;position:relative;overflow:hidden;
  transition:all .35s cubic-bezier(.2,.7,.2,1);
}
.section-1 .feature::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(240px 120px at 20% 0%,rgba(59,109,255,.28),transparent 70%);
  opacity:.9;pointer-events:none;
}
.section-1 .feature::after{
  content:"";position:absolute;left:26px;top:26px;
  width:64px;height:64px;border-radius:16px;
  background:linear-gradient(135deg,rgba(59,109,255,.25),rgba(34,211,238,.18));
  border:1px solid rgba(91,139,255,.35);
  z-index:0;
}
.section-1 .feature img{
  position:relative;z-index:1;max-height:32px!important;
  margin:16px 0 22px 16px;
  filter:brightness(0) invert(1);
}
.section-1 .feature .feature-title{
  position:relative;z-index:1;font-size:19px!important;font-weight:700!important;
  color:#fff!important;
}
.section-1 .feature > div{display:none;} /* hides the "-" divider */
.section-1 .feature p{
  position:relative;z-index:1;color:#a9b3d6!important;font-size:14px;line-height:1.65;margin:0;
}
.section-1 .feature:hover{
  transform:translateY(-6px);
  border-color:rgba(91,139,255,.55)!important;
  box-shadow:0 30px 60px -20px rgba(59,109,255,.5);
}

/* --- ACCOUNT COMPARISON: tighter --- */
.section-4{padding:70px 20px 60px!important;}
.section-4 .container.row{max-width:1080px;gap:18px;justify-content:center;}
.section-4 .account,
.section-4 .acount_box{
  flex:1 1 260px;max-width:300px;
  padding:26px 24px!important;margin:8px 0!important;
  border-radius:18px!important;
}
.section-4 .account h3,
.section-4 .acount_box h3{margin:6px 0 4px!important;font-size:18px!important;}
.section-4 .acount_box .bold{font-size:34px!important;margin:6px 0 4px!important;}
.section-4 .orange-bullets,
.section-4 .orange-bullet{margin:12px 0!important;}
.section-4 .orange-bullets li,
.section-4 .orange-bullet li{padding:6px 0 6px 24px!important;font-size:14px!important;}
.section-4 .btn{margin-top:10px!important;padding:10px 22px!important;font-size:13px!important;}
.section-4 br + br{display:none;}
.section-4 br{line-height:.4;}

/* --- SECTION-2 CTA band --- */
.section-2{
  background:linear-gradient(120deg,#101a3d 0%,#0a1024 60%),radial-gradient(600px 300px at 80% 20%,rgba(34,211,238,.2),transparent 70%)!important;
  border-top:1px solid rgba(91,139,255,.15);border-bottom:1px solid rgba(91,139,255,.15);
}

/* --- FOOTER polish --- */
footer,.footer,.footer-image{
  background:
    linear-gradient(180deg,rgba(10,16,36,.85),rgba(10,16,36,.98)),
    url(../images/footer/index.html) center/cover no-repeat,
    #0a1024!important;
  border-top:1px solid rgba(91,139,255,.22)!important;
  padding:70px 20px 26px!important;color:#a9b3d6;
  position:relative;
}
.footer-image::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(700px 260px at 15% 0%,rgba(59,109,255,.18),transparent 70%),
             radial-gradient(500px 220px at 85% 100%,rgba(34,211,238,.12),transparent 70%);
}
footer *, .footer *, .footer-image *{position:relative;}
footer .container, .footer-image .container{max-width:1200px;}
footer h5,footer h4,.footer h5,.footer h4{
  color:#fff!important;text-transform:uppercase;letter-spacing:2px;
  font-size:12px;margin-bottom:16px;font-weight:600;
}
footer ul{list-style:none;padding:0;}
footer ul li{padding:5px 0;}
footer a{color:#a9b3d6!important;}
footer a:hover{color:#5b8bff!important;}
footer hr{border-color:rgba(255,255,255,.08);margin:28px 0 18px;}

/* --- LANGUAGE DROPDOWN (fix visibility) --- */
.lang-menu-2{position:relative;margin-left:8px;}
#lang_box{
  display:inline-flex!important;align-items:center;gap:6px;
  padding:8px 14px!important;border-radius:10px;
  background:rgba(255,255,255,.06);border:1px solid rgba(91,139,255,.28);
  color:#fff!important;font-weight:600;font-size:13px;
}
#lang_box::after{content:"▾";margin-left:4px;font-size:11px;color:#8892b8;border:0;}
#lang_box img.flag{display:none;} /* blank.gif is empty */
#lang_box::before{content:"🌐  EN";}
html[lang="it"] #lang_box::before,body:has(a[href*="/it-it/"].active) #lang_box::before{content:"🌐  IT";}
html[lang="de"] #lang_box::before{content:"🌐  DE";}
html[lang="pt"] #lang_box::before{content:"🌐  PT";}

.lang-dropdown{
  background:#0f1733!important;border:1px solid rgba(91,139,255,.28)!important;
  border-radius:12px!important;padding:8px!important;min-width:180px;right:0!important;left:auto!important;
  box-shadow:0 24px 60px rgba(0,0,0,.55);
}
.lang-dropdown .dropdown-item{
  padding:8px 12px!important;border-radius:8px!important;color:#c8d0ee!important;
  display:flex;align-items:center;gap:10px;
}
.lang-dropdown .dropdown-item:hover{background:rgba(91,139,255,.14)!important;color:#fff!important;}
.lang-dropdown .dropdown-item img.flag{display:none;}
.lang-dropdown .dropdown-item a{color:inherit!important;display:flex;align-items:center;gap:10px;width:100%;}
.lang-dropdown .dropdown-item a::before{font-size:16px;}
.lang-dropdown .dropdown-item a[href*="en-us"]::before{content:"🇬🇧";}
.lang-dropdown .dropdown-item a[href*="it-it"]::before{content:"🇮🇹";}
.lang-dropdown .dropdown-item a[href*="de-de"]::before{content:"🇩🇪";}
.lang-dropdown .dropdown-item a[href*="pt-pt"]::before{content:"🇵🇹";}
/* Fallback if bootstrap JS is missing: open on hover */
.lang-menu-2:hover .lang-dropdown{display:block!important;}

/* --- Responsive --- */
@media (max-width:900px){
  .home_page_video_section::before{top:18%;font-size:34px;}
  .bear_bull{margin-top:180px;max-width:78%!important;}
  .section-1 .feature{max-width:100%;}
  header .navbar{padding:10px 14px!important;}
}
@media (max-width:600px){
  .home_page_video_section::before{top:16%;font-size:26px;line-height:1.15;}
  .vid_sec .col-md-8::before{font-size:14px;margin:12px auto 20px;padding:0 10px;}
  .vid_sec .col-md-8::after{padding:12px 24px;font-size:13px;}
  .bear_bull{margin-top:200px;}
}

/* ============================================================
   V3 REFINEMENTS — user feedback:
   - blue site-color logo
   - hero: real DOM title/subtitle/CTA (no overlap on bulls)
   - services: remove empty gap
   - accounts: cards auto-height so all rows visible
   - working Google Translate widget in header
   ============================================================ */

/* Recolor logo to site-blue (matches #3b6dff / #22d3ee palette) */
.navbar-brand img{
  
  max-height:46px;
}
.navbar-brand .fca-regulation{
  filter: brightness(0) invert(1) !important;
  opacity:.75; max-height:18px; margin-top:4px;
}

/* Kill previous CSS-only hero overlay (replaced by real DOM via nx-enhance.js) */
.home_page_video_section::before{content:none !important;}
.vid_sec .col-md-8::before,
.vid_sec .col-md-8::after{content:none !important;}
.vid_sec .col-md-4{display:block !important;}
.vid_sec{display:flex;align-items:center;min-height:80vh;position:relative;z-index:2;padding:80px 20px 40px !important;}
.vid_sec .col-md-8{text-align:center;}
.bear_bull{
  margin:0 auto !important; max-width:min(520px,88%) !important;
  filter:drop-shadow(0 30px 80px rgba(59,109,255,.5)) drop-shadow(0 0 40px rgba(34,211,238,.25));
}

/* Real hero overlay injected by nx-enhance.js */
.nx-hero-overlay{
  position:absolute; inset:0; z-index:3; pointer-events:none;
  display:flex; flex-direction:column; justify-content:center; align-items:center;
  padding:110px 22px 60px; text-align:center;
}
.nx-hero-overlay > *{pointer-events:auto;}
.nx-hero-eyebrow{
  color:#8ea8ff; font-size:13px; font-weight:600; letter-spacing:3px;
  text-transform:uppercase; margin:0 0 14px;
}
.nx-hero-title{
  font-family:'Oswald','Inter',sans-serif; font-weight:700;
  font-size:clamp(30px,5.2vw,64px); line-height:1.05;
  color:#fff; margin:0 auto 18px; max-width:920px; letter-spacing:-1px;
  text-shadow:0 8px 40px rgba(0,0,0,.55);
}
.nx-hero-title span{
  background:linear-gradient(135deg,#5b8bff,#22d3ee);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.nx-hero-sub{
  color:#c9d3f5; font-size:clamp(14px,1.4vw,18px); line-height:1.65;
  max-width:640px; margin:0 auto 26px;
}
.nx-hero-cta{
  display:inline-flex;align-items:center;gap:10px;
  background:linear-gradient(135deg,#3b6dff,#22d3ee); color:#fff !important;
  padding:15px 34px; border-radius:999px; font-weight:600; font-size:15px;
  letter-spacing:.3px; text-decoration:none !important;
  box-shadow:0 20px 50px -12px rgba(59,109,255,.75);
  transition:transform .2s ease, box-shadow .2s ease;
}
.nx-hero-cta:hover{transform:translateY(-2px);box-shadow:0 26px 60px -14px rgba(59,109,255,.9);color:#fff;}
.nx-hero-cta.secondary{
  background:rgba(255,255,255,.06); border:1px solid rgba(91,139,255,.35); margin-left:12px;
  box-shadow:none;
}
.nx-hero-cta-row{margin-top:6px;}

/* Section-1: remove empty gap above cards */
.section-1{padding:70px 20px 70px !important;background-color:#0a1024 !important;}
.section-1 > br{display:none !important;}
.section-1 .caption{margin:0 0 6px !important; color:#8ea8ff; text-transform:uppercase; letter-spacing:3px; font-size:12px; font-weight:600;}
.section-1 > h2.bold{
  font-family:'Oswald','Inter',sans-serif; margin:0 auto 40px !important;
  font-size:clamp(28px,3.4vw,42px); color:#fff; letter-spacing:.5px;
  background:linear-gradient(135deg,#5b8bff,#22d3ee);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}

/* Account cards: allow full content, no cutoff */
.section-4 .account,
.section-4 .acount_box{
  max-width:340px !important; height:auto !important; overflow:visible !important;
  padding:28px 24px 26px !important;
}
.section-4 .acount_box .table-responsive{
  background:rgba(255,255,255,.03) !important; border:1px solid rgba(91,139,255,.18) !important;
  border-radius:14px !important; padding:14px 16px !important; margin:14px 0 18px !important;
  overflow:visible !important;
}
.section-4 .acount_box table{width:100% !important; margin:0 !important;}
.section-4 .acount_box table td{
  padding:9px 6px !important; border:0 !important; border-bottom:1px dashed rgba(91,139,255,.14) !important;
  font-size:14px !important; color:#c8d0ee !important; white-space:normal !important;
}
.section-4 .acount_box table tr:last-child td{border-bottom:0 !important;}
.section-4 .acount_box table td.value{color:#22d3ee !important; font-weight:600 !important;}
.section-4 .acount_box .btn{display:inline-block; margin-top:6px !important;}

/* Google Translate widget in header */
.lang-menu-2{display:none !important;} /* hide old broken switcher */
.nx-translate-wrap{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 12px; border-radius:10px;
  background:rgba(255,255,255,.06); border:1px solid rgba(91,139,255,.28);
  color:#fff; margin-left:8px;
}
.nx-translate-wrap::before{content:"🌐"; font-size:14px;}
.nx-translate-wrap select.goog-te-combo{
  background:transparent !important; color:#fff !important; border:0 !important;
  font-weight:600 !important; font-size:13px !important; outline:none !important;
  padding:4px 6px !important; cursor:pointer;
}
.nx-translate-wrap select.goog-te-combo option{color:#111;}
/* Hide Google Translate cruft */
.goog-te-banner-frame.skiptranslate,
.goog-logo-link, .goog-te-gadget span{display:none !important;}
.goog-te-gadget{color:transparent !important; font-size:0 !important;}
body{top:0 !important;}
.goog-tooltip, .goog-tooltip:hover, .goog-text-highlight{
  background:none !important; box-shadow:none !important;
}

/* Extra: keep footer readable */
footer .container-fluid.footer-image{padding:40px 20px 20px !important;}

@media (max-width:900px){
  .nx-hero-overlay{padding:130px 18px 40px;}
  .vid_sec{min-height:88vh;}
}

/* ============================================================
   V4 FIXES
   1. Liquidity providers: white chip backgrounds removed
   2. Account comparison: double-boxed cards flattened to one card
   3. Flag language switcher (EN / IT / DE / ES)
   ============================================================ */

/* --- 1. LIQUIDITY PROVIDERS: no background boxes at all --- */
.liquidity_section{
  padding:80px 20px!important;
  background:linear-gradient(180deg,#0d1430 0%,#0a1024 100%)!important;
}
.liquidity_section .owl-carousel .item,
.liquidity_section div#brands_list .item{
  background:none!important;background-color:transparent!important;
  border:0!important;box-shadow:none!important;padding:10px 14px!important;
  display:flex;align-items:center;justify-content:center;min-height:96px;
}
.liquidity_section .owl-carousel .owl-stage-outer,
.liquidity_section .owl-carousel .owl-stage,
.liquidity_section .owl-carousel .owl-item{
  background:none!important;border:0!important;box-shadow:none!important;
}
.liquidity_section .owl-carousel img{
  background:none!important;background-color:transparent!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  padding:0!important;margin:0 auto!important;
  max-height:44px!important;width:auto!important;
  filter:none!important;opacity:.72;
  transition:opacity .3s ease,transform .3s ease;
}
.liquidity_section .owl-carousel img:hover{
  opacity:1;transform:translateY(-3px) scale(1.03);
}
.liquidity_section .awards_title h2{margin-bottom:44px;letter-spacing:-.5px;}

/* --- 2. ACCOUNT COMPARISON: one clean card, no nested box --- */
.section-4 .container.row{max-width:1120px;gap:24px;align-items:stretch!important;}
.section-4 .account{
  background:none!important;background-color:transparent!important;
  border:0!important;box-shadow:none!important;
  padding:0!important;margin:0!important;
  flex:1 1 300px;max-width:340px;
}
.section-4 .account .acount_box{
  height:100%;display:flex;flex-direction:column;justify-content:space-between;
  background:linear-gradient(170deg,rgba(24,35,78,.92),rgba(13,20,48,.96))!important;
  border:1px solid rgba(91,139,255,.18)!important;
  border-radius:20px!important;
  padding:34px 28px 30px!important;
  box-shadow:0 24px 60px -30px rgba(0,0,0,.85)!important;
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.section-4 .account .acount_box:hover{
  transform:translateY(-6px);
  border-color:rgba(91,139,255,.5)!important;
  box-shadow:0 34px 70px -28px rgba(59,109,255,.45)!important;
}
.section-4 .acount_box h2.bold{
  font-size:26px!important;letter-spacing:3px;margin:0 0 6px!important;
}
.section-4 .acount_box .table-responsive{
  background:none!important;border:0!important;box-shadow:none!important;padding:0!important;
}
.section-4 .acount_box table{
  margin:22px auto 26px!important;width:100%;background:none!important;
}
.section-4 .acount_box table td{
  border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;
  padding:11px 2px!important;font-size:14px!important;background:none!important;
}
.section-4 .acount_box table tr:last-child td{border-bottom:0!important;}
.section-4 .acount_box table td.option{color:#a9b3d6!important;font-weight:400;}
.section-4 .acount_box table td.value{color:#22d3ee!important;font-weight:700;}
.section-4 .acount_box .btn{
  background:linear-gradient(135deg,#3b6dff,#22d3ee)!important;
  border:0!important;color:#fff!important;border-radius:999px!important;
  padding:11px 30px!important;font-weight:600!important;font-size:13px!important;
  box-shadow:0 14px 30px -14px rgba(59,109,255,.8)!important;
}
.section-4 .acount_box .btn:hover{transform:translateY(-2px);}

/* --- 3. FLAG LANGUAGE SWITCHER --- */
.nx-translate-wrap{display:none!important;}
.nx-lang{position:relative;margin-left:14px;display:flex;align-items:center;}
.nx-lang .nx-gt-hidden{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none;}
.nx-lang-btn{
  display:flex;align-items:center;gap:8px;cursor:pointer;
  background:rgba(255,255,255,.06);border:1px solid rgba(91,139,255,.32);
  border-radius:999px;padding:6px 12px;color:#e6ecff;font-size:13px;font-weight:600;
  transition:background .2s ease,border-color .2s ease;
}
.nx-lang-btn:hover{background:rgba(91,139,255,.16);border-color:rgba(91,139,255,.6);}
.nx-lang-btn img{width:20px;height:14px;object-fit:cover;border-radius:2px;display:block;}
.nx-lang-caret{
  width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;
  border-top:5px solid #9fb0e8;
}
.nx-lang-menu{
  position:absolute;top:calc(100% + 10px);right:0;z-index:10000;
  min-width:180px;margin:0;padding:8px;list-style:none;display:none;
  background:#0f1733;border:1px solid rgba(91,139,255,.24);border-radius:14px;
  box-shadow:0 24px 60px rgba(0,0,0,.6);
}
.nx-lang.open .nx-lang-menu{display:block;}
.nx-lang-menu li{margin:0;padding:0;list-style:none;}
.nx-lang-menu button{
  width:100%;display:flex;align-items:center;gap:10px;
  background:none;border:0;cursor:pointer;
  padding:9px 10px;border-radius:9px;color:#c8d0ee;font-size:14px;text-align:left;
}
.nx-lang-menu button:hover{background:rgba(91,139,255,.14);color:#fff;}
.nx-lang-menu button.is-active{background:rgba(34,211,238,.12);color:#fff;font-weight:600;}
.nx-lang-menu button img{width:22px;height:15px;object-fit:cover;border-radius:2px;}

/* keep Google's chrome out of the layout */
body{top:0!important;}
.skiptranslate iframe{display:none!important;}

@media (max-width:768px){
  .nx-lang{margin:10px 0 0 12px;}
  .nx-lang-menu{right:auto;left:0;}
  .liquidity_section .owl-carousel img{max-height:36px!important;}
}

/* ============================================================
   V5 FIX — Services & Features: identical, static cards
   (no parallax offset, no hover animation)
   ============================================================ */
.section-1 .container.row{
  align-items:stretch!important;
  display:flex!important;
  flex-wrap:wrap;
}
.section-1 .feature,
.section-1 .feature.rellax{
  flex:1 1 250px;
  max-width:280px;
  min-height:300px;
  display:flex;
  flex-direction:column;
  transform:none!important;
  transition:none!important;
  animation:none!important;
  will-change:auto!important;
  top:auto!important;
  margin:0!important;
}
.section-1 .feature p{
  flex:1 1 auto;
}
.section-1 .feature:hover{
  transform:none!important;
  box-shadow:none!important;
  border-color:rgba(91,139,255,.15)!important;
}
@media (max-width:900px){
  .section-1 .feature,
  .section-1 .feature.rellax{max-width:100%;min-height:0;}
}
.section-1 .feature img{
  max-height:30px!important;
  max-width:34px;
  object-fit:contain;
  margin:8px 0 28px 14px!important;
}

/* ============================================================
   V6 FINAL FIXES
   - Permanent translation: no Google top banner / no auto-reset
   - Professional spacing consistency
   - Services & Features remain equal and static
   ============================================================ */
html.translated-ltr,
html.translated-rtl,
body.translated-ltr,
body.translated-rtl,
body{
  top:0!important;
}
.skiptranslate,
.goog-te-banner-frame,
.goog-te-balloon-frame,
#goog-gt-tt,
.goog-tooltip,
.goog-tooltip:hover,
.goog-text-highlight{
  display:none!important;
  visibility:hidden!important;
  background:none!important;
  box-shadow:none!important;
}
.nx-translating{cursor:progress;}

.website-content section{
  position:relative;
}
.section-1,
.liquidity_section,
.champions_section,
.section-2,
.section-3,
.section-4,
.section-8,
.section-9{
  padding-top:82px!important;
  padding-bottom:82px!important;
}
.section-1 > h2.bold,
.section-4 > h2.bold,
.awards_title h2,
.awards__title h2{
  margin-bottom:40px!important;
}
.section-1 .container.row{
  gap:24px!important;
  align-items:stretch!important;
  justify-content:center!important;
  max-width:1180px!important;
}
.section-1 .feature,
.section-1 .feature.rellax{
  width:100%!important;
  max-width:270px!important;
  min-height:292px!important;
  padding:34px 25px 28px!important;
  justify-content:flex-start!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
  box-shadow:0 22px 50px -34px rgba(0,0,0,.85)!important;
}
.section-1 .feature:hover{
  transform:none!important;
  box-shadow:0 22px 50px -34px rgba(0,0,0,.85)!important;
}
.section-1 .feature .feature-title{
  min-height:48px;
  display:flex;
  align-items:flex-start;
 
}
.section-1 .feature p:not(.feature-title){
  line-height:1.7!important;
  min-height:96px;
  text-align:center;
}
.section-4 .container.row{
  gap:26px!important;
  row-gap:28px!important;
}
.section-4 .account .acount_box{
  transform:none!important;
}
.section-4 .account .acount_box:hover{
  transform:none!important;
}
.nx-lang{
  z-index:10002;
}
.nx-lang-btn,
.nx-lang-menu button{
  font-family:Oswald,Roboto,sans-serif;
  line-height:1.2;
}
@media (max-width:991px){
  .section-1,
  .liquidity_section,
  .champions_section,
  .section-2,
  .section-3,
  .section-4,
  .section-8,
  .section-9{
    padding-top:64px!important;
    padding-bottom:64px!important;
  }
  .section-1 .feature,
  .section-1 .feature.rellax{
    max-width:calc(50% - 18px)!important;
    min-height:286px!important;
  }
}
@media (max-width:767px){
  .section-1,
  .liquidity_section,
  .champions_section,
  .section-2,
  .section-3,
  .section-4,
  .section-8,
  .section-9{
    padding:54px 18px!important;
  }
  .section-1 .container.row{
    gap:18px!important;
  }
  .section-1 .feature,
  .section-1 .feature.rellax{
    max-width:100%!important;
    min-height:auto!important;
  }
  .section-1 .feature .feature-title,
  .section-1 .feature p:not(.feature-title){
    min-height:0;
  }
}

/* ============================================================
   V8 — Hero image scale-up + responsive polish
   ============================================================ */

/* --- HERO: bigger, richer, edge-to-edge background --- */
.home_page_video_section{
  min-height: 100vh !important;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(1200px 700px at 50% 40%, rgba(34,211,238,.12), transparent 60%),
    radial-gradient(900px 600px at 20% 80%, rgba(59,109,255,.18), transparent 65%),
    linear-gradient(180deg,#050a1e 0%, #0a1230 55%, #050a1e 100%) !important;
}
.myVideo{
  opacity: .55 !important;
  filter: saturate(125%) contrast(108%) brightness(105%) !important;
  transform: scale(1.05);
}
.home_page_video_section::after{
  content:"";
  position:absolute; inset:0; z-index:1;
  background: radial-gradient(ellipse at center, transparent 30%, rgba(5,10,30,.75) 90%);
  pointer-events:none;
}
.vid_sec{
  min-height: 100vh !important;
  padding: 120px 24px 60px !important;
  align-items: center !important;
}
.bear_bull{
  max-width: min(900px, 92%) !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
  display: block !important;
  filter:
    drop-shadow(0 40px 100px rgba(59,109,255,.55))
    drop-shadow(0 0 60px rgba(34,211,238,.35)) !important;
}
.nx-hero-overlay{
  padding: 130px 22px 80px !important;
  z-index: 4 !important;
}
.nx-hero-title{
  font-size: clamp(34px, 6vw, 78px) !important;
  max-width: 1040px !important;
}
.nx-hero-sub{
  font-size: clamp(15px, 1.5vw, 19px) !important;
  max-width: 680px !important;
}

/* --- Tablet --- */
@media (max-width: 991px){
  .home_page_video_section{ min-height: 92vh !important; }
  .vid_sec{ min-height: 92vh !important; padding: 110px 22px 50px !important; }
  .bear_bull{ max-width: 88% !important; margin-top: 40px !important; }
  .nx-hero-overlay{ padding: 100px 20px 40px !important; }
  .nx-hero-title{ font-size: clamp(30px, 5.4vw, 54px) !important; }
  .vid_sec .col-md-4{ display:none !important; }
  .vid_sec .col-md-8{ flex:0 0 100% !important; max-width:100% !important; }
}

/* --- Mobile --- */
@media (max-width: 767px){
  .home_page_video_section{ min-height: 88vh !important; }
  .vid_sec{
    min-height: 88vh !important;
    padding: 90px 16px 40px !important;
    flex-direction: column !important;
    justify-content: center !important;
  }
  .myVideo{ opacity: .35 !important; }
  .bear_bull{
    max-width: 96% !important;
    margin: 30px auto 0 !important;
    filter: drop-shadow(0 20px 50px rgba(59,109,255,.45)) !important;
  }
  .nx-hero-overlay{ padding: 80px 16px 30px !important; }
  .nx-hero-title{
    font-size: clamp(26px, 8vw, 40px) !important;
    letter-spacing: -0.5px !important;
    padding: 0 6px;
  }
  .nx-hero-sub{
    font-size: 14px !important;
    line-height: 1.6 !important;
    padding: 0 8px;
  }
  .nx-hero-eyebrow{
    font-size: 11px !important;
    letter-spacing: 2px !important;
  }
  .nx-hero-cta{
    padding: 13px 26px !important;
    font-size: 14px !important;
  }
  .nx-hero-cta.secondary{ margin-left: 0 !important; margin-top: 10px; }
  .nx-hero-cta-row{ display:flex; flex-direction:column; gap:10px; align-items:center; }
}

@media (max-width: 480px){
  .home_page_video_section{ min-height: 92vh !important; }
  .nx-hero-title{ font-size: 28px !important; }
  .bear_bull{ max-width: 100% !important; margin-top: 20px !important; }
}

/* --- Responsive: general section polish --- */
@media (max-width: 767px){
  .container, .container-fluid{ padding-left:16px !important; padding-right:16px !important; }
  .section-1 .container.row,
  .section-4 .container.row{
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .section-1 .feature{
    padding: 26px 20px !important;
    margin-bottom: 14px !important;
  }
  .section-4 .account .acount_box{
    padding: 26px 22px 24px !important;
  }
  .section-4 .acount_box h2.bold{ font-size: 22px !important; }
  .liquidity_section{ padding: 48px 16px !important; }
  .liquidity_section .owl-carousel img{ max-height: 30px !important; }
  .awards_title h2, .section-1 > h2.bold, .section-4 > h2.bold{
    font-size: clamp(22px, 6vw, 30px) !important;
    padding: 0 10px;
    line-height: 1.25 !important;
  }
  header .navbar{ padding: 10px 14px !important; }
  .navbar-brand img{ max-height: 36px !important; }
  .quick-deposit{ display:none !important; }
  footer .container-fluid.footer-image{ padding: 32px 18px 18px !important; }
  footer .container-fluid.footer-image .row > [class*="col-"]{
    text-align: center; margin-bottom: 20px;
  }
}
@media (max-width: 480px){
  .section-1 .feature .feature-title{ font-size: 16px !important; }
  .section-1 .feature p:not(.feature-title){ font-size: 14px !important; }
  .nx-lang{ margin: 8px auto 0 !important; }
}

/* Prevent any horizontal scroll on small screens */
html, body{ overflow-x: hidden !important; }

/* ============================================================
   V10 FIXES — clean responsive menu edge spacing + equal auth buttons
   ============================================================ */

/* Mobile/tablet menu: collapse panel must be full width with no side gutters */
@media (max-width: 991px){
  header .navbar,
  header .navbar.bg-dark,
  .navbar{
    padding:10px 0 0!important;
    width:100%!important;
  }
  .navbar-brand{
    margin-left:14px!important;
    margin-right:0!important;
  }
  .navbar-toggler{
    margin-right:14px!important;
  }
  .navbar-collapse,
  .navbar-collapse.collapse,
  .navbar-collapse.collapsing,
  .navbar-collapse.show{
    flex:0 0 100%!important;
    width:100%!important;
    max-width:100%!important;
    padding:10px 18px!important;
    margin:0!important;
  }
  .navbar-collapse .navbar-nav,
  .navbar-collapse .menu-topmenu,
  .navbar-collapse .qst-login-header-nav-unauthorized,
  .navbar-collapse .qst-login-header-nav-authorized{
    width:100%!important;
    max-width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .navbar-collapse .menu-topmenu > .nav-item,
  .navbar-collapse .navbar-nav > li,
  .navbar-collapse .nav-item{
    width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .navbar-collapse .menu-topmenu > .nav-item > .nav-link,
  .navbar-collapse .nav-link,
  .navbar-collapse a.nav-link,
  .navbar-collapse .text-color{
    width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .navbar-collapse .dropdown-menu{
    width:100%!important;
    min-width:0!important;
    padding-left:0!important;
    padding-right:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .navbar-collapse .dropdown-menu .nav-link{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .nx-lang{
    width:100%!important;
    margin:10px 0 8px!important;
    padding:0!important;
  }
  .nx-lang-btn{
    margin-left:0!important;
  }
  .navbar-right{
    width:100%!important;
    margin:10px 0 0!important;
    padding:0!important;
    justify-content:center!important;
  }
  .qst-login-header-nav-unauthorized,
  .qst-login-header-nav-authorized{
    width:auto!important;
    gap:12px!important;
    justify-content:center!important;
  }
  .qst-login-header-register-btn,
  .qst-login-header-login-btn{
    width:104px!important;
    flex:0 0 104px!important;
  }
  .qst-login-header-register-btn a,
  .qst-login-header-login-btn a,
  #registerLink,
  #loginLink{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:104px!important;
    min-width:104px!important;
    height:42px!important;
    padding:0!important;
    margin:0!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }
}

/* Desktop: equal width Login & Register buttons */
@media (min-width: 992px){
  .qst-login-header-register-btn a,
  .qst-login-header-login-btn a,
  #registerLink,
  #loginLink{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:120px!important;
    width:120px!important;
    text-align:center!important;
  }
}

/* Hover: white text on Login & Register */
.qst-login-header-register-btn a:hover,
.qst-login-header-login-btn a:hover,
#registerLink:hover,
#loginLink:hover{
  color:#ffffff!important;
}


/* ============================================================
   V11 FIXES — responsive accordion menu, 1024 header, logo stability
   ============================================================ */

@media (max-width: 1199px){
  header .navbar,
  header .navbar.bg-dark,
  .navbar.navbar-expand-lg{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:10px 18px!important;
    width:100%!important;
  }
  .navbar-expand-lg .navbar-toggler{
    display:block!important;
    margin-left:auto!important;
    margin-right:0!important;
    flex:0 0 auto!important;
  }
  .navbar-expand-lg .navbar-collapse{
    display:none!important;
    flex-basis:100%!important;
    flex-grow:0!important;
    width:100%!important;
    max-width:100%!important;
    margin:10px 0 0!important;
    padding:10px 18px!important;
    background:rgba(10,16,36,.96)!important;
    border-top:1px solid rgba(91,139,255,.22)!important;
    box-sizing:border-box!important;
  }
  .navbar-expand-lg .navbar-collapse.show{
    display:block!important;
  }
  .navbar-brand{
    flex:0 0 auto!important;
    align-self:center!important;
    margin:0!important;
    padding:0!important;
  }
  .navbar-brand > div{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .navbar-brand img{
    max-height:42px!important;
    height:auto!important;
    width:auto!important;
  }
  .navbar-collapse .menu-topmenu,
  .navbar-collapse .navbar-nav,
  .navbar-collapse .qst-login-header-nav-unauthorized,
  .navbar-collapse .qst-login-header-nav-authorized{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  .navbar-collapse .nav-item,
  .navbar-collapse .navbar-nav > li{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  .navbar-collapse .menu-topmenu > .nav-item > .nav-link,
  .navbar-collapse .nav-link,
  .navbar-collapse a.nav-link,
  .navbar-collapse .text-color{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    margin:0!important;
    padding:10px 0!important;
    box-sizing:border-box!important;
    text-align:left!important;
  }
  .navbar .dropdown:hover > .dropdown-menu,
  .navbar-collapse .dropdown-menu{
    display:none!important;
  }
  .navbar-collapse .dropdown.mobile-submenu-open > .dropdown-menu{
    display:block!important;
  }
  .navbar-collapse .dropdown-menu{
    position:static!important;
    float:none!important;
    transform:none!important;
    width:100%!important;
    min-width:0!important;
    max-height:42vh!important;
    overflow-y:auto!important;
    margin:4px 0 10px!important;
    padding:8px 0!important;
    border-radius:8px!important;
    box-sizing:border-box!important;
  }
  .navbar-collapse .dropdown-menu .nav-link{
    justify-content:flex-start!important;
    padding:9px 14px!important;
    line-height:1.35!important;
  }
  .navbar-right{
    width:100%!important;
    margin:12px 0 0!important;
    padding:0!important;
    display:flex!important;
    justify-content:center!important;
  }
  .navbar-collapse .navbar-right > div{
    width:100%!important;
    display:flex!important;
    justify-content:center!important;
  }
  .navbar-collapse .qst-languages-nav{
    display:none!important;
  }
  .navbar-collapse .nx-lang{
    width:100%!important;
    display:flex!important;
    justify-content:center!important;
    margin:14px 0 0!important;
    padding:0!important;
  }
  .navbar-collapse .navbar-right .qst-login-header-nav-unauthorized,
  .navbar-collapse .navbar-right .qst-login-header-nav-authorized{
    display:grid!important;
    grid-template-columns:116px 116px!important;
    place-content:center!important;
    justify-items:center!important;
  }
  .qst-login-header-nav-unauthorized,
  .qst-login-header-nav-authorized{
    display:grid!important;
    grid-template-columns:repeat(2, 116px)!important;
    flex-direction:row!important;
    justify-content:center!important;
    align-items:center!important;
    gap:12px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  .qst-login-header-register-btn,
  .qst-login-header-login-btn{
    width:116px!important;
    flex:0 0 116px!important;
    margin:0!important;
    padding:0!important;
  }
  .qst-login-header-register-btn a,
  .qst-login-header-login-btn a,
  #registerLink,
  #loginLink{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:116px!important;
    min-width:116px!important;
    height:42px!important;
    padding:0!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }
  .nx-lang{
    width:100%!important;
    justify-content:center!important;
    margin:12px 0 0!important;
    padding:0!important;
  }
  .nx-lang-menu{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
  }
}

@media (max-width: 991px){
  .navbar-collapse,
  .navbar-collapse.collapse,
  .navbar-collapse.collapsing,
  .navbar-collapse.show{
    padding:10px 18px!important;
  }
}

@media (min-width: 1200px){
  header .navbar,
  header .navbar.bg-dark{
    display:grid!important;
    grid-template-columns:auto minmax(0, 1fr)!important;
    align-items:center!important;
    gap:18px!important;
    min-height:76px!important;
  }
  .navbar-brand{
    grid-column:1!important;
    align-self:center!important;
    justify-self:start!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }
  .navbar-brand > div{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  .navbar-brand img{
    max-height:44px!important;
    height:auto!important;
    width:auto!important;
  }
  .navbar-expand-lg .navbar-toggler{
    display:none!important;
  }
  .navbar-expand-lg .navbar-collapse,
  .navbar-collapse{
    grid-column:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    min-width:0!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
    gap:10px!important;
  }
  .menu-topmenu{
    display:flex!important;
    flex:1 1 auto!important;
    min-width:0!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    margin:0!important;
    padding:0!important;
  }
  .menu-topmenu > .nav-item,
  .qst-languages-nav,
  .navbar-right,
  .nx-lang{
    flex:0 0 auto!important;
  }
  .navbar-nav .nav-link,
  .navbar a.nav-link,
  .navbar .text-color{
    white-space:nowrap!important;
    line-height:1.2!important;
    padding:9px 10px!important;
  }
  .navbar-right{
    width:auto!important;
    margin:0!important;
    padding:0!important;
  }
  .qst-login-header-nav-unauthorized,
  .qst-login-header-nav-authorized{
    flex-direction:row!important;
    align-items:center!important;
    gap:8px!important;
    margin:0!important;
  }
  .nx-lang{
    width:auto!important;
    margin:0!important;
    align-self:center!important;
  }
}

@media (min-width: 1200px) and (max-width: 1399px){
  header .navbar,
  header .navbar.bg-dark{
    gap:12px!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .navbar-brand img{
    max-height:40px!important;
  }
  .navbar-nav .nav-link,
  .navbar a.nav-link,
  .navbar .text-color{
    font-size:12px!important;
    padding:8px 7px!important;
  }
  .qst-login-header-register-btn a,
  .qst-login-header-login-btn a,
  #registerLink,
  #loginLink{
    min-width:106px!important;
    width:106px!important;
  }
  .nx-lang-btn{
    padding:6px 9px!important;
  }
}

/* ============================================================
   V12 FIX — header menu readability + footer spacing
   ============================================================ */

/* Header: make top nav menu items clearly readable across sizes */
.navbar-nav .nav-link,
.navbar a.nav-link,
.navbar .text-color{
  font-size:16px!important;
  padding:10px 16px!important;
  letter-spacing:.2px;
}

/* Neutralize the previous 1200-1399 shrink that made items tiny */
@media (min-width:1200px) and (max-width:1399px){
  header .navbar,
  header .navbar.bg-dark{
    padding-left:20px!important;
    padding-right:20px!important;
    gap:10px!important;
  }
  .navbar-nav .nav-link,
  .navbar a.nav-link,
  .navbar .text-color{
    font-size:15px!important;
    padding:10px 12px!important;
  }
}
@media (min-width:1400px){
  .navbar-nav .nav-link,
  .navbar a.nav-link,
  .navbar .text-color{
    font-size:16px!important;
    padding:10px 18px!important;
  }
}

/* Footer sitemap: distribute the 4 visible columns evenly across the
   full footer width instead of clustering to the right. */
footer .sitemap,
.footer .sitemap,
#footer .sitemap{
  padding:64px 24px 32px!important;
}
footer .sitemap .navbar-nav,
.footer .sitemap .navbar-nav,
#footer .sitemap .navbar-nav{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  width:100%!important;
  max-width:1200px;
  margin:0 auto!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:32px 24px!important;
}
footer .sitemap .navbar-nav > .dropdown.level-0,
.footer .sitemap .navbar-nav > .dropdown.level-0,
#footer .sitemap .navbar-nav > .dropdown.level-0{
  flex:1 1 200px!important;
  min-width:180px!important;
  max-width:260px!important;
  margin-bottom:0!important;
  text-align:left!important;
}
footer .sitemap .menu-link-with-children,
.footer .sitemap .menu-link-with-children{
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:2px!important;
  color:#fff!important;
  margin-bottom:14px!important;
  padding:0!important;
  display:block!important;
}
footer .sitemap .dropdown-menu,
.footer .sitemap .dropdown-menu{
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
footer .sitemap .dropdown-menu .nav-item{
  margin-bottom:10px!important;
}
footer .sitemap .menu-link-no-children,
.footer .sitemap .menu-link-no-children{
  font-size:14px!important;
  color:#c8d0ee!important;
  padding:2px 0!important;
  line-height:1.5!important;
}
footer .sitemap .menu-link-no-children:hover{
  color:#5b8bff!important;
}

@media (max-width:768px){
  footer .sitemap .navbar-nav,
  .footer .sitemap .navbar-nav{
    gap:24px!important;
    justify-content:flex-start!important;
  }
  footer .sitemap .navbar-nav > .dropdown.level-0{
    flex:1 1 45%!important;
    max-width:100%!important;
  }
}
