html { scroll-behavior: smooth; }

:root {
	--primary-color: #01375c;
	--secondary-color:#0097c7;

	--background-primary: #01375c;
	--background-secondary: #0097c7;
	--background-dark: #0c111c;
	--background-light: #ffffff;
	--background-lightblue: #ccefffc7;
	--background-transparent : #ffffff1c;
	--background-grey : #f4f4f4;

	--text-primary: #01375c;
	--text-secondary: #0097c7;
	--text-red: #dc3545;

	--text-light:#ffffff;
	--text-dark: #0c111c;

}
/* Typography
================================================== */
body {font-size: 1rem; font-weight: 600; background: var(--background-light); color: var(--text-dark); font-family: "Red Hat Display", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 30px; }

p { font-size: 1rem; line-height: normal; }
/*h1 { font-size: 48px; line-height: 48px; }
h2 { font-size: 36px; line-height: 36px; }
h3 { font-size: 22px; margin-bottom: 20px; }
h4 { font-size: 18px; line-height: 28px; }
h5 { font-size: 14px; line-height: 24px; }*/
.switcher .option {position: absolute!important; z-index: 9998;}
/* Global styles
================================================== */
html { overflow-x: hidden !important; width: 100%; height: 100%; position: relative; text-rendering: optimizeLegibility; }
body { border: 0; margin: 0; padding: 0; position: relative;}
.body-inner { position: relative;  }
.preload { position: fixed; background: #fff url(../images/preload.gif) center center no-repeat; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99999; }
a { color: #2154cf; }
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: none; color: #fc6a2a; }
section, .section-padding { padding: 90px 0; position: relative; z-index: 3; }
.no-padding { padding: 0 !important; }
.no-border { border: none !important; }
a:focus { outline: 0; }
img { max-width: 100% }
img.pull-left { margin-right: 20px; margin-bottom: 20px; }
img.pull-right { margin-left: 20px; margin-bottom: 20px; }
.unstyled, ul, ol, li { list-style: none; margin: 0; padding: 0; }
nav.navbar.navbar-expand-lg { justify-content: space-between; z-index: 9; position: relative; }
.btn.focus, .btn:focus{box-shadow:  none!important; outline: none !important;}
button:focus { outline: none;}
/* Bootstrap */
.nav-tabs > li.active > a { border: 0; }
.nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border: 0; }
.nav-tabs > li > a { border: 0; }
.nav-tabs > li > a:hover { border: 0; }
.nav > li > a:focus, .nav > li > a:hover { background: none; }
.pattern-bg { background: #f5f5f5 url(../images/crossword.png); }
a[href^=tel] { color: inherit; text-decoration: none; }

/*-- Section title --*/

.section-heading .section-heading-title { font-weight: 700; margin-bottom: 1.2rem;}
.section-heading .section-heading-title span { font-weight: 900; position: relative; background: linear-gradient(120deg, var(--background-secondary), var(--background-dark), var(--background-secondary), var(--background-dark)); background-size: 300%; -webkit-background-clip: text; background-clip: text; color: transparent;animation: blue-move 2s infinite linear;}

.page-title { width: 100%; display: inline-block; text-align: center;}
.section-title { font-size: 1.6rem; margin-top: 0; position: relative; color: #000; font-weight: 700; line-height: 1.3; }
.section-title span{ color: var(--text-secondary);}
.page-title p {  font-size: 18px; color: #000; line-height: normal; }
.pricing-section { margin-top: 40px; }
.form-control:focus{ box-shadow: none;}

/*--------------------------------------------------------------
# Common CSS
--------------------------------------------------------------*/
.btn{ font-weight: 600;  padding: 0.6rem 1.2rem; text-align: center; border: 1px solid transparent; position: relative; z-index: 1; overflow: hidden; text-transform: capitalize; letter-spacing: 0.5px;}
.btn:hover{ color: var(--primary-color); }
.btn:before { position: absolute; content: ""; z-index: -1; top: 0; right: 0; height: 100%; width: 0; background: #fff;  border-radius: 50px; transition: .5s;}
.btn:hover:before { width: 100%; left: 0; }
.btn-primary,
.btn-primary:hover,
.btn-primary:focus:hover {  color: #fff; background: var(--primary-color); border-color: var(--primary-color); background-repeat: no-repeat; background-size: cover;  }
.btn-primary:hover,
.btn-primary:focus:hover,
.btn-secondary:hover{color: #000; }
.btn-secondary { background-color: var(--secondary-color); border-color: var(--secondary-color); }
.btn-secondary:hover { background-color: var(--secondary-color); border-color: var(--primary-color);}
.btn-outline{ border-color: var(--background-dark); color: var(--text-dark);}
.btn-outline:hover{ border-color: var(--background-dark); color: var(--text-light); }
.btn-outline:hover:before { background: var(--background-dark);}
.btn-outline-white{ border-color: #fff; color: #fff;}
.btn-rounded{ border-radius: 100px;}

@keyframes blue-move {
	0% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

.btn-danger { color: #fff; background-color: #f22d2d; border-color: #f22d2d;}
.btn-radius{border-radius: 100px;}

.form-group {position: relative;}
.form-group .form-control { font-size: 0.9rem; font-weight: bold; color: #000; padding: 0.7rem 1rem; border-color: #00000014; background: #ffffff6e; -webkit-appearance: none; appearance: none; border-radius: 7px; box-shadow: rgb(9 25 72 / 5%) 0px 1px 15px;}
.form-group input::-webkit-outer-spin-button,
.form-group input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
.form-group .form-control:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px var(--background-light)  inset !important; /* Use your background color */ -webkit-text-fill-color: var(--text-dark) !important; /* Text color */ transition: background-color 5000s ease-in-out 0s !important;}
.form-group .form-select { background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="10"><polygon points="0,0 14,0 7,10" fill="grey"/></svg>'); background-repeat: no-repeat; background-position: right 10px center; background-size: 12px;}
.recaptche-valid .captchacls { padding-left: 6.5rem;}
.recaptche-valid .recaptche-code { position: absolute; top: 0; bottom: 0; left: 1px; margin: auto; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: bold; padding: 12px; height: 44px; border-radius: .375rem; color: #fff; min-width: 85px; background-color: var(--background-secondary);}
/* -------------Nav-------------------- */

/* Main navigation */
.navbar-expand-lg .navbar-nav .dropdown-submenu .nav-link { padding-left: 0; }
.navbar { border-radius: 0; border: 0; margin-bottom: 0; padding: 0; flex-wrap: wrap }
.navbar-brand { padding: 0; }
.navbar-toggle { float: right; margin-top: 20px; padding: 10px; border-radius: 3px; margin-right: 15px; background: #2154cf; }
.nav-item.dropdown-submenu:hover > a { color: #fff; }
.navbar-nav > .nav-item:hover > .nav-link { color: #fff; }
.navbar-toggle .icon-bar { background: #fff; width: 20px; }
.navbar-toggle .i-bar { background: #fff; }
ul.navbar-nav > li { float: none; display: inline-block; position: relative; padding-right: 0; }
.navbar-expand-lg .navbar-collapse { position: relative; z-index: 1 }
ul.navbar-nav > li:last-child { padding-right: 0; }
ul.navbar-nav > li:last-child:after { background: none; }
ul.navbar-nav > li > a { color: #fff; text-rendering: optimizeLegibility; display: inline-block; padding: 5px 12px; line-height: 37px; font-size: 16px; margin: 0; position: relative; -webkit-transition: 350ms; transition: 350ms; transition: 350ms; }
/*.fixed ul.navbar-nav > li > a { line-height: 45px; }*/
ul.navbar-nav > li > a:hover, ul.navbar-nav > li > a:focus { background: none; }
ul.navbar-nav > li > a i { font-weight: 700; }
@media screen and (min-width:992px) {
	ul.navbar-nav > li > a i { padding-left: 5px; }
	.nav-item:hover > .dropdown-menu, .dropdown-submenu:hover .dropdown-menu { opacity: 1; visibility: visible; }
}

.nav .open > a { background: transparent; border-color: transparent; }
.nav .open > a:hover, .nav .open > a:focus { background: transparent; border-color: transparent; }

/* Dropdown */
#top-bar .top-info a.dropdown-item { color: #000; font-size: 14px; }
#top-bar .top-info .dropdown-toggle::after { display: none; }
.dropdown-submenu { position: relative; }
.dropdown-submenu .fa-angle-right { float: right; font-size: 18px; }
.dropdown-submenu .dropdown-menu { top: 0; left: 100%; margin-top: -2px; border-radius: 0; }
.dropdown-toggle::after { display: none; }
.dropdown-submenu:hover > a:after { border-left-color: #fff; }
.dropdown-submenu.pull-left { float: none; }
.dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }
ul.navbar-nav .dropdown-menu { text-align: left; background: #ffffff; z-index: 100; min-width: 220px; border-radius: 0; padding: 0; border: 0; }
.dropdown-menu.menu-center { left: -65px; }
.dropdown-item { font-size: 14px; }
.megamenu .mega-dropdown h3 { font-size: 16px; margin: 0 }
.megamenu .mega-dropdown h3 a.dropdown-item { color: #008ad2; font-size: 16px; }
@media screen and (min-width:992px) {
	ul.navbar-nav .dropdown-menu { padding: 5px 20px; }
	.megamenu .mega-dropdown { display: flex; }
	.dropdown-column { min-width: 220px; }
	ul.navbar-nav .dropdown-menu.megamenu { padding: 10px 0; }
	.mega-dropdown .dropdown-item { line-height: 24px; }
	ul.navbar-nav .dropdown-menu { display: block; opacity: 0; visibility: hidden; margin-top: 0px; }
}
.dropdown-menu-large { min-width: 400px; }
.dropdown-menu-large > li > ul { padding: 0; margin: 0; list-style: none; }
.dropdown-menu-large > li > ul > li > a { padding-left: 0; }
.navbar-nav > li > .dropdown-menu a { background: none; }
ul.navbar-nav .dropdown-menu li a { display: block; font-size: 14px; font-weight: 400; line-height: normal; text-decoration: none; padding: 10px 0; border-bottom: 1px solid #ddd; color: #000; }
ul.navbar-nav .dropdown-menu li:last-child > a { border-bottom: 0 !important; }
ul.navbar-nav > li.nav-item .dropdown-menu .mega-dropdown .dropdown-column h3 a:last-child {border-bottom: 1px solid #ddd !important}
ul.navbar-nav > li.nav-item .dropdown-menu .mega-dropdown .dropdown-column a:last-child {border-bottom: 0 !important;}
ul.navbar-nav .dropdown-menu li.active a { color: #fc6a2a; }
.navbar-nav .active > .nav-link { color: #fff; }
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: #fff; }
.navbar-nav .show > .nav-link { color: #fff; }
.navbar-nav .nav-link { color: #fff; }
.navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover { color: #fff; }
.navbar-toggler-icon { background-image: none; color: #fff; width: 39px; height: 35px; border: 1px solid #fff; padding-top: 1px; background-color: #21bdee; font-size: 21px; line-height: 35px; margin: 0; }
.navbar-toggler-icon:focus { outline: 0 solid; }
ul.navbar-nav .dropdown-menu li a { -webkit-transition: all 0.3s; transition: all 0.3s; }
ul.navbar-nav .dropdown-menu li a:hover, ul.navbar-nav .dropdown-menu li a:focus { color: #008ad2; background: none !important; }
@media (min-width:768px) {
	ul.nav li.dropdown:hover ul.dropdown-menu { display: block; }
}
@media (min-width:767px) {
	ul.nav li.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu { left: 100%; top: 0; display: none; }
	ul.nav li.dropdown ul.dropdown-menu li.dropdown-submenu:hover .dropdown-menu { display: block; }
}
@media (min-width:992px) and (max-width:1199px) {
	.top-info li.header-get-a-quote { display: none; }
}
ul.navbar-nav > li.header-get-a-quote:hover > a:after { position: relative; content: no-close-quote; }

@media screen and (min-width:992px) {
	ul.navbar-nav { padding-right: 0px; }
	.landing-header .navbar .navbar-nav .nav-item .nav-link { color: #000;}
}
@media (max-width:991px) {
	ul.navbar-nav{ background-color: #008ad2;border-radius: 10px;}
	ul.navbar-nav li a{color: #fff;}
}

/*--------------- Header ----------------*/
.header-standard { background: #ffffff; -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1); z-index: 2; padding: 0.5rem; }
#header.fixed, .site-nav-inner.fixed, #header.header-standard.fixed, #header.header-standard.fixed.highlight, .site-nav-inner.site-navigation.fixed, .site-nav-inner.site-navigation.fixed.nav-transparent { position: fixed; width: 100%; top: 0; left: 0; z-index: 999; -webkit-box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.15); box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.15); -webkit-animation: menusticky 0.5s ease-in-out; animation: menusticky 0.5s ease-in-out; }

/* Sticky Menu Animation*/
@-webkit-keyframes menusticky {
	0% { margin-top: -120px; opacity: 0; }
	50% { margin-top: -64px; opacity: 0; }
	100% { margin-top: 0; opacity: 1; }
}
@keyframes menusticky {
	0% { margin-top: -120px; opacity: 0; }
	50% { margin-top: -64px; opacity: 0; }
	100% { margin-top: 0; opacity: 1; }
}
.landing-header .logo { max-width: 210px;  display: table;}
.landing-header .logo a { display: table-cell; vertical-align: middle;}
.landing-header .navbar { border-radius: 0; border: 0; padding: 0; flex-wrap: wrap;}
.landing-header .navbar .navbar-nav .nav-item  { margin-left: 15px;}

/*--------------- Footer ----------------*/

.footer { border-top: 1px solid var(--background-secondary); color: #959595;}
.ft-botlinks { width: 100%; display: flex; align-items: center;justify-content: space-between;; padding: 10px 0; text-align: center; border-top: 1px solid #444; border-bottom: 1px solid #444;}
.ft-botlinks li { display: inline-block; }
.footer a {color: #cdcdcd;}
.footer .ft-botlinks .social-icons a { width: 30px; height: 30px; font-size: 0.9rem; color: #fff;  background: linear-gradient(0deg, var(--background-primary) 0%, var(--background-secondary) 100%);  display: inline-flex;  align-content: flex-start; flex-wrap: nowrap; align-items: center; justify-content: center; border-radius: 2rem; position: relative; z-index: 1; transition: all 0.4s;}
.footer .ft-botlinks .social-icons img { max-width: 30px;}
.ft-botlinks .meta-icons { display: flex; align-items: center; justify-content: center;}
.ft-botlinks .meta-icons img{ max-width: 150px;}
.ft-botlinks .meta-icons img:nth-last-child(1){margin-left: 20px}
.ft-botlinks li:last-child a { border-right: 0; }
.ft-botlinks a:hover { color: #008ad2; }
.app_footer-text-icon .foot_app_text h3 { font-size: 24px; font-weight: 600; margin-bottom: 0;  text-transform: capitalize;}

.landing-footer-menu {text-align: center; margin-bottom: 15px;}
.landing-footer-menu li {display: inline-block; margin-bottom: 8px; position: relative; padding-left: 20px;margin-left: 30px; margin-bottom: 0;}
.landing-footer-menu li:first-child {margin-left: 0 !important;}
.landing-footer-menu li:before { content: ">"; position: absolute; left: 0; color: #828282; font-size: 18px;}
.landing-footer-menu li a { font-size: 16px; color: #828282; font-weight: 400; }
.landing-footer-menu li a:hover { color: #008ad2; }
.footer .disclaimer p {font-size: 0.8rem; text-align: justify;}
.footer .copyright p { font-size: 0.9rem; color: var(--text-dark); border-top: 1px solid #444444;}
.footer .copyright a { color: var(--text-primary);}
.app_footer-text-icon{ padding: 20px 0; border: 0;}
.app_footer-text-icon .foot_app_text { text-align: left;}
.back-to-top { position: fixed; bottom: 8px; left: 20px; width: 45px;  height: 43px; z-index: 99; transform: translateY(-50%);}


/* Popup Form */
.custom-modal-wrapper .modal-content{ border-radius: 1rem; background-color: var(--background-lightblue); padding: 1rem; color: #000; backdrop-filter: blur(5px); /*box-shadow: 0px 1px 19.9px rgb(135 135 135);*/ position: relative; z-index: 0; overflow-y: auto;}
.custom-modal-wrapper .modal-content:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(355deg, #c5d5f8 0%, #66daff26 100%); z-index: -1;}
.custom-modal-wrapper .modal-content .modal-header,
.custom-modal-wrapper .modal-content .form-group,
.custom-modal-wrapper .modal-content .form-group .form-control{ color: #000 !important; }
.custom-modal-wrapper .modal-content .modal-header .btn-close{ filter: brightness(0) invert(0.5);}

/*--------------- Trade and Invest Online Page ----------------*/

.landing-inner-banner { padding: 7rem 0 !important; }

.trade-invest-banner{background-image: url('../../source/img/landing/trade-and-invest-online-banner.webp'); background-repeat: no-repeat; background-size: cover; background-position: center;position: relative;}
.trade-invest-counter-section {background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);}
.trade-invest-sticky-box { position: sticky; top: 100px;}
.trade-invest-sticky-box .trade-invest-stack-card { background: #fff; border-radius: 1rem; padding: 1.5rem; text-align: center; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1); position: relative; transition: 0.4s ease;}
.trade-invest-sticky-box .trade-invest-stack-card:nth-child(1) { z-index: 3; transform: translateY(0) scale(1.05);}
.trade-invest-sticky-box .trade-invest-stack-card:nth-child(2) { z-index: 2; transform: translateY(-20px) scale(0.97); opacity: 0.9;}
.trade-invest-sticky-box .trade-invest-stack-card:nth-child(3) { z-index: 1; transform: translateY(-40px) scale(0.94); opacity: 0.8;}
.trade-invest-sticky-box .trade-invest-stack-wrapper:hover .trade-invest-stack-card { transform: translateY(0) scale(1); opacity: 1; margin-top: 15px;}
.trade-invest-sticky-box .trade-invest-stack-card .trade-bonus-offer-box-title{font-weight: bolder; color: var(--text-primary);}

.trade-invest-two-in-one { background: #000; color: #fff; position: relative; z-index: 0; }
.trade-invest-two-in-one:before{ content: ''; position: absolute; top: 0; bottom: 0;left: 0;  margin: auto; width: 400px; height: 475px; background: url('../../source/img/landing/earth-element.webp'); background-repeat: no-repeat; z-index: 1; }
.trade-invest-two-in-one:after{ content: ''; position: absolute; top: 0; bottom: 0;right: 0; margin: auto; width: 400px; height: 475px; background: url('../../source/img/landing/trading-candles-element.webp');  background-repeat: no-repeat; z-index: 1;}

.trade-invest-strategies-box { padding: 1rem; background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%); margin: 1rem 0; border-radius: 0.5rem; text-align: center;}
.trade-invest-strategies-box .trade-invest-strategies-img { max-width: 100px;  display: block; margin: auto; margin-top: 1rem;}
.trade-invest-strategies-box .trade-invest-strategies-img img{width: 100%;}

.uniglobe-trading .live-spread .eco-head h4,
.uniglobe-trading .eco-calendar .eco-head h4{ display: inline-block; margin: auto; margin-bottom: 1rem; background: #fff; padding: 0.5rem 1.5rem; margin-bottom: 1rem; text-align: center; color: #000; font-size: 1.2rem; font-weight: 600; border-radius: 1rem; }

.live-spread .nav-pills { border: 0; padding: 0 5px; margin-bottom: 1rem; justify-content: space-between; }
.live-spread .nav-pills .nav-link { font-size: 1rem; color: #ffffff; padding: 0.3rem 1rem; border: 1px solid #5e5e5e; border-radius: 0.5rem;}
.live-spread .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #fff; background-image: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%); }
.live-spread .table-wrap { min-height: 370px; border-radius: 1rem; position: relative; z-index: 2; border: 0; margin-left: 5px; margin-right: 5px; overflow: hidden; }
.live-spread .table-wrap .table-responsive {border: 1px solid #5e5e5e; border-radius: 1rem;color: #fff;}
.live-spread table th { font-size: 1rem; color: #fff; border-color: #5e5e5e;border-right: 1px solid #5e5e5e; text-align: center; font-weight: 500;  line-height: normal; vertical-align: middle; padding: 0.7rem 1rem; position: relative;}
.live-spread table td { font-size: 1rem; color: #fff; font-weight: 400; text-align: center; line-height: 27px; vertical-align: middle; border: 0;padding: .75rem .55rem; }
.live-spread table td span { background: #fff; padding: 5px 10px; border-radius: 4px; color: #000; border: 1px solid #e7e7e7 }
.live-spread table td span.buy-btn {  padding: 5px 10px; border-radius: 4px; overflow: hidden; color: #000 }
.live-spread table td span.sell-btn { background: #ff0000; border: 1px solid #ff0000; padding: 5px 10px; border-radius: 4px; overflow: hidden; color: #fff }
.live-spread table .fa-caret-down { color: #ff6f61; font-size: 18px; }
.live-spread table .fa-caret-up { color: #42b983; font-size: 18px; }

.uniglobe-trading .eco-calendar table th { font-size: 1rem; color: #fff; line-height: normal; vertical-align: middle; padding: .40rem .75rem}
.uniglobe-trading .eco-calendar table tr { background: #ffffff00;  border: 1px solid #0097c7 !important; margin-bottom: 2rem; display: table; width: -webkit-fill-available; }
.uniglobe-trading .eco-calendar table td { font-size: 1rem; color: #fff; line-height: normal; vertical-align: middle;border: 0; }
.uniglobe-trading .eco-calendar table td small { font-size: 0.7rem; opacity: 0.7; }
.uniglobe-trading .eco-calendar table td.user span img { border-radius: 50px; overflow: hidden; }
.uniglobe-trading .eco-calendar table td.user a{color: #fff;}
.uniglobe-trading .eco-calendar table td.user { min-width: 180px !important;}
.uniglobe-trading .eco-calendar table td.user span{display: inline-block;margin-right: 5px;}
.uniglobe-trading .eco-calendar table td.user span img { width: 48px;  height: 48px;}
.uniglobe-trading td { position: relative; }
.uniglobe-trading span.num { width: 50px; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(37deg, #27c5f0, #0095e6); color: white; font-size: 1.5rem; text-align: center; text-transform: uppercase; display: flex; align-items: center; justify-content: center;}

.trade-invest-awards-section .awards-wrapper-slider .awards-imagebox { max-width: 250px; display: inline-block;}

.invest-payment-logo{ max-width: 150px; margin: 1rem; background: linear-gradient(129deg, #ffffff29 0%, #00000026 100%); border-radius: 1rem;  padding: 1rem;  display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06); transition: all .3s ease;}


/*--------------- Fixed Currency Rate Pakistan Page ----------------*/

.fixed-currency-rate-pakistan-banner{background-image: url(../../source/img/landing/Fixed-Rate-PKR-banner.webp); background-repeat: no-repeat; background-size: cover; background-position: center right;}
.fix-rate-calculator-converter{ position: relative; padding: 2rem; border-radius: 1rem; color: #fff;background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);  border: 1px solid #a9a9a96b; box-shadow: 0 4px 24px #00000014; }
.fix-rate-calculator-converter:after{content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 85%; height: 10px; background-color: var(--background-secondary); border-top-left-radius: 10px;  border-top-right-radius: 10px;}
.fix-rate-converter_item .fix-rate-converter_input-wrap .fix-rate-converter_result-box { font-size: 1.1rem; min-width: 130px; max-width: 150px; min-height: 50px; display: inline-flex; align-items: center; justify-content: center; padding: 1rem; text-align: center; color: #fff; background: var(--background-transparent); border: 1px solid #b7b7b74d; border: 1px solid #ddd; border-radius: 0.5rem;}
.fix-rate-converter_item .fix-rate-converter_input-wrap input::-webkit-outer-spin-button, .fix-rate-converter_item .fix-rate-converter_input-wrap input::-webkit-inner-spin-button {-webkit-appearance: none;}
.fix-rate-converter_item .range-slider{display: none;}
.fix-rate-converter_result-box span { overflow: hidden; display: block;}

.fix-rate-information-section { position: relative; z-index: 0; background: #000;}
.fix-rate-information-section:before {content: ""; position: absolute; top: 0; left: 0; background-image: url(../../source/img/landing/fix-rate-information-image.webp); background-size: cover; background-position: center; background-repeat: no-repeat; width: 778px; height: 100%; z-index: -1;}	
.fix-rate-information-section .fix-rate-information-wrapper { padding: 20px 40px; background: #fff; }

.how-deposit-steps { gap: 20px; flex-wrap: wrap;}
.how-deposit-steps .how-deposit-steps-items { text-align: center; background: #fff; box-shadow: 0px 0px 6px #838383; border-radius: 25px; border-bottom-left-radius: 50px; position: relative; margin: 10px auto; max-width: 198px; min-width: 198px; min-height: 250px;}
.how-deposit-steps .how-deposit-steps-items:after{ content: ""; position: absolute; bottom: -15px; right: -12px; width: 105px; height: 121px; background-size: contain !important; background-repeat: no-repeat !important;}
.how-deposit-steps .steps-1:after{background: url(../../source/img/landing/1_steps-shapes.webp);}
.how-deposit-steps .steps-2:after{ background: url(../../source/img/landing/2_steps-shapes.webp);}
.how-deposit-steps .steps-3:after{ background: url(../../source/img/landing/3_steps-shapes.webp);}
.how-deposit-steps .steps-4:after{ background: url(../../source/img/landing/4_steps-shapes.webp);}
.how-deposit-steps .steps-5:after{ background: url(../../source/img/landing/5_steps-shapes.webp);}
.how-deposit-steps .how-deposit-steps-items .how-deposit-steps-items-icon { padding: 40px 20px 10px; border: 3px solid var(--background-primary); border-top-right-radius: 25px; border-top-left-radius: 25px; border-bottom: 0 !important;}
.how-deposit-steps .how-deposit-steps-items .how-deposit-steps-items-text { padding: 20px 20px 40px;}

.term-condition-section { width: 100%; }
.term-condition-section .term-condition-wrapper { padding: 40px 15px; background: #fff; box-shadow: 0 0 12px 0px #00000054;border-radius: 20px; border: 0; }
.term-condition-section .term-condition-wrapper .section-title { margin-bottom: 0 }
.term-condition-section .term-condition-wrapper .term-condition-content ul { margin-top: 30px; }
.term-condition-section .term-condition-wrapper .term-condition-content li { font-size: 16px; font-weight: 300; padding-left: 25px; margin: 0 0 15px; position: relative; line-height: normal }
.term-condition-section .term-condition-wrapper .term-condition-content li:after { content: ""; position: absolute; left: 0; top: 9px; width: 8px; height: 8px; background-color: #008ad2; border-radius: 50px }

/*--------------- Start Trading Page ----------------*/
.start-trading-banner { background-image: url(../../source/img/landing/start-trading-banner-img.webp); background-repeat: no-repeat; background-size: cover; position: relative;z-index: 0;}
.start-trading-banner:before{content: ''; position: absolute; top:0; left: 0; right: 0; width: 100%; height: 100%;background: #000; opacity: 0.5; z-index: -1;}
.start-trading-contact-form { max-width: 550px; margin: auto; padding: 2rem; color: #000; background: #fff; border-radius: 15px;box-shadow: 0 0 10px 2px rgb(179 179 179 / 40%); position: relative;z-index: 0; overflow-y: auto;}
.start-trading-contact-form:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(355deg, #c5d5f8 0%, #66daff26 100%); z-index: -1;}
.start-trading-contact-form .start-trading-contact-form-head { border-image-slice: 1; border-bottom: 1px solid; border-image-source: linear-gradient(91deg, #ffffff00 5%, #000000 60%, #ffffff00 95%); font-weight: 500; padding-bottom: 15px;  margin-bottom: 30px; position: relative;}
.start-trading-contact-form .form-group.tearms-checkbox { display: flex;  align-items: baseline;}
.start-trading-contact-form .form-group.tearms-checkbox label {font-size: 14px; line-height: normal; color: #00000091;}
.start-trading-contact-form .form-group.tearms-checkbox label a{color: #000; font-weight: 600;}

.start-trading-experience-box { padding: 1rem; background: linear-gradient(0deg, #0097c729 0%, #ffffff00 100%); border: 1px solid #a9a9a96b; border-radius: 1rem; backdrop-filter: blur(20px); box-shadow: 0 4px 24px #00000014; box-sizing: border-box; min-height: 88%; margin: 0.8rem 0;  transition: all 0.3s ease;}
.start-trading-experience-box:hover{ transform: translateY(-10px); }
.start-trading-experience-box img { max-width: 65px; margin-right: 1rem;}

.start-trading-third-row-mainbox { border-radius: 1rem; border: 2px solid var(--background-secondary); position: relative; z-index: 0; overflow: hidden; transition: 0.3s; background: linear-gradient(355deg, #c5d5f8 0%, #66daff26 100%);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);}
.copy-trading-left-box { max-width: 550px; margin:auto;}
.third-sec-copy-top-trading .copy-trading-right-box { text-align: center;}

.start-trading-bestterms-icon { width: 45px; height: 45px; background: radial-gradient(#0097c7, #01375c); color: #fff; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 20px; margin-right: 15px; flex-shrink: 0; }
.start-trading-bestterms-card { margin-top: 1rem;}

.start-trading-steps-card { margin-top: 1.5rem; border-radius: 1rem; background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%); color: #fff; padding: 20px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); position: relative; display: flex; align-items: center; padding-left: 6.5rem; min-height: 150px;}
.start-trading-steps-card .start-trading-steps-number { color: #fff; position: absolute; left: 1rem; font-size: 7rem; font-weight: bold; opacity: 0.45; min-width: 5rem; line-height: 1; text-align: center; margin: 0; }

.start-trading-steps-content p { line-height: normal;}
.cta-section-wrapper {background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);}
.cta-section-wrapper .section-heading span { background: linear-gradient(120deg, var(--background-secondary), #fff, var(--background-secondary), #fff);background-size: 300%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: blue-move 2s infinite linear;}

/*--------------- 100 Bonus On Every Deposit Page ----------------*/
.multiple-trading-instruments-box i { font-size: 3rem; background: linear-gradient(0deg, var(--primary-color) 0%, var(--secondary-color) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 1rem; }
.uniglobe-trading.markets-yourfingertips-sec { background: #000; color: #fff; position: relative; z-index: 0;}

/*--------------- Trade and Gold Coin Page ----------------*/

.page-template-trade-and-win-gold-coin-template2024{background: #050708; position: relative; z-index: 0; padding-right: 0 !important;}
.page-template-trade-and-win-gold-coin-template2024:before{ content: ''; position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; background-image: url(../../source/img/landing/festival-sparkles.gif); background-repeat: no-repeat;  background-size: cover; background-position: center; background-attachment: fixed; z-index: -1;}

.page-template-trade-and-win-gold-coin-template2024 .header-standard {background: none;}
.page-template-trade-and-win-gold-coin-template2024 .header-standard.fixed {background: #000;}
.page-template-trade-and-win-gold-coin-template2024 .header-standard .navbar-brand .logo{ padding: 0.4rem; background: #fff; border-radius: 100px;   margin-bottom: 0;}

.page-template-trade-and-win-gold-coin-template2024 .navbar .acc-buttons { margin: 0 5px;}
.page-template-trade-and-win-gold-coin-template2024 .header .navbar-expand-lg .navbar-collapse{    visibility: hidden;}
.goldcoin-animation{  position: fixed !important; bottom: 0; width: 100%; height: 650px; display: inline-block; background-image: url(../../source/img/landing/flower-design.webp); background-repeat: no-repeat; background-size: contain; background-position: center; z-index: -1;opacity: 0.1;}

.page-template-trade-and-win-gold-coin-template2024 .landing-header .navbar-brand{width: auto !important;}
.page-template-trade-and-win-gold-coin-template2024 .landing-header .navbar .acc-buttons {margin: initial !important;}

/* -- First Banner Section --*/
.trade-win-gold-banner{ padding: 180px 0 60px !important;  margin-top: -90px; }
.trade-win-gold-banner:before{content: ''; position: absolute;  top: 0; left: 0;  width: 100%; height: 100%; background-image: url(../../source/img/landing/trade-win-gold-banner.webp); background-repeat: no-repeat; background-size: cover; background-position: center;  z-index: -1;}
.trade-win-gold-banner .trade-win-gold-banner-title{ font-size: 1.8rem; color: #000; line-height: 1.2;}
.trade-win-gold-banner .trade-win-gold-duration{ font-size: 14px; font-weight: 500;  display: inline-block; border-bottom: 2px solid #fdb539;padding: 10px 15px;margin: 1rem 0 1.5rem;}
.text-gold {color: orange;}
.trade-win-gold-banner .trade-win-gold-banner-content p { font-size: 1.3rem;}

.trade-win-goldcoin-offer-content .trade-win-goldcoin-offer-table { padding: 15px; border: 1px solid rgba(122, 122, 122, 1); border-radius: 15px;  background: linear-gradient(180deg, #050505 -2.05%, rgba(7, 158, 232, 0.99) 175.95%);}
.trade-win-goldcoin-offer-content .trade-win-goldcoin-offer-table tr th, .trade-win-goldcoin-offer-content .trade-win-goldcoin-offer-table tr td {border-color: #7a7a7a !important;}

.trade-win-goldcoin-why-content img{width: 100%;}
.trade-win-goldcoin-why-content-mobile li { background: var(--background-primary); display: inline-block; padding: 15px;color: #fff; width: 100%; margin: 0.5rem 0rem; }

.trade-goldcoins-how-it-win:before{content: ''; position: absolute;  top: 0; left: 0;  width: 100%; height: 100%; background: linear-gradient(180deg, #050505 -2.05%, var(--background-primary) 100%); z-index: -1; opacity: 0.8; }
.trade-goldcoins-how-it-win .start-trading-steps-mainbox { padding:3rem 2rem ; position: relative; color: #fff; border: 1px solid rgba(122, 122, 122, 1); background: #ffffff1a; z-index: 0;}
.trade-goldcoins-how-it-win .start-trading-steps-mainbox:before{content: ""; position: absolute; top: 0; left: 0;bottom: 0; width: 100%; height: 100%;background-image: url(../../source/img/landing/t/step-bg-design.webp); background-size: cover; z-index: -1;}
.trade-goldcoins-how-it-win .start-trading-steps-mainbox .stepper-wrapper {margin: 1rem 0;position: relative; z-index: 0;}

.trade-goldcoins-how-it-win .start-trading-steps-mainbox .stepper-wrapper .screen-indicator {font-size: 2rem;margin-bottom: 1rem;}
.trade-goldcoins-how-it-win .start-trading-steps-mainbox .stepper-wrapper p { font-weight: 600; margin-bottom: 0;}
.trade-goldcoins-how-it-win .start-trading-steps-mainbox hr{background: rgba(122, 122, 122, 1);}

.trade-goldcoins-how-it-win .start-trading-steps-mainbox .page-title .section-title { font-size: 26px; }
.trade-goldcoins-how-it-win .start-trading-steps-mainbox .page-title .section-title span { font-weight: 600;}

.trade-and-win-gold-terms-conditon-section {/*background: linear-gradient(180deg, #050505 -2.05%, var(--background-primary) 100%)*/}
.trade-and-win-gold-terms-conditon-section .card {background: none; border: 1px solid #ffffff30; padding: 2rem;}
.trade-and-win-gold-terms-conditon-section .card .page-title .section-title { color: #fff; margin-bottom: 0;}
.trade-and-win-gold-terms-conditon-section .card .page-title img{ filter: invert(1);  cursor: pointer;}
.trade-and-win-gold-terms-conditon-section .card .about-data { margin-top: 15px; }

.trade-and-win-gold-terms-conditon-section .card .about-data ul li { color: #fff;  font-weight: 300; padding-left: 25px; margin: 0 0 15px; position: relative; line-height: normal;}

.trade-and-win-gold-terms-conditon-section .card .about-data li:after { content: ""; position: absolute;  left: 0; top: 9px;  width: 8px; height: 8px; background-color: #008ad2; border-radius: 50px;}
.Trade-goldcoins-partner-section .invest-payment-logo { background: #ffffff;}

/*------------- Diwali Cashback Offer Page ----------------*/
/* -- Header --*/
.page-template-diwali-cashback-offer{background: #050708; position: relative; z-index: 0; padding-right: 0 !important;}
.page-template-diwali-cashback-offer:before{ content: ''; position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; background-image: url(../images/landing-trade-invest/festival-sparkles.gif); background-repeat: no-repeat;  background-size: cover; background-position: center; background-attachment: fixed; z-index: -1;}

.page-template-diwali-cashback-offer .header-standard {background: none;}
.page-template-diwali-cashback-offer .header-standard.fixed {background: #000;}
.page-template-diwali-cashback-offer .header-standard .navbar-brand .logo{ padding: 0.4rem; background: #fff; border-radius: 100px;   margin-bottom: 0;}

.page-template-diwali-cashback-offer.navbar .acc-buttons { margin: 0 5px;}
.page-template-diwali-cashback-offer .header .navbar-expand-lg .navbar-collapse{    visibility: hidden;}
.goldcoin-animation{  position: fixed !important; bottom: 0; width: 100%; height: 650px; display: inline-block; background-image: url(../images/landing-trade-invest/flower-design.png); background-repeat: no-repeat; background-size: contain; background-position: center; z-index: -1;opacity: 0.1;}

.page-template-diwali-cashback-offer .landing-header .navbar-brand{width: auto !important;}
.page-template-diwali-cashback-offer .landing-header .navbar .acc-buttons {margin: initial !important;}

.page-template-diwali-cashback-offer .trade-win-gold-banner:before{content: ''; position: absolute;  top: 0; left: 0;  width: 100%; height: 100%; background-image: url(../images/landing-trade-invest/diwali-cashback-offer-banner.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;  z-index: -1; opacity: 0.8;}


/*------------- Investing Global Page ----------------*/
.investing-global-banner{ background-image: url(../../source/img/landing/investing-global-banner-bg.webp); background-size: cover; background-position: center;}

.investing-global-banner-form { border-radius: 10px; background: #EFECEC; box-shadow: 2px 4px 4px 0px #00000040;}
.investing-global-banner-form .investing-global-form-title {font-size: 27px;font-weight: 500;}
.investing-global-banner-form .investing-global-form-title span{font-weight: 800;}
.investing-global-banner-form .form-control { background: #fff;color: #000;font-size: 14px;padding: 0.8rem;border-radius: 10px;border: 1px solid #ffffff;}
.investing-global-banner-form .form-control::placeholder{ color: #000;}
.investing-global-banner-form .form-control::-webkit-outer-spin-button,
.investing-global-banner-form .form-control::-webkit-inner-spin-button {-webkit-appearance: none;}
.investing-global-banner-form .form-group.tearms-checkbox {display: flex;align-items: baseline;}
.investing-global-banner-form .form-group.tearms-checkbox label {font-size: 0.8rem;margin: 0;line-height: normal;color: #484848;}

.investing-global-banner-features { background: linear-gradient(90deg, #0097c729 0%, #ffffff00 100%); box-shadow: 0 4px 24px #00000014; border-radius: 1rem;}
.investing-global-banner-features .investing-global-banner-features-list li { margin: 1rem 0; line-height: normal; display: flex; align-items: center;}
.investing-global-banner-features .investing-global-banner-features-list li i {font-size: 1.3rem; margin-right: 1rem;}

.investing-global-whyus-box { padding: 1rem; background: linear-gradient(90deg, #0097c729 0%, #ffffff00 100%);  border: 1px solid #a9a9a96b; border-radius: 1rem; backdrop-filter: blur(20px); box-shadow: 0 4px 24px #00000014; box-sizing: border-box; min-height: 94%;transition: all 0.3s ease-in-out !important;}
.investing-global-whyus-box:hover {  transform: translate(0px, -10px);}
.investing-global-whyus-box .investing-global-whyus-boximg{max-width: 180px; margin: auto; transition: all 0.3s ease-in-out;}
.investing-global-whyus-box:hover .investing-global-whyus-boximg { transform: scale(1.2) !important;}

.investing-global-service-mainbox {  padding: 2rem; color: var(--text-light); background: var(--background-dark); border-radius: 2rem; position: relative; z-index: 0;box-shadow: 0 0 50px 4px #0c111c1c;}
.investing-global-service-box{padding: 1rem; margin: 0 1rem; border-radius: 2rem; border: 2px solid var(--background-secondary); position: relative; z-index: 0; transition: all 0.3s ease;}
.investing-global-service-box:hover .investing-global-service-box-img { transform: translateY(-10px); !important; }
.investing-global-service-box::after{ content: ''; position: absolute; left: -5px; right: 0; margin: auto; bottom: -2px; width: 103%; height: 100%; background: linear-gradient(0, var(--background-dark), #0c111c00); z-index: -1; border-radius: 2rem;}
.investing-global-service-box .investing-global-service-box-img { max-width: 100px; margin: 0 auto 1rem;  transition: all 0.3s ease-in-out !important;}

.investing-global-fourth-sec{background-color: #F1F1F1;}
.investing-global-brand .slide {background: #ffffff;margin: 10px;padding: 10px;box-shadow: 2px 4px 4px 0px #00000040;display: flex; justify-content: center; border-radius: 10px;}
.investing-global-steps-box { padding: 2rem; padding-bottom: 4rem; width: 275px; height: 275px; margin: auto; display: flex; flex-direction: column; justify-content: center; background: #F1F1F1; box-shadow: 2px 3px 3px 1px #D9D9D9; border: 1px solid #35AADE; border-radius: 100%; position: relative; overflow: hidden; z-index: 0;}
.investing-global-steps-box .investing-globalcircle2{ position: absolute; bottom: 0; right: 0; left: 0; margin: auto; width: 100%; height: 40px; background: linear-gradient(112deg, #27c5f0, #0095e6); border-radius: 100%; transition: all 0.5s; z-index: -1;}
.investing-global-steps-box:hover .investing-globalcircle2{ width: 100%; height: 100%;}
.investing-global-steps-box:hover .investing-global-steps-box-title{ color: #fff; transition: all 0.7s;}
.investing-global-steps-box:hover .investing-global-steps-box-img img{ filter: brightness(20); transition: all 0.7s;}
.investing-global-steps-box:after{ content: ''; pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; -webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box;}
.investing-global-steps-box:hover:after {top: -4px;left: -4px;padding: 0; z-index: 10; border: 4px dashed #fff;}
.investing-global-steps-box-img { max-width: 60px; margin: 20px auto;}
.investing-global-steps-boxtext p { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; background: #fff; border-radius: 100%; display: inline-block; width: 75%; padding: 15px; box-shadow: 3px 3px 7.3px 2px #00000040;}
.investing-global-steps-arrow { position: absolute; right: -20px; top: 0; bottom: 0; margin: auto; display: flex; align-items: center;}
.investing-global-steps-arrow i {padding: 10px; background: #ddd; border-radius: 100px;}
.investing-global-cta-btn .btn {font-size: 1.3rem;}

@media screen and (min-width:992px) {.investing-global-banner-content .investing-global-banner-title {font-size: 40px;}}
@media screen and (max-width:580px) {.landing-header .navbar .acc-buttons{margin: auto;}}   


/*------------- Forex Webinar Page ----------------*/
.webinars-first-banner, .webinars-third-whychooseus-sec{position: relative; z-index: 0;}
.webinars-first-banner:before, 
.webinars-third-whychooseus-sec:before{content: ""; position: absolute; top: 0; width: 100%;height: 100%;  background-image: url(../images/landing-webinars/trade-graphics.png); background-repeat: no-repeat; background-size: cover; opacity: 0.2;  filter: brightness(0); z-index: -1;}

.webinar-darksection::before { content: ""; position: absolute; top: 0; width: 100%;height: 100%; background-image: linear-gradient(#aed9f8, #aed9f8); opacity: 0.9; z-index: -1;}

.webinars-second-event-sec { background-image: url(../images/landing-webinars/webinars-event-bg.png); background-repeat: no-repeat; background-size: cover; position: relative; z-index: 0;}
.webinars-event-box-wrapper #blur-bg {pointer-events: none;}
.webinars-banner-content .webinars-banner-content-amount .webinars-banner-content-amountcost { font-size: 1.7rem;}
.webinars-banner-content-upcoming li { display: inline-block; font-size: 1.2rem; margin-right: 1rem;}
.webinars-banner-content-upcoming li i{color: #f22d2d;}
.text-blink {animation: blinker 1.5s linear infinite;}
@keyframes blinker {
	50% { opacity: 0; }}
.webinars-event-box-wrapper{padding: 2rem; background: #ffffff; border-radius: 1rem; max-height: 800px; min-height: 600px;  overflow-y: auto;     object-position: bottom;}
.webinars-event-box-wrapper::-webkit-scrollbar { display: none; }

.webinars-event-box-content .accordion .card .card-header {cursor: pointer;}
.webinars-event-box-content .accordion .card .card-body { padding-top: 0; padding-bottom: 0;}
.webinars-event-box-content .webinars-event-box-text .webinars-event-box-text-title { font-size: 24px; font-weight: 500; line-height: normal;}

.webinars-event-list ul {padding-left: 0.5rem;}
.webinars-event-list ul li { list-style-type: disc;}
.webinars-event-box-time { text-align: center; font-weight: 600; padding: 1rem;background: #aed9f8;border-radius: 0.5rem; box-shadow: 0 0 20px 0px #c7c7c759;}
.webinars-event-box-time ul li i{ color: #f22d2d;}


.webinars-third-whychooseus-sec .webinars-whychooseus-content ul li { position: relative; padding-left: 3.5rem; margin: 10px 0; line-height: normal; margin-bottom: 1.5rem;}
.webinars-third-whychooseus-sec .webinars-whychooseus-content ul li img { position: absolute; left: 0;top: 0; bottom: 0; max-width: 38px;}
.webinars-third-whychooseus-sec .webinars-whychooseus-image { max-width: 400px; margin: auto;}
.webinars-fourth-reserve-form-sec { background-image: url(../images/landing-webinars/webinars-reserve-bg.png); background-repeat: no-repeat; background-size: cover; position: relative;}
.webinars-fourth-reserve-form { max-width: 750px; margin: auto;}
.webinars-fourth-reserve-form .form-group .form-control,
.webinars-fourth-reserve-form .form-group .form-select{ padding: 1rem; border-radius: 10px; border: 0; box-shadow: 0 0 10px 6px #b9b9b924;
	height: auto !important;}
.form-group input[type="number"]::-webkit-outer-spin-button,
.form-group input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;  -moz-appearance: none; appearance: none;}

/*------------- HalloWeen Page ----------------*/
.page-template-halloween-cashback{  background: #000; position: relative; z-index: 0; padding-right: 0 !important;}
.halloween-banner{ margin: 0 !important;}
.halloween-banner:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/landing-halloween/halloween-banner.png); background-repeat: no-repeat;background-size: cover; background-position: center; z-index: -1; opacity: 0.3;}

/*------------- Fifa Page ----------------*/
.fifa-world-cup-banner{ background-image: url('../../source/img/landing/fifa-banner-bg.webp');  background-size: cover;  background-position: center; position: relative; z-index: 0; }
.fifa-world-cup-banner:before { content: ''; position: absolute; top: 0;left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgb(167 167 167 / 30%) 0% 0, rgb(0 0 0 / 70%) 50%, rgb(255 255 255 / 30%) 100%);  z-index: -1;}
.predict-btn{ position:relative; animation:pulseGlow 2s infinite; box-shadow:0 0 0 rgba(0,168,255,.7);}
@keyframes pulseGlow{ 
	0%{ box-shadow:0 0 0 0 rgba(0,168,255,.7); }
	70%{box-shadow:0 0 0 20px rgba(0,168,255,0);}
	100%{box-shadow:0 0 0 0 rgba(0,168,255,0); }
}
.fifa-about-content { padding: 3rem; border-radius: 1rem; color: #fff; background: url('../../source/img/landing/fifa-about-banner-bg.webp'); background-size: cover; background-position: center; position: relative; z-index: 0; overflow: hidden; }
.fifa-about-content:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, var(--primary-color) 0%, #0097c7a1 100%); z-index: -1; }
.fifa-about-content .section-heading .section-heading-subtitle { display: inline-flex; align-items: center; gap: 10px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.15); color: #ffffff; padding: 1rem; border-radius: 60px; margin-bottom: 2rem; }
.fifa-about-points { background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 28px; padding: 1.3rem; backdrop-filter: blur(10px);margin-bottom: 1rem; }
.fifa-about-points-item { display: flex; align-items: center; gap: 18px; color: #ffffff;}
.fifa-about-points-icon { width: 60px; height: 60px; min-width: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #0097c7; background: #fff; font-size: 28px; box-shadow: 0 10px 25px rgba(14, 165, 233, 0.35);}


.fifa-features-list li { display: inline-block; margin: 0rem 1rem 0; position: relative; padding-left: 2rem; font-size: 1.2rem; }
.fifa-features-list li i { position: absolute; left: 0;}
.fifa-feature-card{ background:#ffffff; border:1px solid #e2e8f0; border-radius:1rem; padding:1rem; display:flex; align-items:center; text-align: left; gap:18px; height:100%; transition:0.35s ease; position:relative; z-index:2; box-shadow:0 10px 30px rgba(0,0,0,0.04);}
.fifa-feature-card:hover{ transform:translateY(-8px); border-color: var(--background-secondary); box-shadow:0 20px 40px rgba(14,165,233,0.15);}
.fifa-feature-icon{ width:72px; height:72px; border-radius:1rem; background: radial-gradient(var(--background-secondary), var(--background-primary)); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.fifa-feature-icon i{ color:#ffffff; font-size:30px; }
.fifa-feature-content span{ display:block; color:#64748b; font-size:14px;font-weight:500; margin-bottom:0px; }

.fifa-lucky-draw-section .countdown-wrapper{ display:flex; justify-content:center; gap:20px; flex-wrap:wrap; position:relative; z-index:2;}
.fifa-lucky-draw-section .countdown-wrapper .count-box{ width: 100%; max-width:180px; background:rgba(255,255,255,0.04); border:1px solid rgba(14,165,233,0.35); backdrop-filter:blur(10px);     border-radius: 1.5rem; padding: 2rem 1rem; text-align:center; transition:0.35s ease; box-shadow: 2px 5px 15px rgb(122 122 122 / 25%);}
.fifa-lucky-draw-section .countdown-wrapper .count-number{ font-weight:800; line-height:1; color:#0097c7;}
.fifa-lucky-draw-section .countdown-wrapper .count-label{ color:#94a3b8; font-size:16px; font-weight:600; text-transform:uppercase; letter-spacing:1px;}
.fifa-lucky-draw-section .countdown-wrapper .final-date{ margin-top:50px; text-align:center; color:#38bdf8; font-size:20px; font-weight:700; position:relative;}
.fifa-lucky-draw-table {  border-radius: 28px; border: 1px solid #e2e8f0;overflow: hidden;}
.fifa-lucky-draw-table table thead tr { vertical-align: middle; color: #fff;  background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);}
.fifa-lucky-draw-table table thead tr th { min-width: 200px; font-size: 1.2rem; font-weight: bolder; padding: 1.3rem 1.1rem; border: none; vertical-align: middle; line-height: normal;}
.fifa-lucky-draw-table table tbody tr td { padding: 1.3rem 1.1rem;}
.fifa-lucky-draw-table table tbody tr .fifa-lucky-prize-category { font-size: 1.2rem; font-weight: 800; position: relative; padding-left: 2rem; }
.fifa-lucky-draw-table table tbody tr .fifa-lucky-prize-category img{ position: absolute; left: 0; top: 10px;}
.fifa-lucky-draw-table table tbody tr .fifa-lucky-match-date { display: inline-block; background: rgba(14, 165, 233, 0.10); color: #0097c7; padding: 10px 16px; border-radius: 14px; font-size: 15px; font-weight: 700;}
.fifa-lucky-draw-table table tbody tr .fifa-lucky-value-badge { display: inline-flex; align-items: center; gap: 8px; background: #01375c1f; color: #01375c; padding: 12px 18px; border-radius: 16px; font-size: 18px; font-weight: 700;white-space: nowrap;}
.fifa-lucky-draw-table {overflow: hidden; border-radius: 28px; border: 1px solid #e2e8f0; }

.fifa-participant-pills { display: flex;justify-content: center; gap: 0 20px; flex-wrap: wrap;}
.fifa-participate-steps-section{ background-image: url('../../source/img/landing/fifa-participate-steps-banner.webp');  background-size: cover;  background-position: center; position: relative; z-index: 0; }
.fifa-participate-steps-section:before { content: ''; position: absolute; top: 0;left: 0; width: 100%; height: 100%; background:linear-gradient(183deg, rgb(1 55 92 / 37%) 0% 0, rgb(1 56 93) 50%, rgb(0 0 0 / 0%) 100%); backdrop-filter: blur(3px);  z-index: -1;}
.fifa-participate-timeline{ position:relative; max-width:950px; margin:auto; }

.fifa-participate-timeline-step{ margin-top: 3rem;}
.fifa-participate-timeline-step:last-child{ margin-bottom:0;}
.fifa-participate-step-icon{ width:48px; height:48px; border-radius:50%; margin-bottom: 1rem;background:linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%); display:flex; align-items:center; justify-content:center; box-shadow: 0 15px 35px rgb(0 151 199 / 35%); z-index:2;}
.fifa-participate-step-icon i{ color:#ffffff; font-size:24px;}

.fifa-participate-step-card{background:rgb(0 151 199 / 5%); border: 1px solid rgb(255 255 255 / 15%); backdrop-filter:blur(10px); border-radius: 1rem; padding:2rem; transition:0.35s ease;}
.fifa-participate-step-card:hover{ transform:translateY(-6px); border-color: rgb(0 151 199 / 50%); box-shadow:0 20px 40px rgba(0,0,0,0.35);}
.fifa-participate-step-number{ display: inline-flex; align-items: center; gap: 10px; padding: 0.6rem 1.2rem; border-radius: 5rem; background: rgb(230 246 253); color: #0097c7; font-size: 0.9rem; margin-bottom: 1rem;}
.fifa-participate-step-title{ font-weight:800;line-height:1.2;margin-bottom:1rem;color:#ffffff;}
.fifa-participate-step-description{color:#cbd5e1;margin-bottom:0;}
.fifa-participate-step-description a{color:#0097c7;font-weight:700;text-decoration:none;}
.fifa-participate-step-description strong{color:#ffffff;}
.fifa-participate-ticket-box{margin-top:22px;display:flex;flex-wrap:wrap;gap:16px;}
.fifa-participate-ticket-item{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:18px;padding:16px 20px;color:#ffffff;font-size:16px;font-weight:600;}

.predict-card { max-width: 950px; margin: auto; background: #ffffff; border-radius: 1.5rem; padding: 2rem; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06); position: relative; overflow: hidden;}
.predict-card::before {content: '';position: absolute;top: -120px;right: -120px;width: 300px;height: 300px;background: rgb(0 151 199 / 7%);border-radius: 50%;}

/* Team Selection */

.fifa-guess-winner-form .team-selection{ display:grid;grid-template-columns:1fr auto 1fr; gap:20px; margin-bottom:2rem;}
.fifa-guess-winner-form .team-selection .team-radio{display:none;}
.fifa-guess-winner-form .team-selection .team-label{ display:flex; align-items:center; justify-content:center; padding:1rem 1.5rem; border-radius:1rem; border:1px solid  #bbbbbb; border-bottom: 2px solid #0097c7;background:#ffffff; cursor:pointer; transition:0.35s ease; text-align:center; }
.fifa-guess-winner-form .team-selection .team-label:hover{ transform:translateY(-5px); border-color: var(--background-secondary); box-shadow:0 15px 35px rgba(14,165,233,0.12); }
.fifa-guess-winner-form .team-selection .team-radio:checked + .team-label{ background:linear-gradient(135deg, var(--background-primary),  var(--background-secondary)); border-color:transparent; box-shadow:0 20px 40px rgb(0 151 199 / 25%);}
.fifa-guess-winner-form .team-selection .team-radio:checked + .team-label .team-label-title,
.fifa-guess-winner-form .team-selection .team-radio:checked + .team-label p,
.fifa-guess-winner-form .team-selection .team-radio:checked + .team-label i{color:#ffffff;}
/* Icon */
.fifa-guess-winner-form .team-selection .team-label i{ font-size: 2.3rem; color: var(--text-secondary); margin-bottom:18px; transition:0.3s ease; }
/* VS */
.fifa-guess-winner-form .team-selection .vs-badge{ width:50px; height:50px;margin: auto; border-radius:50%; background: var(--background-secondary); color:#ffffff; display:flex; align-items:center; justify-content:center; font-size:1.2rem; font-weight:800; align-self:center; box-shadow:0 15px 35px rgba(14,165,233,0.25);
}
.fifa-guess-winner-form .form-group .form-control { width: 100%; border-radius: 1rem; border: 2px solid #e2e8f0; padding: 1rem; font-size: 1rem; color: #0f172a; transition: 0.3s ease; background-color: #ffffff;}



/* Responsive */
@media (min-width: 1200px){
	.fourth-sec-copy-top-trading .row { position: relative;}
	.fourth-sec-copy-top-trading .row:before{content: '';  position: absolute; top: 2px; left: -200px;  width: 800px; height: 420px;background: url(../images/landing-trade-invest/start-trading-terms-patren-image.png) no-repeat; background-size: cover; background-position: center;}
	.fourth-sec-copy-top-trading .start-trading-platforms-left-box {  margin: 0;}
	.trade-win-gold-banner{padding: 200px 0 150px !important; margin-top: -100px;}
}
@media (min-width: 992px){
	
	.section-heading .section-heading-title,
	.section-title { font-size: 2.3rem;}
	.third-sec-copy-top-trading .page-title,
	.third-sec-copy-top-trading .copy-trading-right-box{  text-align: left;}
	.landing-header .navbar .acc-buttons {  margin-left: 30px; }
	.trade-banner-content h2 {font-size: 48px;}
	.fixed-currency-rate-pakistan-banner .trade-banner-content h2{font-size: 62px; font-style: italic;}
	.fixed-currency-rate-pakistan-banner .trade-banner-content h5{ font-size: 18px; font-weight: 300; font-style: italic;}
	.term-condition-section .term-condition-wrapper .term-condition-content li{    font-size: 18px;}
	.start-trading-banner .start-trading-banner-content {text-align: left;}
	.trade-win-gold-banner .trade-win-gold-duration{ font-size: 18px;}
	.trade-win-goldcoin-offer-imgbox{ padding: 180px 150px 50px; background-image: url(../../source/img/landing/trade-win-gold-offer-bg.webp); background-repeat: no-repeat; background-size: cover;  background-position: top center; }
	.trade-win-gold-banner .trade-win-gold-banner-title{ font-size: 2.5rem;}
	.trade-goldcoins-how-it-win .start-trading-steps-mainbox .page-title{text-align: left;}
	.trade-goldcoins-how-it-win .start-trading-steps-mainbox .sep-befire-line:after {content: ''; position: absolute; right: -115px; top: 8px; width: 100%; height: 16px; background-image: url(../../source/img/landing/right-arrow.webp); background-size: contain; background-repeat: no-repeat;    background-position: center;}
	.halloween-table .trade-win-goldcoin-offer-imgbox {
		padding: 310px 100px 110px; background-image: url('../images/landing-halloween/halloween-offer-bg.png'); background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1;
	}

	.landing-inner-banner  {padding: 11rem 0 6rem; min-height: 700px; display: flex; align-items: center;}

}
@media (max-width: 991px){
	.section-heading { text-align: center !important;}
	section, .section-padding { padding: 40px 0 !important;}
	.page-title { text-align: center; }
	.section-title { margin-bottom: 15px;}
	.landing-header .navbar-expand-lg .navbar-collapse { position: absolute; top: 52px; width: 100%; z-index: 9;}
	.app_footer-text-icon { padding: 20px 0;  display: inline-block;}
	.app_footer-text-icon .foot_app_text{margin-bottom: 20px;}
	.app_footer-text-icon .foot_app_text, .app_footer-text-icon .foot_app_text p { text-align: center;}
	.trade-style-trading-offer-text, .trading-offer-btn-bottom { text-align: center;}
	.trade-third-style-trading-sec{padding-top: 0 !important;}

}

@media (min-width: 768px){
	.landing-inner-banner .inner-banner-info .inner-banner-title {font-size: 3.5rem;}
	.trade-invest-counter-box .trade-invest-counter-title { font-size: 2.5rem;}
	.trade-third-style-trading-sec .trade-bonus-offer-box .trade-bonus-offer-bigtitle { font-size: 2.8rem; margin-bottom: 0.5rem;}

	.landing-footer-menu {text-align: right;}
	.fix-rate-information-btn { text-align: right;}
	
	.fifa-world-cup-banner .inner-banner-info .inner-banner-title{font-size: 4rem !important;}
	.fifa-participate-timeline-step{position:relative; padding-left:110px;}
	.fifa-participate-timeline::before{ content:''; position:absolute; left:38px; top:0; width:3px; height:100%; background:linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);}
	.fifa-participate-step-icon{ position:absolute; left:0; top:0; width:78px; height:78px; margin-bottom: 0;}
	.fifa-participate-step-icon i{ font-size:32px;}
	.fifa-participate-step-title{ font-size:42px;}
	.fifa-participate-step-description{font-size:20px;line-height:1.9;}
	.fifa-lucky-draw-section .countdown-wrapper .count-number{ font-size:3rem; }
}
@media (max-width: 767px){
	.landing-header .navbar-expand-lg .navbar-collapse { top: 103px;}
	.landing-header ul.navbar-nav {border-radius: 0;}

	.fix-rate-information-section:before {opacity: 0.4;}
	.fifa-guess-winner-form .team-selection { grid-template-columns:1fr;}
}
@media (max-width: 667px) {
	.uniglobe-trading .eco-calendar table td { font-size: 14px;min-width: 55px !important;}
	.uniglobe-trading .eco-calendar table td.user {min-width: 100px !important; text-align: center;}
	.uniglobe-trading .eco-calendar table td.user span{display: block; margin-bottom: 10px;}
	.live-spread .nav-pills{flex-direction: column; justify-content: center;text-align: center;}
	.live-spread .nav-pills li { margin: 0 10px 10px;}
	.ft-botlinks { padding: 15px 0; display: inline-block;}
	.ft-botlinks .social-icons { margin-left: auto; margin-right: auto;}
	.ft-botlinks .meta-icons {  margin-top: 10px;}
	.footer p { font-size: 14px; line-height: 20px;}
}
@media (max-width: 580px) {
	.landing-header .navbar-brand{width: 100%; margin-right: 0;}
	.landing-header .logo{max-width: 160px !important; margin: 0 auto;    margin-bottom: 1rem;}
	.landing-header .navbar .acc-buttons .btn { font-size: 14px; padding-left: 10px; padding-right: 10px;}
	.fix-rate-calculator-converter{ padding: 30px 15px 45px !important;}
}

