@charset "utf-8";

body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif !important;
    color: #fff;
    font-size: 14px !important;
    background: #061121;
}

@import url("../css/font-awesome.min.css");

/*-----------Base Css End----------*/
p {
    line-height: 26px;
    margin: 0 !important;
    padding: 0;
}
a{text-decoration:none;}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 !important;
    padding: 0;
    font-weight: 700;
}

ul {
    margin: 0 !important;
    padding: 0;
}

img {
    max-width: 100%;
}

a:hover {
    text-decoration: none !important;
}

input:focus,
textarea:focus,
select:focus {
    outline: none !important;
}

button:focus,
textarea:focus,
select:focus {
    outline: none !important;
}


/*-----------Base Css End----------*/
@font-face {
    font-family: 'Roboto', sans-serif;
    src: url('../fonts/Roboto/Roboto-Medium.ttf');
}

@font-face {
    font-family: 'Roboto', sans-serif;
    src: url('../fonts/Roboto/Roboto-Regular.ttf');
}

@font-face {
    font-family: 'Roboto', sans-serif;
    src: url('../fonts/Roboto/Roboto-Bold.ttf');
}




#animsition {
    animation: fadein 2s;
    -moz-animation: fadein 2s;
    -webkit-animation: fadein 2s;
    -o-animation: fadein 2s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    /* Safari and Chrome */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadein {
    /* Opera */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.btn-main a {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    color: #000;
    background-color: #ffd800;
    padding: 12px 30px 12px 30px;
    transition:0.4s;
    display:inline-table;
    border-radius:30px;
    text-align:center;
}

    .btn-main a:hover {
        background: #000;
        color: #fff;
    }

/*-----------Home Page Css End----------*/
.header-rw{position: relative;}
.top-header-inner{text-align:right;display: flex;flex-direction: row;}
.top-header-inner ul{list-style:none;}
.top-header-inner ul li{display:inline-table;}
.top-header-inner ul li a{color:#484848;text-transform:uppercase;font-size:13px;font-weight:600;}
.header-container {
    position: absolute;
    z-index: 9;
    left:0;right:0;top:0;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    background: #fff;
}
    .sticky #logo img{height:70px;transition:0.8s;}
    .sticky .navbar {
        padding: 0;
        transition: 0.8s;
    }
    .sticky .nav-right {
        top: 25px;
    }
    .sticky .navbar-brand::after {
        display: none;
    }

    .sticky .navbar-light .navbar-brand .logo {
        padding-left: 0px !important;
        height: 50px;
    }

body.offcanvas-active{
	overflow:hidden;
}

.offcanvas-header{ display:none; }

.screen-darken{
	height: 100%;
	width:0%;
	z-index: 30;
	position: fixed;
	top: 0;
	right: 0;
	opacity:0;
	visibility:hidden;
	background-color: rgba(34, 34, 34, 0.6);
	transition:opacity .2s linear, visibility 0.2s, width 2s ease-in;
}

.screen-darken.active{
	z-index:10; 
	transition:opacity .3s ease, width 0s;
    opacity:1;
    width:100%;
    visibility:visible;
}

/* ============ mobile view ============ */
@media all and (max-width: 991px) {
	
	.offcanvas-header{ display:block; }

	.mobile-offcanvas{
		visibility: hidden;
		transform:translateX(-100%);
	    border-radius:0; 
		display:block;
	    position: fixed;
	    top: 0; left:0;
	    height: 100%;
	    z-index: 1200;
	    width:80%;
	    overflow-y: scroll;
	    overflow-x: hidden;
	    transition: visibility .3s ease-in-out, transform .3s ease-in-out;
	}

	.mobile-offcanvas.show{
		visibility: visible;
    	transform: translateX(0);
	}
	.mobile-offcanvas .container, .mobile-offcanvas .container-fluid{
		display: block;
	}

}
.navbar .megamenu {
    padding: 1rem;
}
/* ============ desktop view ============ */
@media all and (min-width: 992px) {

    .navbar .has-megamenu {
        position: static !important;
    }

    .navbar .megamenu {
        left: 0;
        right: 0;
        width: 100%;
        margin-top: 0;
    }
}
/* ============ desktop view .end// ============ */


/* ============ mobile view ============ */
@media(max-width: 991px) {
    .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse {
        overflow-y: auto;
        max-height: 90vh;
        margin-top: 10px;
    }
}
.header-item-right{flex-direction:column;}
.top-icons{flex-direction: row;display: flex;padding-top:10px;}
.top-icons a{position:relative;}
.top-icons a span{background:#191561;padding-top: 2px;color:#fff;font-size:10px;height:18px;width:18px;display:inline-table;text-align:center;border-radius:100%;position:absolute;right:0px;top:-3px;}
.header-item-right .menu-icon .ion-md-cart{font-size:32px;margin-right:10px;}
.search-bar{font-size: 1.35rem;}
.popup-overlay{
  /*Hides pop-up when there is no "active" class*/
  visibility:hidden;
  position:absolute;
  background:#e5f0f9;
  width:100%;
  left:0;
  right:0;
  top:0;
}
.popup-overlay.active{
  /*displays pop-up when "active" class is present*/
  visibility:visible;
  text-align:center;
}

.popup-content {
  /*Hides pop-up content when there is no "active" class */
 visibility:hidden;
}

.popup-content.active {
  /*Shows pop-up content when "active" class is present */
  visibility:visible;padding: 20px 0;position:relative;
}
.popup-content button[type="submit"]{float:right;padding:4px 8px;color:#fff;background:#191561;text-transform:uppercase;font-size:12px;position:absolute;right:0;top: 8px;}
.popup-content input[type="text"]{width:100%;padding:10px;position:relative;padding-left:32px;padding-right:100px;border:none;border-bottom:2px solid #484848;background:none;}
.popup-content form{position:relative;}
.popup-content form .fa-search{position:absolute;font-size:20px;color:#484848;left:0;top:10px;}
.popup-content .close{position: absolute;top: -12px;right: -40px;color: #191561;float: none;opacity: 1;font-size: 14px;}
#demo{margin-top:82.8px;position:relative;}
.main-txt{padding-top:110px;}
.main-txt h1{font-size:74px;text-transform:capitalize;font-weight:bold;text-align:center;}
.main-txt-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left: auto; margin-right: auto;padding-top:50px;}
.css-itx7bf {
    box-sizing: border-box;
    margin: 0;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size:20px;font-weight:normal;
}
.css-pbeomu {
    box-sizing: border-box;
    margin: 0;
    margin-right: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    min-width: 20px;
    border-radius: 10px;
    background-color: #129dff;
}
.css-tyb9pr {
    font-size: 20px;
    line-height: 48%;
    letter-spacing: 0em;
    margin-top: -5px;
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
    box-sizing: border-box;
    margin: 0;
    color: #D1D0D1;
}
.css-pbeomu i {
    box-sizing: border-box;
    margin: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 12px;
    color: #F4F4F4;
}
.main-btn{text-align:center;margin-top:40px;}
.main-btn a{display:inline-table;padding:12px;width:150px;text-align:center;background:#129dff;color:#fff;text-transform:uppercase;transition:0.4s;}
.main-btn a:hover{background:#fff;color:#129dff;}
.css-yt60qv {
    box-sizing: border-box;
    margin: 0;
    overflow: hidden;
    padding-top: 70px;
    position: relative;
}
.css-1qy564m {
    box-sizing: border-box;
    margin: 0;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.css-5xhde8 {
    box-sizing: border-box;
    margin: 0;
    width: 1050px;
    height: 1050px;
    background: radial-gradient( 50% 50% at 50% 50%, rgba(65, 148, 236, 0.24) 0%, rgba(65, 148, 236, 0) 100% );
}
.css-g3mpw {
    box-sizing: border-box;
    margin: 0;
    perspective: 1000px;
}
.css-113lecc {
    box-sizing: border-box;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    display: block;
    object-fit: contain;
}
.css-113lecc {
    width: 470px;
    height: 940px;
}
.global-capital{margin-top:70px;}
.heading{text-align:center;padding-bottom:45px;}
.sub-heading{font-size:18px;color:#129dff;text-transform:uppercase;font-weight:600;}
.heading h3{font-size:64px;font-weight:bolder;padding-top:15px;padding-bottom:20px;}
.heading p{font-size:18px;}
.ready-trade{padding-top:40px;text-align:center;}
.ready-trade h4{font-size:20px;color:#129dff;font-weight:500;}
.ready-trade p{font-size:16px;}
.ready-trade .main-btn{margin-top:25px;}
.open-account{margin-top:70px;padding:70px 0;background:url(../images/open-ac.jpg) no-repeat top center;background-size:cover;}
.open-account .heading h3{font-size:60px;}
.featured-box{text-align:center;}
.featured-box-img{height:100px;width:100px;border-radius:100%;text-align:center;display:inline-table;margin:0 auto;position:relative;background:#129dff;padding-top: 15px}
.featured-box-img span{position:absolute;font-size:20px;color:#129dff;height:30px;width:30px;border-radius:100%;top:-3px;right:0;text-align:center;background:#fff;padding-top: 4px;}
.featured-box-content{padding-top:20px;}
.featured-box-content h4{text-transform:capitalize;color:#129dff;font-size:24px;padding-bottom:10px;font-weight: 500;}
.featured-box-content p{font-size:16px;}
.fx-broker{margin-top:70px;}
.fx-broker-content{padding-left:100px;}
.fx-broker-content .heading{text-align:left;}
.broker-list span{height:60px;width:60px;border-radius:100%;text-align:center;background:#129dff;display:inline-table;vertical-align:middle;margin-right:20px;padding:10px;}
.broker-list ul li{font-size:18px;padding-bottom:30px;}
.broker-list ul li:last-child{padding-bottom:0;}
.fx-broker-content .main-btn{text-align:left;}
.forex-trading{background-color:#010c28;background-image: none;}
.forex-trading .featured-box-img{height:80px;width:80px;}
.order-volume{margin-top:70px;}
.counter-rw{text-align:center;}
.pd-50{padding-top:50px;}
.order-volume .pd-50{text-align:center;}
.order-volume .pd-50 h2{color:#129dff;font-size:64px;}
.order-volume .pd-50 p{font-size:16px;text-transform:uppercase;}
.faq-rw{margin-top:70px;padding:70px 0;background:#eae8ff;}
.faq-rw .heading h3, .faq-rw .heading p {color:#191561;}
.bs-example{width:767px;margin:0 auto;}
.bs-example .card{border:none;border-radius:0;background:none;}
.bs-example .card-header{background:none;}
.bs-example .btn-link{color:#484848;width:100%;text-align:left;padding:25px 0;padding-left:0;font-size:18px;position:relative;}
.bs-example .accordion .card .card-header{margin-bottom: 0px;padding:0;}
.bs-example .btn-link i{position:absolute;right:0;height:35px;width:35px;border-radius:100%;display:inline-table;text-align:center;background:#061121;font-size:16px;color:#fff;padding-top: 10px;}
.bs-example .card-body p{color:#484848;font-size:16px;}
.bs-example .card-body{padding:1.25rem 0;}
.footer-rw{padding-top:70px;}
.footer-head{padding-bottom:30px;}
.footer-head h3{text-transform:capitalize;font-size:24px;color:#129dff;}
.footer-links ul li{padding-bottom:25px;}
.footer-links ul li:last-child{padding-bottom:0px;}
.footer-links ul li a{color:#fff;text-transform:capitalize;color:#fff;transition:0.4s;}
.footer-links ul li a:hover{color:#129dff;}
.footer-links ul li span{display:inline-table;color:#129dff;}
.footer-links ul li p{display:inline-table;width:92%;vertical-align:middle;padding-left:10px;}
.risk-content{margin:50px auto;width:867px;font-size:13px;border:1px solid #129dff;padding:15px;position:relative;padding-top:20px;}
.risk-content p{line-height:20px;}
.risk-content span{background:#129dff;padding:5px 13px;text-transform:uppercase;position:absolute;top:-12px;left:15px;font-size:12px;}
.copyright{padding:15px 0;border-top:1px solid rgba(255, 255, 255, 0.2);}
.copyright a{color:#fff;margin-right:20px;transition:0.4s;}
.copyright a:hover{color:#129dff;}
.footer-right{text-align:right;}
/*---------------About-------------*/
.abt-benifits{text-align:center;padding-top:15px;}
.abt-benifits p{font-size:18px;}
.abt-benifits-rw{background:none;padding:0;}
.abt-benifits-rw .featured-box-img{font-size:42px;height:80px;width:80px;padding-top: 20px;}
.num-speaks .heading{text-align:left;padding-bottom:0;}
.num{display:inline-table;width:20%;font-size:45px;color:#129dff;border-bottom:1px solid rgba(255, 255, 255, 0.2);font-weight:bold;text-align:right;}
.num-des-content{display:inline-table;width:78%;padding-left:40px;vertical-align:middle;}
.num-des-content h4{font-size:24px;font-weight:400;padding-bottom:15px;text-transform:capitalize;color:#129dff;}
.num-des{padding-bottom:30px;}
.num-des:last-child{padding-bottom:0px;}
.abt-text p{text-align:center;padding-bottom:20px;}
.abt-text p:last-child{padding-bottom:0;}
.abt-text .heading h3{padding-bottom:0;}
/*-------------Vision Mission-----------*/
.vision-mission .heading{text-align:left;}
.joinbtn .main-btn{text-align:right;margin-top: 32px}
/*-------------Glossary--------------*/
.glossary .featured-box-content{padding:20px;background:rgba(255, 255, 255, 0.1);border:2px solid #fff;margin-bottom:50px;min-height: 315px;}
/*----------------Contact----------------*/
.contact-form{margin-top:70px;}
.contact-form-rw{width:767px;margin:0px auto;}
.contact-form-rw ul li{width:calc(51.6% - 30px);margin-right:30px;margin-bottom:30px;display:inline-table;}
.contact-form-rw ul li:nth-child(2n+2){margin-right:0;}
.contact-form-rw ul li:last-child{margin-bottom:0;}
.contact-form-rw ul .w-100{margin-right:0;}
.contact-form-rw input[type="text"], .contact-form-rw button[type="submit"]{width:100%;border:2px solid #efefef;padding:14px 12px;background:rgba(255, 255, 255, 0.1);}
.contact-form-rw button[type="submit"]{background:#129dff;transition:0.4s;border:none;color:#fff;text-transform:uppercase;font-size:16px;cursor:pointer;}
.contact-form-rw button[type="submit"]:hover{background:#fff;color:#129dff;}
.contact-form-rw textarea{width:100%;border:2px solid #efefef;padding:14px 12px;background:rgba(255, 255, 255, 0.1);min-height:120px;}
.contact-form-rw ul li input[type="text"]::placeholder, .contact-form-rw ul li textarea::placeholder { 
    color: #fff;
    opacity: 1; 
}

.contact-form-rw ul li input[type="text"]:-ms-input-placeholder,  .contact-form-rw ul li textarea::placeholder {
    color: #fff
}

.contact-form-rw ul li input[type="text"]::-ms-input-placeholder,  .contact-form-rw ul li textarea::placeholder { 
    color: #fff;
}
/*---------------Login-------------*/
.login-rw{background:url(../images/login-bg.webp)no-repeat top center;background-size:cover;display:flex;min-height:100vh;align-items:center;flex-wrap: wrap;}
.login-form{display:flex;flex-direction:column;max-width:100%; width:450px;background:#fff;margin:30px auto;padding:30px;}
.login-form ul{list-style:none;}
.login-form ul li{padding-bottom:15px;color:#484848;position:relative;}
.login-form ul li .ps-input{position: absolute;padding: 11px 16px;background: #061121;color: #129dff;left: 1px;top: 1px;text-align: center}
.login-form ul li:last-child{padding-bottom:0;padding-top:30px;text-align:center;}
.logo{text-align:center;padding-bottom:30px;}
.login-form ul li input[type="text"]{width:100%;border:2px solid #efefef;padding:14px 12px;background:rgba(255, 255, 255, 0.1);padding-left: 52px;}
.login-form ul li button[type="submit"]{width:100%; padding:13px; background:#129dff;transition:0.4s;border:none;color:#fff;text-transform:uppercase;font-size:16px;}
.login-form ul li button[type="submit"]:hover{background:#191561;color:#fff;cursor:pointer;}
.login-form ul li label{color:#484848;}
.login-form ul li input[type="checkbox"]{vertical-align:middle;padding-right:5px;}
.login-form ul li a{color:#191561;text-transform:capitalize;transition:0.4s;}
.login-form ul li a:hover{color:#129dff;}
.login-form ul li a i{padding-right:6px;color:#129dff;}
.logo h3{text-transform:capitalize;color:#191561;font-weight:400;padding-top:10px;font-size:30px;}
/**---------------Analytics---------------*/
.table-rw{margin-bottom:50px;}
.table-rw:last-child{margin-bottom:0px;}
/*-----------Terms & Conditions------------*/
.align-left h1, .align-left .abt-benifits, .align-left .heading, .align-left p{text-align:left;}
.align-left ul{width:100%;display:inline-table;padding-left:15px;}
.align-left ul li{font-size:18px;padding-bottom:25px;line-height:30px;list-style: decimal}
.align-left ul li:last-child{padding-bottom:0;}
.pdb-30{padding-bottom:30px;}
.pdb-30{padding-top:30px;}
.pd-15{padding-bottom:15px;}

input#email
{
    padding-left:52px;
}
select
{
     padding-left:52px !important;
}
input#password
{
    padding-left:52px;
}