:root{
	
	--pink-color: #f54953;
	--blue-color: #286dac;
	--black-color: #000000;
	--dark-color: #00121b;
	
}

body{ font-family: "Poppins", sans-serif!important; font-size:16px;}
header{position: relative;}

h1, h2, h3, h4, h5, h6{font-family: "Plus Jakarta Sans", sans-serif!important;}

/* Default (light theme) */



body {
  background-color: #00121b;
  color: #fff;
  transition: 0.3s ease;
}

body.light {
  background-color: #ffffff;
  color: #000000;
}

.theme-toggle-btn {
    position: fixed;
    bottom: 6rem;
    right: 38px;
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: #fff;
	z-index:99;
	background: #00121b;
    width: 40px;
    height: 40px;
    border-radius: 5px;
}



.banner .carousel-control-next, .carousel-control-prev {width: 5%; align-items: center; left: -100px; bottom: 0px; top: auto;}
button.carousel-control-prev { transform: rotate(89deg); top: 110px;}
button.carousel-control-next { transform: rotate(90deg); bottom: 0px !important; right: auto; }

.slider_pic img { height: 480px; object-fit: contain; }

.carousel-indicators { position: absolute; right: 0; bottom: 0; left: -110px; z-index: 2; justify-content: left; padding: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; list-style: none; width: fit-content; display:block; }

.carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; display: block; }
.carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 1.2rem; height: 1.2rem;}

   
.carousel-indicators { position: absolute; bottom: 0%; right: -50px; transform: translateY(-50%); flex-direction: column; margin: 0; left: -73px; } 
.carousel-indicators [data-bs-target] { width: 10px; height: 10px; border-radius: 50%; background-color: #999; margin: 0px 0; opacity: 0.7; border-radius: 50%; } 
.carousel-indicators .active { background-color: #fff; opacity: 1; }


.left_part i{color: var(--pink-color); font-size: 18px;}
.cart_div{text-align:right; font-size: 12px;}
.cart_div span { background: #0893d0; color: #fff; padding: 2px 4px; border-radius: 4px; font-size: 10px; }
.cart_div a{color:#000; text-decoration:none;}
.black_c{color:#000!important;}

.top_part { border-bottom: 1px solid #063850; padding: 8px 0px; }

.right_part{text-align:right;}
.right_part ul { list-style: none; padding: 0px; margin: 0px; }  
.right_part ul li { display: inline-block; }  
.right_part ul li a { text-decoration: none; color: #fff; font-weight: 500; margin-left: 10px; font-size: 14px; padding: 5px 10px; border-radius: 100px; }
.right_part i { color: #fff; font-size: 18px; } 
.right_part ul li a:hover{color: var(--pink-color);}


.action_btn{background: var(--pink-color); color:#fff!important; border-radius:100px; padding:10px 15px!important; text-decoration:none;}
.action_btn2{background: RGBA(208, 83, 168, 1); background: linear-gradient(90deg, rgba(208, 83, 168, 1) 0%, rgba(74, 37, 169, 1) 100%); color: #fff; text-decoration: none; border-radius: 14px; padding: 15px 30px; display: inline-block;}  

.action_btn2a{background: RGBA(208, 83, 168, 1); background: linear-gradient(90deg, rgba(208, 83, 168, 1) 0%, rgba(74, 37, 169, 1) 100%); color: #fff; text-decoration: none; border-radius: 14px; padding: 15px 30px; display: inline-block;}
.action_btn3{background: var(--pink-color); color:#fff!important; border-radius:100px; padding:20px 35px; text-decoration:none;  display:inline-block;}
.mb120{margin-bottom:120px;}
.mb50{margin-bottom:50px;}

.action_btn2a:hover{color:#fff;}

.logo img { width: 110px; }
.logo_memu_area{padding:7px 0px;}

.title_box h2, h3, h4{text-transform: uppercase;}
.title_box span{color: var(--pink-color);}
.title_box { color: #fff; }
/************shape area*************/

.shape1 {content:""; background: url(../images/banner_effect.png); position:absolute; width:100%; height:100%; background-repeat: no-repeat; background-size: contain;}
.shape2 {content:""; background: url(../images/shape2.png); position:absolute; width:100%; height:100%; background-repeat: no-repeat; right: 0;
left: auto; top: 30%; background-position: right; background-size: contain;}
.shape3 {     content: "";     background: url(../images/shape3.png);     position: absolute;     width: 40%;     height: 100%;     background-repeat: no-repeat;     right: 0;     left: auto;     top: 260%;     background-position: right; }
.shape4 {content:""; background: url(../images/shape4.png); position:absolute; width:100%; height:100%; background-repeat: no-repeat; top: 84%; left: 0; background-size: contain;}
/************banner area*************/

.banner {position:relative; padding:50px 0px;}
.carousel-caption1{color:#fff;}
.carousel-caption1 h1 { font-size: 48px; line-height: 64px; font-weight: 600; }
.carousel-caption1 p { width: 60%; font-weight: 300; margin:30px 0px;}
.demoo img{margin-right:20px;}


/************simplee area*************/

.simplee{padding:50px 0px; z-index: 9; position: relative;}
.sim_box { background: #286dac; padding: 50px; color: #fff; border-radius: 10px; border:1px solid #286dac;}
.numbb img { display: block; margin: 0px auto 15px;  animation: moveUpDown 2s infinite ease-in-out;} 
.numbb { text-align: center; }
.numbb span { font-size: 14px; }


.ani{animation: moveUpDown 2s infinite ease-in-out;}
@keyframes moveUpDown {
  0% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
  100% { transform: translateY(0); }
}


/************Why BULLBEAR? to work*************/


.why_b{padding:60px 0px; color:#fff; z-index:9; position:relative;}
.why_b h2{color:#fff;     font-size: 45px; text-transform: uppercase; font-weight: 300;}
.why_b h2 span{ color: var(--pink-color); font-weight: 600;}

.box_areaa {margin-top:50px;}
.content_box { background: #286dac; padding: 15px; text-align: center; border-radius: 30px;  align-items: center; justify-content: center; position: relative; margin-bottom:25px;}
.content_box2 {background: #286dac26; border:1px solid #286dac; padding: 25px; border-radius: 20px; min-height: 390px;}

.content_box2 h3 { font-size: 20px; text-transform: uppercase; margin: 20px 0px; } 
.content_box2 p { font-size: 14px; font-weight: 400; }

.why_b:before { content: ""; background: url(../images/mobile2.png); width: 20%; width: 30%; height: 40%; display: block; position: absolute; background-repeat: no-repeat; bottom: -20%; left: 0%; animation: moveUpDown 2s infinite ease-in-out;}
.why_b:after { content: ""; background: url(../images/mobile.png); width: 20%; height: 37%; display: block; position: absolute; background-repeat: no-repeat;     top: -4%;
    right: 0%; animation: moveUpDown 2s infinite ease-in-out; background-position: right;}



.heartbeat {
  animation: heartbeat 1.5s infinite;
}
@keyframes heartbeat {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}


.wave {
  display: inline-block;
  animation: wave 2s infinite;
  transform-origin: 70% 70%;
}
@keyframes wave {
  0% { transform: rotate(0deg); }
  15% { transform: rotate(14deg); }
  30% { transform: rotate(-8deg); }
  40% { transform: rotate(14deg); }
  50% { transform: rotate(-4deg); }
  60% { transform: rotate(10deg); }
  100% { transform: rotate(0deg); }
}


/************how to work*************/

.how{padding:70px 0px; color:#fff;  position:relative;}
.how h2{color:#fff;     font-size: 45px; text-transform: uppercase; font-weight: 300;}
.how h2 span{ color: var(--pink-color); font-weight: 600;}


.everything { background: #286dac; padding: 10px; text-align: center; border-radius: 50px;  align-items: center; justify-content: center; position: relative; width: fit-content; margin: auto;}
.mini_exx {background: #286dac26; border:1px solid #286dac; padding: 10px 30px; border-radius:50px; font-size: 24px; font-weight: 300; }

.everything2 { background: #286dac; padding: 10px; text-align: center; border-radius: 50px;  align-items: center; justify-content: center; position: relative; width: fit-content;}
.mini_exx2 { background: #286dac26; border: 1px solid #286dac; padding: 3px 10px; border-radius: 50px; font-size: 16px; font-weight: 300; }


    .timeline-container {
      position: relative;
      width: 100%;
     
      margin: 24% auto;
    }

    .timeline-line {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      height: 4px;
      background: #4d4d4d;
      z-index: 0;
    }

    .timeline {
      display: flex;
      justify-content: space-between;
      position: relative;
      z-index: 1;
    }

    .step {
      position: relative;
      width: 23%;
      text-align: center;
    }

    .step .dot {
      width: 18px;
      height: 18px;
      background-color: #0a1826;
      border: 4px solid #4d4d4d;
      border-radius: 50%;
      margin: 0 auto;
      position: relative;
      z-index: 2;
    }

    .step .content {
      background: transparent;
      padding: 15px;
      position: absolute;
      width: 100%;
      left: 50%;
      transform: translateX(-50%);
    }

    .step:nth-child(odd) .content {
      top: 50px;
    }

    .step:nth-child(even) .content {
      bottom: 70px;
    }

    .step-number {
      display: inline-block;
      padding: 8px 20px;
      border-radius: 20px;
      font-weight: bold;
      margin-bottom: 10px;
    }

.step1 .step-number { background-color: #d60a6f; position: absolute; left: 0; right: 0; width: 120px; margin: auto; top: -100px; }
.step2 .step-number { background-color: #8cc63f; position: absolute; left: 0; right: 0; width: 120px; margin: auto; bottom: -120px; }
.step3 .step-number { background-color: #00aaff; position: absolute; left: 0; right: 0; width: 120px; margin: auto; top: -100px; }
.step4 .step-number { background-color: #8cc63f; position: absolute; left: 0; right: 0; width: 120px; margin: auto; bottom: -120px;}

.step1 .dot {   width: 18px;   height: 18px;   background-color: #d60a6f;   border: 4px solid rgb(0 0 0 / 37%);   border-radius: 50%;   margin: 0 auto;   position: relative;   z-index: 2; }
.step1 .dot:before { content: ""; position: absolute; display: block; height: 59px; width: 2px; background: #d60a6f; left: 4px; }
.step1 .dot:after { content: ""; position: absolute; display: block; height: 9px; width: 9px; background: #d60a6f; left: 0px; bottom: -50px; border-radius: 100px; }

.step2 .dot {   width: 18px;   height: 18px;   background-color: #8cc63f;   border: 4px solid rgb(0 0 0 / 37%);   border-radius: 50%;   margin: 0 auto;   position: relative;   z-index: 2; }
.step2 .dot:before { content: ""; position: absolute; display: block; height: 59px; width: 2px; background: #8cc63f; left: 4px; bottom: 0;}
.step2 .dot:after { content: ""; position: absolute; display: block; height: 9px; width: 9px; background: #8cc63f; left: 1px; top: -50px; border-radius: 100px; }

.step3 .dot {   width: 18px;   height: 18px;   background-color: #00aaff;   border: 4px solid rgb(0 0 0 / 37%);   border-radius: 50%;   margin: 0 auto;   position: relative;   z-index: 2; }
.step3 .dot:before { content: ""; position: absolute; display: block; height: 59px; width: 2px; background: #00aaff; left: 4px; }
.step3 .dot:after { content: ""; position: absolute; display: block; height: 9px; width: 9px; background: #00aaff; left: 0px; bottom: -50px; border-radius: 100px; }

.step4 .dot {   width: 18px;   height: 18px;   background-color: #8cc63f;   border: 4px solid rgb(0 0 0 / 37%);   border-radius: 50%;   margin: 0 auto;   position: relative;   z-index: 2; }
.step4 .dot:before { content: ""; position: absolute; display: block; height: 59px; width: 2px; background: #8cc63f; left: 4px; bottom: 0;}
.step4 .dot:after { content: ""; position: absolute; display: block; height: 9px; width: 9px; background: #8cc63f; left: 1px; top: -50px; border-radius: 100px; }


    .step-title {
      font-size: 1.1rem;
      font-weight: bold;
      margin-bottom: 6px;
    }

    .step-description {
    font-size: 14px;
    color: #ccc;
    line-height: 1.4;
    font-weight: 400;
}

    @media (max-width: 768px) {
      .timeline {
        flex-direction: column;
        align-items: center;
      }

      .step {
        width: 100%;
        margin: 40px 0;
      }

      .timeline-line {
        top: auto;
        bottom: 0;
        height: 3px;
      }

      .step .content {
        position: static;
        transform: none;
        margin-top: 20px;
      }

      .step:nth-child(even) .content {
        margin-top: 20px;
      }

      .step:nth-child(odd) .content {
        margin-top: 20px;
      }
    }


/************bulbear work*************/

.bulbear{padding: 80px 0px; position:relative;}
.bulbear h2{ color: rgb(255 255 255 / 4%); font-size: 140px; line-height: 140px; margin-bottom: -58px;}
.bulbear:before { content: ""; background: url(../images/bul.png); width: 30%; height: 100%; display: block; position: absolute; background-repeat: no-repeat; top: 32%; left: 0%; animation: moveUpDown 2s infinite ease-in-out;}
.bulbear:after { content: ""; background: url(../images/up_mobile.png); width: 20%; height: 100%; display: block; position: absolute; background-repeat: no-repeat; top: -18%; right: 5%; animation: moveUpDown 2s infinite ease-in-out;}

.bulbox{background:#000E15; padding:60px; position:relative;}
.bul_box { background: rgb(0 0 0 / 25%); padding: 90px 60px; border-radius: 30px; color: #fff; position: relative; }
.bul_data{padding-right:50px;}
.bul_data h3 { color: var(--pink-color); font-weight: 800; text-transform: uppercase; font-size: 45px; }
.bul_data span { margin: 20px 0px; display: block; font-size: 18px; font-weight: 300;} 
.bul_data p { font-size: 14px; font-weight: 300; }

.bul_act ul { list-style: none; padding: 0px; margin: 0px; column-count: 2; } 
.bul_act ul li{background: #286dac; padding: 10px; text-align: center; border-radius: 50px;  align-items: center; justify-content: center; position: relative; width: fit-content; margin: auto; width: 100%; margin-bottom: 22px;}
.bul_act ul li a{background: #286dac26; border:1px solid #286dac; padding: 10px 20px; border-radius:50px; display: block; font-size: 12px; text-decoration: none; color: #fff; }


/************The Most work*************/


.the_most{padding: 80px 0px; position:relative;}
.the_most:after { content: ""; background: url(../images/bul_right.png); width: 20%;height: 40%; display: block; position: absolute; background-repeat: no-repeat; right: 0%; bottom: 0; animation: moveUpDown 2s infinite ease-in-out;}

.the_most h2{color:#fff;     font-size: 45px; font-weight: 300;}
.the_most h2 span{ color: var(--pink-color); }
.trus{font-size: 115px; line-height: 140px; margin-bottom: -58px; color: rgba(255, 255, 255, 0.02);}

.get_s{background: RGBA(208, 83, 168, 1);
background: linear-gradient(90deg, rgba(208, 83, 168, 1) 0%, rgba(74, 37, 169, 1) 100%); color:#fff; text-decoration: none; border-radius: 14px; padding: 15px 30px;}

.most_box { background: rgba(0, 14, 21, 1); padding: 40px; color: #fff; border-radius: 30px; margin-bottom: 30px; }
.most_box p { color: rgba(255, 255, 255, 0.6); font-size: 14px; font-weight: 300; }
.most_box a { color: #fff; font-size: 14px; font-weight: 300; text-decoration:none;}
.simp { display: flex ; gap: 25px; margin-bottom: 20px; align-items: center;}
.simp img { background: RGBA(208, 83, 168, 1); background: linear-gradient(180deg, rgba(208, 83, 168, 1) 0%, rgba(74, 37, 169, 1) 100%); height: 47px; width: 47px; background-size: contain; border-radius: 14px; padding: 11px; }
.simp h4 { margin-bottom: 0px; font-size: 18px; letter-spacing: 0.5px; }

.most_box a:hover{color: var(--pink-color);}
.available2 { background: #f54953; color: #fff; border-radius: 35px; text-align: center; text-transform: uppercase; font-size: 20px; padding: 25px 0px; margin: 70px 0px; }


/*****What our Customer Says css****/
	
.what_our{padding:60px 0px; color:#fff; }	
.what_our h2{color:#fff; font-size: 45px; font-weight: 500;}
.what_our h2 span{ color: var(--pink-color);}
.whats p{font-size:13px; margin:25px 0px;}

.sday{background: #286dac; padding: 10px!important; text-align: center; border-radius: 30px;  align-items: center; justify-content: center; position: relative; width: fit-content; margin: auto;}

.sday_inner {background: #286dac26; border:1px solid #286dac; padding: 20px 30px; border-radius:30px; font-size: 14px; font-weight: 300; text-align: left; }


.user_kk {padding-top: 5px;  text-align: left;}
.user_namm { margin-bottom: 15px; }
.user_namm img { height: 70px; width: 70px!important; background: #fff; border-radius: 100px; object-fit: cover; margin-bottom: 10px; }
.user_namm b { font-size: 17px; }



.slick-slide {margin: 10px 12px;}
.slick-slide img {width: 100%;}
.slick-slider{ position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging
{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list
{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;padding: 0px;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: block;}
.slick-arrow {position: absolute;top: 0px; right:0; margin-bottom:10px; background: #fff!important;  border-radius: 100px;  width: 40px!important;     height: 40px;     z-index: 9;}
.slick-prev {margin-right: 35px;background: transparent;border: none;color: #000;font-size: 20px;width: 32px; left: -30px; top: 40%;}
.slick-next {background: transparent; border: none;color: #000;font-size: 20px;width: 32px; right:-30px; top: 40%;}
/*End Product Slider */




/************ Signup page css*************/



.signup_area{background: url(../images/sign.jpg); padding: 50px 0px; background-position: center; object-fit: cover; height: 100vh;
    overflow-y: auto; background-size: cover;}
.bg_signup { background: rgb(23, 200, 229); background: linear-gradient(90deg, rgba(0, 0, 0, 1) 51%, rgba(33, 42, 55, 1) 50%);border-radius: 10px; padding: 30px; margin-top: 20px; }
.signup_right { padding: 20px 30px; color: #fff;}
.signup_left img { border-radius: 50px; margin-bottom: 30px; box-shadow: 0px 3px 3px rgba(179, 21, 95, 1);}

.mobile_aaa select { width: 17%; height: 55px; border-radius: 10px; padding: 0px 15px;  border:1px solid var(--pink-color); }
.mobile_aaa input { width: 80%; height:55px; border-radius: 10px; padding: 0px 15px; border:1px solid var(--pink-color); }
.mobile_aaa p{margin:10px 0px;}
button.action_btn.otp { border: 0px; padding: 10px 35px !important; }
	
.or { text-align: center; margin: 50px 0px; position: relative; } 
.or span{background:#fff; padding:0px 10px; position: relative;}
.or:before { content: ""; display: block; background: #ccc; height: 1px; width: 100%; position: absolute; top: 12px; }

.tradee{display: flex ; align-items: center;}
.signup_left{color:#fff;}
.signup_left ul { margin-top: 45px; list-style: none; padding: 0px; column-count: 2; gap: 42px; } 
.signup_left ul li { margin-bottom: 11px; display: flex ; font-size: 14px; }
.signup_left ul li i{color: var(--pink-color);}

.signup_left h3 { font-weight: bold; color: var(--pink-color);}
.otp_aaa input { width: 100%; height:55px; border-radius: 10px; padding: 0px 15px; border:1px solid var(--pink-color); }
	
.second_step{display:none;}	
.backto_home{color:#fff; text-decoration:none;}	
	
/*****Available Markets : NSE Future css****/	

.available{background: var(--pink-color); padding:30px;}	
.avvi { display: flex ; align-items: center; justify-content: space-between; }
.avvi span{color:#fff; }
.head_soc { display: flex ; align-items: center; gap: 15px; justify-content: end; }
.social_m {}  
.social_m ul { list-style: none; padding: 0px; margin: 0px; }  
.social_m ul li { display: inline-block; margin-left: 5px;}  
.social_m ul li a { color: #fff; text-decoration: none; display: block; text-align: center; font-size: 20px; background: #d60a6f; padding: 0px 3px; border-radius: 4px; }
.social_m ul li a:hover {background: #000;  color: #fff;}
.top_socila { margin-right: 15px;text-align: left; }

.list_block_trading{ padding: 0px; margin-bottom: 30px;}
.list_block_trading li { list-style: none; margin-bottom: 10px; text-align: justify;}
.list_block_trading li:before { content: "\F55A"; font-family: 'remixicon'; color: var(--pink-color); font-size: 20px; margin-right: 6px; } 

.prii .list_block_trading h3 { display: inline-block; font-size:20px;}
.prii h3 {font-size:20px;}

.fadein {
  opacity: 0;
  transition: 0.5s ease;
  transform: translateY(110px);
}

.fadein.visible {
  opacity: 1;
  transform: translateY(0);
}

.time2{transition: 1.5s ease;}
.time3{transition: 2.5s ease;}


/*****trading_exp part css****/
	
.trading_exp{padding:150px 0px 100px; background: url(../images/tradeking-bg.jpg); background-size: cover;}	
	
	

	
/*****Inner pages css****/	
	
.inner_banner { position: relative; z-index: 1; background-repeat: no-repeat; background-position: center; background-size: cover; padding-top: 100px; padding-bottom: 100px; overflow: hidden; width: 100%; margin: auto;}
	
.inner_banner_content { z-index: 9; position: relative; text-align: center;}
.inner_banner_content ul { padding: 0; margin: 0; }
.inner_banner_content ul li { display: inline-block; list-style: none; color: #fff; }	
.inner_banner_content ul li a { color: var(--text-white); margin-right: 15px; transition: 0.4s; }
.inner_banner_content ul li span { margin-right: 15px; color: #fff; }
.inner_banner_content h1 { color: #fff; font-size: 40px; line-height: 60px; margin: 0px; font-weight: 700; text-transform: uppercase; }
.inner_banner::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; background: rgb(255, 255, 255); background: linear-gradient(268deg, rgb(255 255 255 / 0%) 40%, rgb(0 0 0 / 76%) 100%); }

.middle_part{margin:60px 0px; color: #fff;}
.trading_data { color: #fff; } 
.trading_data h2 { font-size: 30px; margin-bottom: 30px; }
.trading_data p {margin: 0px auto 30px; }

.row.contact-bottom1 {background: rgb(0 0 0 / 25%); padding: 90px 60px; border-radius: 30px; color: #fff; position: relative;}
.contact-right { box-shadow: 0px 10px 70px rgba(0, 0, 0, 0.1); background: #fff; padding: 40px 50px; border-radius: 10px; }
.contact-right-title h2{ font-weight: 700; font-size: 20px; line-height: 30px; margin-bottom: 10px; color: #fff; text-transform: uppercase; }
.contact-right-form .getIn__touch-right-form input,
.contact-right-form .getIn__touch-right-form textarea { background: #fff; color: #fff; width: 100%; padding: 15px 0px; border-radius: 0px; margin-bottom: 10px; font-size: 15px; font-weight: 500; border-bottom: 1px solid #333 !important; border: 0px; }
.contact-info-content a{text-decoration:none; color:#fff;}

.inner-img { border-radius: 10px; }

.trading_data h1{}
.trading_data h1 span{ color: var(--pink-color);}
.trading_data{padding:50px;}

.trading_data ul { padding: 0px; margin-bottom: 30px;}
.trading_data ul li { list-style: none; display: flex; margin-bottom: 5px; }
.trading_data ul li:before { content: "\F55A"; font-family: 'remixicon'; color: var(--pink-color); font-size: 20px; margin-right: 6px; } 


.why_inn { width: 10%; margin: 60px auto; border-radius: 10px; }

.bul_box2 { background: rgb(0 0 0 / 25%); padding: 90px 60px; border-radius: 30px; color: #fff; position: relative; }

.why_data:before { content: ""; background: url(../images/mobile2.png); width: 20%; width: 30%; height: 60%; display: block; position: absolute; background-repeat: no-repeat; bottom: -20%; left: 0%; animation: moveUpDown 2s infinite ease-in-out;}
.why_data:after { content: ""; background: url(../images/mobile.png); width: 20%; height: 37%; display: block; position: absolute; background-repeat: no-repeat;     top: -4%;
    right: 0%; animation: moveUpDown 2s infinite ease-in-out; background-position: right;}


.why_data { padding: 0px 0px; position: relative; z-index: 1; background-position: center; background-repeat: no-repeat; background-size: cover;} 
.padd50{padding:50px 0px;}
.why_choose{color:#fff;}
.why_choose h2, .why_choose h3{font-size:30px; margin-bottom:25px;}

.faq__title { text-align: center; color: #fff; }
.faq-collapse-item-card { color: #fff; }

.faq__section{ position:relative; padding:70px; } 
.faq__title h2 { font-size: 30px; line-height: 45px; font-weight: 700; color: var(--site-black); margin-bottom: 15px; text-transform: uppercase; } 
.faq__section .inner-text p { font-size: 14px; line-height: 18px; color: var(--site-black); margin-bottom: 5px; } 
.faq__section .inner-text span { font-size: 14px; font-weight: 500; line-height: 18px; margin-top: 10px; display: inline-block; } 
.faq-collapse-item { border-bottom: 1px solid #dfdcd6; margin-bottom: 10px; border-radius: 0px; } 
.faq-collapse-item:last-child { margin: 0; } 
.faq-collapse-item-card-header { display: flex; justify-content: space-between; align-items: center; border: none; cursor: pointer; padding: 8px 0px; } 
.faq-collapse-item-card-header h6 { line-height: 26px; margin-bottom: 0; font-size: 16px; font-weight: 500; } 
.faq-collapse-item-card-header i { color: var(--site-brown); } 
.faq-collapse-item-card-header span { color: var(--site-brown); margin-right: 15px; }
.faq-collapse-item-card-header-content { padding: 0 25px 25px; } 
.faq-collapse-item-card-header-content p { margin: 0; font-size: 14px; color: var(--site-black); line-height: 24px; font-weight: 500; }
.display-none { display: none; }
.display-block { display: block; }
.career_box { border: 1px solid #f1f1f1; border-radius: 10px; padding: 15px; margin-bottom: 25px; background: rgb(255, 255, 255); font-size: 14px; line-height: 20px; background: linear-gradient(345deg, rgb(229 46 155 / 8%) 30%, rgb(23 200 229 / 30%) 90%); }

.career_box h4 { margin-bottom: 10px; font-size: 18px;}


.pro_list{margin-bottom:50px;}
.pro_list:nth-child(even) .row { flex-direction: row-reverse; }


/*****footer part css****/


.soical_m {margin-top: 10px;}
.soical_m ul {list-style: none;display: inline-block; margin: 0px; padding:0px;}
.soical_m ul li {display: inline-block; text-align: center;}
.soical_m ul li a { color: var(--color-light-gry); text-decoration: none; margin: 0px 4px; text-transform: uppercase; font-size: 26px; border: 1px solid var(--color-white); border-radius: 4px; width: 30px; height: 30px; display: block; line-height: 30px; }

border-radius: 4px;width: 30px;height: 30px;display: block; line-height: 30px;}
.soical_m ul li a:hover{color: var(--color-white);}

footer {background: #12222a; color: #ccc; position:relative; background-repeat: repeat-x; background-position: bottom center;}
.uskk{color: var(--pink-color);}
.foot ul { }

.foot_data.space_right a {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 140px;
}

.foot_part{padding: 40px 0px 20px; position:relative;}

.foot{color: var(--color-light-gry); padding-left: 20px; }

.foot ul li {list-style: none;}
.foot ul {padding: 0px;}
.foot ul li a {color: var(--color-light-gry);text-decoration: none;margin: 6px 0px;display: block; transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;  
	font-size: 15px; font-weight: 300;
	}
.foot ul li a:hover {color: var(--pink-color); transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;}


.foot ul li a span {float: right;color: var(--color-light-gry);}
.foot_data h5 { font-size: 14px; -webkit-text-stroke-width: 0px; -webkit-text-fill-color: var(--color-light-gry); font-weight: 400; }
.space_right { padding-right: 0px; margin-bottom: 30px; display: flex ; gap: 20px; align-items: center;}
.foot_data.space_right p { font-size: 15px; font-weight: 300; }

.download{margin-bottom:30px;}
.desn{font-size: 15px; font-weight: 300; }
.desn a{color: var(--color-white); text-decoration:none;}
.desn a:hover{color:var(--color-white);}
.foot p span {font-weight: 400; }

.footer_bott{margin-bottom:0px;}
.footer_bott ul { padding: 0px; margin: 0px; list-style: none; } 
.footer_bott ul li { display: inline; } 
.footer_bott ul li a { color: rgba(255, 255, 255, 0.63); text-decoration: none; font-size: 14px; font-weight: 300; margin-right: 5px; }

.location{color: rgba(255, 255, 255, 0.63); text-decoration: none; font-size: 14px; font-weight: 300; text-align:right;}

.need_ass { background: #24283c; padding: 20px; margin-bottom: 30px; border-radius: 4px; }
.need_ass b{color:#fff;}

.less-content table { color: #fff; }

.trading_rules{margin:50px 0px;}

.trading_rules ul { padding: 0px; margin-bottom: 30px; column-count: 2; gap: 40px;}
.trading_rules ul li { list-style: none; margin-bottom: 15px; border-bottom: 1px solid #e4dddd; padding-bottom: 15px; text-align: justify;}
.trading_rules ul li span{color:var(--pink-color); font-weight: bold; }
.trading_rules ul li:before { content: "\F55A"; font-family: 'remixicon'; color: var(--pink-color); font-size: 20px; margin-right: 6px; } 

.right_photo { float: right; width: 50%; margin-left: 30px; } 
.inner-img { border-radius: 10px; }
.left_photo { float: left; width: 50%; margin-right: 30px; }


.grey_bgg { background:  #286dac;  color: #fff;  border-top: 1px solid #286dac;  position:relative;}

.grey_bgg:after {content:""; background:url(../images/bg-art-6.png);  background-size: auto; width:100%; height:100%; position: absolute; display: block; z-index: 9; background-repeat: no-repeat;
    background-position: bottom right; bottom: 0;}
	
.grey_bgg:before { content: ""; background: url(../images/bul.png); width: 30%; height: 45%; display: block; position: absolute; background-repeat: no-repeat; top:5%; left: 0%; animation: moveUpDown 2s infinite ease-in-out; }




.box {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s ease-out;
  
}

/* Common visible trigger */
.visible {
  opacity: 1;
  transform: none;
}

/* Animation Types */
.fade-in.visible {
  animation: fadeIn 1s forwards;
}

.slide-in-left.visible {
  animation: slideInLeft 1s forwards;
}

.slide-in-right.visible {
  animation: slideInRight 1s forwards;
}

.zoom-in.visible {
  animation: zoomIn 1s forwards;
}

.rotate-in.visible {
  animation: rotateIn 1s forwards;
}

/* Keyframes */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes slideInLeft {
  from { transform: translateX(-100px); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}

@keyframes slideInRight {
  from { transform: translateX(100px); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}

@keyframes zoomIn {
  from { transform: scale(0.5); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

@keyframes rotateIn {
  from { transform: rotate(-180deg); opacity: 0; }
  to { transform: rotate(0); opacity: 1; }
}


.count2{column-count:2;}

.skk{background:#022638; padding:60px 0px;}

.my_bull{position:relative;}
.my_bull:before {
    content: "";
    background: url(../images/bull_new.jpg);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    top: 0;
    background-size: cover;
    opacity: 0.2;
}

.whatss {
    position: fixed;
    bottom: 10px;
    right: 30px;
	z-index: 9;
}

.whatss a {
    text-decoration: none;
    background: #25d366;
    width: 60px;
    height: 60px;
    display: block;
    border-radius: 100px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    font-size: 38px;
}

.less-content table tr td:nth-child(1) {text-align: center;}
.less-content table tr td:nth-child(2) {text-align: center;}
.less-content table tr td:nth-child(3) {text-align: center;}

.less-content table tr th:nth-child(2) {text-align: center;}
.less-content table tr th:nth-child(3) {text-align: center;}
.less-content table tr th:nth-child(1) {text-align: center;}


.downl_ppp img { width: 180px; border: 1px solid #ccc; border-radius: 6px; height: 59px;}
.apps img {border: 1px solid #ccc; border-radius: 6px; width: 100%;}
.desn{text-align:right;}


.social_m_footer ul { padding: 0px; margin: 0px; list-style: none; } 
.social_m_footer ul li a { color: #fff; text-decoration: none; display: flex; gap: 6px; align-items: anchor-center; border: 1px solid #c9c0e1; margin: 0px 0px 8px; padding: 5px; border-radius: 5px; background: #12222a; } 
.social_m_footer ul li a img { width: 27px; }
.social_m_footer ul li a:hover { background: #ffffff; color: #000; }



.top_socila ul { padding: 0px; margin: 0px; list-style: none; } 
.top_socila ul li { display: inline; margin-right: 15px;}
.top_socila ul li a { color: #fff; text-decoration: none; display: inline-block; border-radius: 5px; } 
.top_socila ul li a img { width: 22px;margin-right: 5px; }
.top_socila ul li a:hover {}

.top_socila span { font-size: 13px; }


.password-wrapper {
  position: relative;
  
  
}

.password-input {
  width: 100%;
  padding-right: 40px;
  padding: 10px;
  font-size: 16px;
}

.toggle-password {
  position: absolute;
  right: 10px;
  cursor: pointer;
  font-size: 18px;
  color: #333;
  top:16px;
}

.desk_none{display:none;}
.other_ruls { text-align: center; margin: 40px 0px; background: rgb(0 18 27 / 74%); padding: 30px; border-radius: 8px; }


.other_ruls p { margin-bottom: 5px; }
.other_ruls .everything { margin: 13px 0px; display: inline-block; }
.other_ruls .mini_exx { font-size: 17px; font-weight: bold; }
.other_ruls h3 { color: #fff; border: 1px solid #b3155f; display: inline-block; padding: 14px 20px; border-radius: 6px; font-weight: 600; font-size: 23px; margin-bottom: 20px; background: #833AB4;
background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(179, 21, 95, 1) 50%, rgba(252, 176, 69, 1) 100%);}


/************light theme css************/

.light .top_socila ul li a{color: var(--dark-color);}
.light .right_part ul li a{color:var(--dark-color);}
.light .right_part i{color:var(--dark-color);}
.light ul.mann{background:var(--dark-color);}
.light .carousel-caption1{color:var(--dark-color);}
.light .sim_box {background: rgb(179 21 95 / 78%);}
.light .why_b {color:var(--dark-color);}
.light .content_box2 {background: rgb(179 21 95 / 59%); color: #fff;}
.light .mini_exx {background: rgb(179 21 95 / 59%); color: #fff;}
.light .why_b h2 {color:var(--dark-color);}
.light .how {color:var(--dark-color);}
.light .how  h2{color:var(--dark-color);}
.light .step-description{color:var(--dark-color);}
.light .bulbear h2 {color: rgb(0 0 0 / 7%);}
.light .bul_data {color:var(--dark-color);}
.light .bul_act ul li a {background: rgb(179 21 95 / 59%); color: #fff;}
.light .sday_inner {background: rgb(179 21 95 / 59%); color: #fff;}
.light .the_most h2 {color:var(--dark-color);}
.light .trus {color: rgb(0 0 0 / 10%);}
.light .what_our h2 {color:var(--dark-color);}
.light .whats {color:var(--dark-color);}
.light footer {background: #dddada; color:var(--dark-color);}
.light .footer_bott ul li a { color:var(--dark-color);}
.light .why_choose{ color:var(--dark-color);}
.light .trading_data{ color:var(--dark-color);}
.light .faq__title{ color:var(--dark-color);}
.light .faq-collapse-item-card{ color:var(--dark-color);}
.light .light_theme .title_box span { color: #000000; }
.light .light_theme .trading_data { color: #fff; }
.light .light_theme .trading_data ul li:before { color: #fff; }
.light .trading_rules{ color: #000; }
.light .skk{background: rgb(179 21 95 / 59%); }
.light .grey_bgg{background: rgb(179 21 95 / 26%); }
.light .middle_part{color:var(--dark-color);}
.light .bg_signup {background: linear-gradient(90deg, rgb(255 255 255) 51%, rgb(201 75 134) 50%);}
.light .signup_left {color:var(--dark-color);}
.light .white_c a { color:var(--dark-color); } 
.light .form-check-label a { color:var(--dark-color); } 






@media screen and (min-device-width: 200px) and (max-device-width: 768px) { 
.desn { text-align: center; }
.desk_none{display:block;}

.desk_none a.action_btn.heartbeat { display: inline-block; font-size: 12px; padding: 7px 13px !important; }
.right_part i { color: #fff; font-size: 14px; }   
.right_part ul li a { 	font-size: 12px; 	margin-left: 2px; padding: 5px 2px;}
.logo_memu_area { position: relative; }
.carousel-caption1 h1 { font-size: 18px; line-height: 30px; font-weight: 600; }
.carousel-caption1 { color: #fff; height: 270px; text-align: center;}
.carousel-caption1 p { width: 100%; font-weight: 300; margin: 10px 0px; font-size: 14px; } 
.everything2 {margin: auto;}
.demoo img { margin-right: 10px; } 
.sim_box {padding: 20px;}
.my_bull .sim_box {padding: 10px;}
.other_ruls {padding: 10px;}
.other_ruls h3{font-size: 16px;}
.other_ruls h4 { font-size: 14px; }
.other_ruls p { margin-bottom: 5px; font-size: 14px; }
.other_ruls .mini_exx { font-size: 13px; font-weight: bold; }
.less-content table { font-size: 13px; }
img.dmooo { width: 150px; }
.numbb { text-align: center; margin-bottom: 30px; }  
.simplee {padding: 0px 0px;}
.why_b h2, .how h2, .bul_data h3, .the_most h2, .what_our h2, .faq__title h2 {font-size: 25px;}  
.why_b:after, .bulbear:after, .why_data:after{display:none;}  
.content_box2 {min-height: auto;}
.how { padding: 0px 0px;}  
.step1 .step-number {position: relative; top: 0;}
.step2 .step-number { background-color: #8cc63f; position: relative; left: 0; right: 0; width: 120px; margin: auto; bottom: 0; z-index:9;}  
.step3 .step-number { background-color: #00aaff; position: relative; left: 0; right: 0; width: 120px; margin: auto; top: 0; }  
.step4 .step-number { background-color: #8cc63f; position: relative; left: 0; right: 0; width: 120px; margin: auto; bottom: 0; z-index:9;}
.step { 	width: 100%; 	margin: 0px 0 40px; }
.step.step2 { margin-bottom: 0px; }
.step.step2 .content { margin-top: -33px; }
.step.step4 .content { margin-top: -33px; }
 .list_block_trading li {text-align: left; display: flex;}
.mini_exx {font-size: 15px;}
.bulbear h2 { color: rgb(255 255 255 / 4%); font-size: 50px; line-height: 60px; margin-bottom: -30px; }
.bulbear {padding: 30px 0px;} 
.bul_box {padding: 40px 20px;} 
.bul_data { padding-right: 0px; }
.bul_act ul {column-count: 1;}
.bul_act ul li {margin-bottom: 2px;}
a.get_s { margin-top: 13px; display: inline-block; }
.the_most h2 { text-align: center; }
.the_most {padding: 20px 0px;} 
.trus { font-size: 35px; line-height: 80px; margin-bottom: 2px; color: rgba(255, 255, 255, 0.02); }
.simp h4 { margin-bottom: 0px; font-size: 15px; letter-spacing: 0.5px; } 
.simp { display: flex ; gap: 8px;}
.most_box {padding: 20px;}
.available2 { font-size: 13px; padding: 26px 15px; margin: 20px 0px; }
.what_our {padding: 10px 0px;}
.space_right {display: block;}
.space_right img { width: 110px; margin-bottom: 0px; }
.foot { color: var(--color-light-gry); padding-left: 0px; }
.location { text-align: center; }
.footer_bott { margin-bottom: 30px; text-align: center; }
.slick-next {right: 0px;}
.slick-prev {left: 0px;}

.inner_banner {padding-top: 50px; padding-bottom: 50px;}
.inner_banner_content h1 { color: #fff; font-size: 22px; line-height: 43px;}
.trading_data { padding: 20px 0px; }
.why_choose h2, .why_choose h3 { font-size: 25px; margin-bottom: 25px; }
.why_data {padding: 20px 20px;}
.faq__section { position: relative; padding: 20px; }
.whats { text-align: center; }
.count2 { column-count: 1; }
.skk { background: #022638; padding: 1px 10px; }
.trading_rules ul { padding: 0px; margin-bottom: 30px; column-count: 1;}
.right_photo { float: none; width: 100%; margin-left: 0; margin-bottom: 20px; }
.grey_bgg:after{display:none;}
.left_photo { float: none; width: 100%; margin-bottom: 20px; }
.downl_ppp img { margin-bottom: 20px; width: 180px; }
.downl_ppp { margin: auto; text-align: center; }
.contact-right {padding: 20px; margin-top: 30px;}
 
.bg_signup {background: linear-gradient(0deg, rgba(0, 0, 0, 1) 32%, rgba(33, 42, 55, 1) -50%);  padding: 14px;}
.signup_right {padding: 0px; color: #fff;}
.signup_left ul {column-count: 1;}
.top_socila { margin-right: 5px; text-align: left; }
.head_soc {gap: 6px;}
.social_m ul li a {font-size: 16px;}
.bg_signup .row {flex-direction: column-reverse;}
.signup_left {margin-top: 30px;}
.signup_area {padding: 20px 0px;}
.top_socila span { font-size: 13px; display: none; }
.top_socila ul li { display: inline; margin-right: 4px; }
.open_none{display:none;}
.shape3 {width: 100%;}
.shape2 {display: none;}
.slider_pic img { height: 200px; object-fit: contain; margin: auto; display: block;}
.mobile_nonnn{display: none !important;}

}