.text_dark {
   color: white;
 }

 .border-radius {
   border-radius: 8px;
 }

 i#togglePassword {
   top: -39px;
   position: relative;
   right: 10px;
 }

 i#togglePassword2 {
   top: -39px;
   position: relative;
   right: 10px;
 }

 .fa-eye:before {
   content: "\f06e" !important;
 }

 input[type="text"],
 input[type="email"],
 input[type="tel"],
 input[type="password"],
 input[type="number"],
 textarea,
 select {

   border: 2px solid var(--bg-light);
   background: transparent;
 }

 ::-webkit-input-placeholder {
   /* WebKit browsers */
   color: var(--yellow) !important;
 }

 :-moz-placeholder {
   /* Mozilla Firefox 4 to 18 */
   color: var(--yellow) !important;
 }

 ::-moz-placeholder {
   /* Mozilla Firefox 19+ */
   color: var(--yellow) !important;
 }

 :-ms-input-placeholder {
   /* Internet Explorer 10+ */
   color: var(--yellow) !important;
 }

 .form-control {
   border: 2px solid var(--bg-light);
 }

 .form-control:focus {
   border-color: var(--bg-light);
   box-shadow: none;
   color: var(--dark) !important;
 }

 .hero_img_animation2 {
   background-image: url("../images/sign-bg.jpg");
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   padding-top: 100px !important;
   margin-top: -100px;
 }

 .footer-bg {
   background-image: url("../images/sign-footer.jpg");
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
 }

 .footer-bottom {
   background-color: var(--dark2);
 }

 .footer-text {
   font-size: 13px;
 }



 .btn_background_signup:hover {
   background-image: linear-gradient(#fff, #fff);
   color: #242424;
 }

 .btn_background_login {
   background-color: #fff;
   padding: 15px 50px 15px 50px;
   font-weight: 500;
   border-radius: 50px;
   color: #242424;
 }

 .btn_background_login:hover {
   background-image: linear-gradient(#fab246, #845d24);
   color: #fff;
 }

 .form_login {
   background-color: var(--bg-white);

   border-radius: 12px;
   padding: 3rem;

 }




 .navbar-light .navbar-toggler-icon {
   background-image: url("../images/menu-dark.svg");
 }


 .text_hover {
   color: var(--bg-white);
 }

 .text_hover:hover {
   color: #dfbc8a;
 }

 .abc-logo {
   width: 120px;
   display: block !important;
   height: 100px;
 }

 .btn_login {
   background-color: transparent;
   /* color: var(--yellow) !important; */
   color: #dfbc8a !important;

   font-weight: bold !important;
   border: 1px solid #dfbc8a;
   /* border: 1px solid var(--yellow); */

 }

 .btn_login:hover {
   background-color: #dfbc8a;
   color: var(--dark) !important;

 }

 ul.dropdown-menu.sub_menu,
 ul.dropdown-menu.en-menu {
   backdrop-filter: blur(4px);
   background-color: transparent;
   border: 1px solid gray !important;
   border-radius: 7px;
 }

 .search_bar {
   color: white;
   background-color: transparent;
   border: 1px solid gray !important;
   border-radius: 7px;
 }

 a.dropdown-item {
   color: var(--light);
 }

 button.navbar-toggler.collapsed {
   color: transparent;
   border-color: transparent;
 }

 .lng_bar {
   display: none;
 }

 .navbar-light .navbar-toggler {
   background-color: #73737382;
 }

 .navbar-light .navbar-toggler-icon {
   background-image: url(../images/menu.svg);
 }

 .text_align {
   text-align: left;

 }

 .text-clr {
   color: var(--light);
 }

 .light-green {
   color: var(--light_green);
 }

 .light-green:hover {
   color: var(--light_green);
 }

 .strok {

   color: white;
   text-shadow:
     -1px -1px 0 var(--dark),
     1px -1px 0 var(--dark),
     -1px 1px 0 var(--dark),
     1px 1px 0 var(--dark);


 }

 .align_right {
   text-align: right;

 }

 .sm_text {
   font-size: 10px;
   color: var(--light);
   margin-bottom: 0.41rem;
   margin-left: 2px;
 }


 .table-text {
   margin-bottom: 30px;
 }

 .table-text-sm {
   margin-bottom: 30px;
 }

 td:nth-child(even) {
   text-align: right;
 }

 .footer_text {
   color: var(--light);
   font-size: 17px;
   font-weight: 500;
   transition: .3s;

 }

 .footer_text:hover {
   color: #dfbc8a;

 }

 .text_dark {
   color: var(--dark);
 }


 .demo-account {
   color: var(--dark);
   border-radius: 10px;
   font-size: 16px;
   font-weight: bold;
   margin: 5px 5px 0px 0px;
   background-color: #dfbc8a;
   border: 1px solid var(--light);
   transition: 0.3s;

 }

 .demo-account:hover {
   color: var(--dark);
 }

 .btn_hover span {
   cursor: pointer;
   display: inline-block;
   position: relative;
   transition: 0.3s;
 }

 .btn_hover span:after {
   content: '\00bb';
   position: absolute;
   opacity: 0;
   top: 0;
   right: -20px;
   transition: 0.3s;
 }

 .btn_hover:hover span {
   padding-right: 25px;
 }

 .btn_hover:hover span:after {
   opacity: 1;
   right: 0;
 }


 .live-account {
   border: 1px solid #dfbc8a;
   border-radius: 10px;
   font-size: 16px;
   color: #dfbc8a;
   font-weight: bold;
   margin: 5px 0px 0px 5px;
   background-color: transparent;
 }

 .live-account:hover {
   color: var(--bg-white);
   background-color: #dfbc8a;
   /* background-color: var(--dark); */
 }

 .download_btn {
   border: 2px solid #dfbc8a;
   border-radius: 10px;
   font-size: 16px;
   color: var(--light);
   padding: 10px 0px;
   width: 100%;
   background-color: var(--dark2);
 }

 .download_btn:hover {

   color: var(--light);

   background-color: var(--dark);
 }

 .hover {
   transition: .3s;
 }

 .hover:hover {
   color: #dfbc8a;
 }

 .bg_light {
   background-color: var(--bg-light);
 }

 .yellow {
   color: #dfbc8a;
 }

 .yellow:hover {
   color: #dfbc8a;
 }

 .hr {
   background-color: var(--dark);
   width: 120px;
   overflow: 1px;
 }

 .radius {
   border-radius: 10px;
 }

 .navbar {
   z-index: 999;
 }

 ::-webkit-input-placeholder {
   /* WebKit browsers */
   color: var(--light) !important;
 }

 .bg-footer {
   background-image: url("../img/fotterbg.jpg");
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   padding-top: 120px !important;

 }

 /*form css*/
 .stay-conect {
   border-radius: 25px;

 }

 input:-internal-autofill-selected {

   border-color: var(--bg-light);
 }

 .newsalert {

   display: block;
   width: 100%;
   height: 40px;
   padding: 2rem 1rem;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: var(--dark);
   background-color: var(--light);

   border: 1px solid #ced4da;

   border-radius: 20px;
   transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   -webkit-box-shadow: 33px 28px 79px -33px rgba(255, 170, 20, 0.75);
 }

 ::-webkit-input-placeholder {
   /* WebKit browsers */
   color: var(--dark) !important;
 }

 :-moz-placeholder {
   /* Mozilla Firefox 4 to 18 */
   color: var(--dark) !important;
 }

 ::-moz-placeholder {
   /* Mozilla Firefox 19+ */
   color: var(--dark) !important;
 }

 :-ms-input-placeholder {
   /* Internet Explorer 10+ */
   color: var(--dark) !important;
 }

 .border-rad {

   border-top-right-radius: 20px;
   border-bottom-right-radius: 20px;

   color: var(--light);
   background-color: var(--yellow);
   border-color: var(--yellow);
 }

 .border-rad:hover {

   background-color: var(--yellow);
   border-color: var(--yellow);

 }

 ul.dropdown-menu.sub_menu {
   right: -6px !important;
 }

 .dropdown-item:hover,
 .dropdown-item:focus {
   background-color: transparent;
   color: var(--yellow);
 }

 .dropdown-item.active,
 .dropdown-item:active {
   background-color: transparent;
   color: var(--yellow);

 }

 .newsalert-form {
   margin-bottom: -165px !important;
   z-index: 999;
   position: relative;
 }

 .carousel_set {
   display: none;
 }

 .location-map2 {
   display: none;
 }

 /*tablet view*/

 @media only screen and (max-width: 868px) {

   .sm_text {
     font-size: 8px;
     color: var(--light);
     margin-bottom: 0.18rem;
     margin-left: 4px;
   }


   .mob-set-but {
     width: 100px;
   }


 }

 .step-text-mob {
   display: none;
 }

 .menu_mob_set {
   height: 100%;
   margin: 0;
 }

 /*mobile view*/

 @media only screen and (max-width: 600px) {
   .align_right {
     text-align: center;
   }

   a.nav-link {
     color: var(--bg-light) !important;
     font-weight: 500;
   }

   a.nav-link:hover {
     color: var(--yellow) !important;

   }

   .navbar {
     flex-wrap: nowrap !important;
   }

   .lng_bar {
     display: block !important;
   }

   .btn-close {
     background: transparent url("../images/close-white.png") center/1em auto no-repeat !important;
   }

   .hero-header {

     padding-right: var(--bs-gutter-x, .75rem);
     padding-left: var(--bs-gutter-x, .75rem);
   }

   .iframe-set {
     display: flex;
   }

   #myVideo {
     height: 1240px;
   }

   #myVideo3 {
     height: 1240px;
   }

   .video_res {
     display: none !important;
   }

   .video_res_mob {
     position: absolute !important;
     display: block !important;
     overflow: hidden;
     object-fit: cover;
     top: 0;
     left: 0;
     z-index: -9;
     width: 100%;
   }

   .mob-set-but {
     width: 100px;
   }

   .inner-header {
     padding: 160px 10px 0px 0px;
   }

   .text_align {
     text-align: center;
   }

   .step-text {
     display: none;
   }

   .bg_trading {
     visibility: visible !important;
     padding: 30px;
     width: 100%;
     display: flex;
     height: 300px;
   }

   .carousel-item {
     padding: 0px 10px;
   }

   .navbar-toggler:focus {

     box-shadow: none;
   }

   .leverage_border {

     width: 33%;

     margin: 6px 0px;
   }

   .hero-header {

     overflow: hidden;
     padding: 0px;

   }

   .hero-inner {
     margin-top: 20px;
   }

   .candlebg {
     display: none;
   }

   .footer .btn.btn-link {
     text-align: center;
   }

   .bg-account {
     margin-top: 100px !important;
   }

   .bg-account2 {
     margin-top: 100px !important;
   }

   .step-text-mob {
     display: block !important;
     text-align: center;
     margin-bottom: -50px;
     z-index: 9;
     position: relative;
   }




   .navbar:focus {
     background-color: var(--black);
   }

   .btn-live {
     margin: 5px;
   }

   .demo-account {

     margin: 5px;
   }

   .live-account {

     margin: 5px;
   }

   .btn-demo {

     margin: 5px;
   }

   .text_right {
     text-align: center;
   }

   .forth_inner_border {

     margin-bottom: 90px;

   }

   .srch_bar {
     display: none;
   }

   .hero_section_inner {
     height: 660px;

   }

   .hr {

     margin: auto;
     margin-bottom: 10px;
   }

   .carousel_set {
     display: block !important;
   }

   .mob_set_res {
     display: block !important;
   }

   .newsalert {
     padding: 1.4rem 1rem;
   }

   .col-sm-6 {
     width: 50%;
     display: table-cell;
   }

 }