@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

/* 
font-family: 'Montserrat', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Roboto', sans-serif;
*/


html {
  font-family: "Poppins", sans-serif !important;
  scroll-snap-type: y mandatory;
  scroll-padding: 110px;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
}
body {
  overflow-x: hidden;
  background-color: #fff !important;
  overflow-y: hidden !important;
}

:root {
  --btn-theme: #560ab5;
  --gray: #8e8e8e;
  --text-color: #474ddc;
}

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

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
a {
  cursor: pointer !important;
}
.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 0px;
}

p {
  font-family: "Poppins";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  color: #666;
}
.themeClr {
  color: #3a268a !important;
}

.fw-sbold {
  font-weight: 600 !important;
}
.comon_pad {
  padding: 45px 0;
}
section.header-main {
  padding: 8px 0;
  width: 100%;
  border-radius: 10px;
  border: 2px solid #fff;
  background: rgba(255, 255, 255, 0.29);
  backdrop-filter: blur(2px);

  transition: 0.3s ease-in-out;
  width: 94%;
  margin: 16px auto;
  left: 0;
  right: 0;
  z-index: 999;
  position: absolute;
}

section.header-main.fixed-header .container {
  border: none;
}
section.header-main.fixed-header {
  position: fixed;
  z-index: 2;
  transition: 0.3s ease-in-out;
  -webkit-backdrop-filter: blur(11px);
  backdrop-filter: blur(11px);
  background: rgba(255, 255, 255, 0.5);
   animation: smoothScroll 1s forwards;
}
@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}

section.header-main.fixed-header nav.navbar.navbar-expand-lg {
  padding: 0;
}

ul.social-list li {
  list-style-type: none;
}
ul.social-list {
  margin: 0;
  padding: 0 20px;
  display: flex;
  gap: 15px;
}
ul.social-list li a {
  padding: 0;
}
ul.navbar-nav li a {
  font-family: "Poppins", sans-serif !important;
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  position: relative;
  padding: 0px !important;
}
ul.navbar-nav li a:hover,
ul.navbar-nav li a:focus {
  color: var(--text-blue);
}

ul.navbar-nav li a::after {
  content: "";
  height: 4px;
  width: 100%;
  position: absolute;
  bottom: -7px;
  background: var(--btn-theme);
  left: 0;
  right: 0;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  display: none;
}

ul.navbar-nav li a.active::after {
  display: block;
}

button.close-menu {
  display: none;
}
nav.navbar.navbar-expand-lg {
  width: 100%;
  padding: 0;
}

a.sigb-up-link,
a.nav-link.signup_btn {
  padding: 12px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  border-radius: 4px;
}

a.sigb-up-link {
  background-color: var(--btn-theme);
  color: #fff !important;
  width: 85px;
  height: 37px;
}
a.nav-link.signup_btn {
  border: 1px solid #8c8888;
  width: 86px;
  height: 37px;
}
section.header-main .container-fluid {
  padding: 0;
}

a.nav-link.signup_btn:hover {
  background-color: var(--btn-theme);
  color: #fff !important;
  border: 1px solid var(--btn-theme);
}

a.navbar-brand {
  width: 90px;
  text-align: left;
}

.user_login .dropdown button.btn.btn-secondary {
  background: transparent;
  border-radius: 100px;
  border: none;
  height:42px;
  width: 42px;
  display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.user_login .dropdown button.btn.btn-secondary img{
  border-radius: 100px;
  height:100%;
  width: 100%;
  object-fit: cover;
}
.user_login button.dropdown-item a {
  color: #6d7997;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 9px;
}

.user_login .dropdown-menu.show {
  min-width: 130px;
  border: none;
  background: #fff;
  box-shadow: 0px 2px 6px #cccccc63;
  left: -90px !important;
}

.user_login {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: auto;
}

div.tab-frame input {
  display: none;
}

div.tab-frame label {
  display: block;
  float: left;
  padding: 0px 8px 7px 8px;
  margin-right: 22px;
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #000000;
}

div.tab-frame input:checked + label {
  cursor: pointer;
  position: relative;
  color: var(--btn-theme);
}
div.tab-frame input:checked + label::before {
  content: "";
  width: 100%;
  height: 4px;
  background-color: var(--btn-theme);
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  border-radius: 100px;
}
.Collection_stats_tab .clearfix {
  border-bottom: 2px solid #cccccc7d;
}

div.tab-frame div.tab {
  display: none;
  padding: 5px 10px;
  clear: left;
}

div.tab-frame input:nth-of-type(1):checked ~ .tab:nth-of-type(1),
div.tab-frame input:nth-of-type(2):checked ~ .tab:nth-of-type(2),
div.tab-frame input:nth-of-type(3):checked ~ .tab:nth-of-type(3),
div.tab-frame input:nth-of-type(4):checked ~ .tab:nth-of-type(4),
div.tab-frame input:nth-of-type(5):checked ~ .tab:nth-of-type(5) {
  display: block;
}


ul.navbar-nav.scroll-menu {
  gap: 24px;
}
/* ul.navbar-nav li {
  padding-right: 22px;
} */

.wallet-section .dropdown-menu.show {
  display: block;
  background: #000000;
  border-radius: 0px 0px 10px 10px;
  min-width: 98px;
}

.contact_info_social ul {
  margin: 0;
}
.social_icon_bar ul {
  display: flex;
  gap: 15px;
  align-items: center;
  padding: 20px 0;
  margin: 0;
}
.social_icon_bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dot {
  width: 5px;
  height: 5px;
  background: #000;
  border-radius: 100px;
}
.policy_side ul li {
  list-style-type: none;
}
.policy_side ul li a {
  color: #191919;
  font-family: "poppins";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  text-decoration: none;
}
.social_bar ul li {
  list-style-type: none;
}
.footer-copyright p {
  color: #000;
  font-family: "Poppins";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  margin: 0;
}

/* start here new*/
.wallet-section {
  max-width: 260px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  margin-left: 20px;
}


.language_wrap_div {
  margin-left: 20px;
}
body.rtl .language_wrap_div {
  margin-left: unset;
  margin-right: 0px;
}
body.rtl section.header-main .container-fluid {
  padding-left: 20px;
}
body.rtl .wallet-section{
  margin-right: 0px;
  margin-left: 20px;
}
body.rtl a.navbar-brand{
  margin-right: 0;
}
.home_banner_content {
  text-align: left;
  position: relative;
 
}
.trusted_box {
  display: inline-flex;
  padding: 6px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  background: rgba(143, 67, 238, 0.1);
}
.trusted_box::before {
  content: url(../../images/toparrowone.png);
  position: absolute;
  left: -30px;
  top: -40px;
}
.trusted_box p {
  margin: 0;
  color: var(--btn-theme);
}
section.home_banner_main {
  padding: 180px 0 60px;
  background-image: url(../../images/homepatleft.png),
    url(../../images/homepatright.png);
  background-position: left top, right bottom;
  background-repeat: no-repeat, no-repeat;
  background-color: rgb(102 177 242 / 7%);
  /* min-height: 100vh; */
}

.text_animation {
  height: 40px;
  overflow: hidden;
  margin-left: 1rem;
  margin-bottom: 10px;
}

.text_animation > div > div {
  height: 2.81rem;
  margin-bottom: 2.81rem;
  display: inline-block;
}

.text_animation div:first-child {
  animation: animation 8s infinite;
}

@keyframes animation {
  0% {
    margin-top: 0;
  }
  10% {
    margin-top: 0;
  }
  20% {
    margin-top: -3.65rem;
  }
  30% {
    margin-top: -3.64rem;
  }
  40% {
    margin-top: -8.26rem;
  }
  60% {
    margin-top: -8.26rem;
  }
  70% {
    margin-top: -3.65rem;
  }
  80% {
    margin-top: -3.65rem;
  }
  90% {
    margin-top: 0;
  }
  100% {
    margin-top: 0;
  }
}

.home_banner_content h1 {
  color: #202020;
  font-family: Montserrat;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
section.text_animation h1 {
  background: -webkit-linear-gradient(#f9c9d4, #560ab5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: Montserrat;
  font-size: 36px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
p.home_para {
  padding-right: 110px;
}
p.home_para::after {
  content: url(../../images/bottomarrow.png);
  position: absolute;
  right: 70px;
  top: -4px;
}

.top_circle {
  border-radius: 360px;
  background: rgba(102, 177, 242, 0.15);
  filter: blur(92.5px);
  width: 360px;
  height: 343px;
  position: absolute;
  left: -60px;
  top: -40px;
  z-index: -1;
}
.bottom_circle {
  width: 360px;
  height: 343px;
  border-radius: 360px;
  background: #fed3eb;
  filter: blur(92.5px);
  position: absolute;
  right: 0;
  bottom: -146px;
  z-index: -1;
}
/* .wihte_circle {
  position: absolute;
  background: rgb(255 255 255);
  right: 0px;
  height: 370px;
  width: 1050px;
  top: -260px;
  border-radius: 100%;
  filter: blur(41px);
  z-index: 1;
} */

ul.about_list {
  display: flex;
  align-items: center;
  gap: 30px;
}
ul.about_list li {
  list-style-type: none;
}
ul.about_list li p {
  color: #374157;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  margin: 0;
  gap: 17px;
}
form.banner_form {
  background: #f5f5f5;
  padding: 20px;
  text-align: left;
  position: relative;
  z-index: 2;
  box-shadow: 5px 5px 32px #d2cfe0;
}
.home_banner_form {
  width: 425px;
  margin: 0 auto;
}
.banner_price_box {
  background: #e8dbfb;
  padding: 14px;
}
form.banner_form h4 {
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.wallet_head p {
  margin: 0;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #4f4f4f;
}
.wallet_head h5 {
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  color: #4f4f4f;
  margin: 0;
}
.wallet_price h3 {
  font-family: Poppins;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0;
  color: #4f4f4f;
}
.topwallect_selector.mb-3 {
  margin: 0 !important;
}
form.banner_form select:focus,
form.banner_form input:focus {
  box-shadow: unset;
}
form.banner_form input,
.sellbuy-col select,
.topwallect_selector select {
  background: rgba(142, 142, 142, 0.1);
  border-radius: unset;
  border: none;
}
.sellbuy-col select {
  padding-right: 80px;
}
.topwallect_selector select {
  background: transparent;
}
.sellbuy-col label {
  color: var(--gray);
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
span.topdown_icon {
  position: absolute;
  right: 0;
  bottom: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
span.down_icon {
  position: absolute;
  bottom: 0;
  right: 0px;
}
button.btn_common {
  background-color: var(--btn-theme);
  border: none;
}
.bg_border_line {
  width: 420px;
  height: 378px;
  border: 1px solid #3741577d;
  position: absolute;
  left: -25px;
  top: -25px;
  z-index: 1;
}

section.marquess_Lsit {
  padding: 16px 0px;
  background: #ded0f1;
}
.heading_common {
  color: #131212;
  text-align: center;
  font-family: Poppins;
  font-size: 38px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -1.52px;
  width: 836px;
  margin: 0px auto;
}

section.confident_section {
  padding: 70px 0;
}

.confidentily_boxes {
  padding: 30px;
  background: #fff;
  border-radius: 16px;
  margin-top: 80px;
  position: relative;
}
.gradient_boxone,
.gradient_boxtwo {
  width: 360px;
  height: 343px;
  border-radius: 360px;
  background: rgba(68, 83, 255, 0.15);
  filter: blur(92.5px);
  position: fixed;
  left: -90px;
  top: -80px;
  z-index: -1;
}
.history_page .top_circle {
  z-index: -1;
}
.gradient_boxtwo {
  right: -90px;
  left: unset;
}
.icon-div {
  border-radius: 40px;
  background: rgba(110, 76, 249, 0.1);
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.boxe_Content h4 {
  color: #131212;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
.boxe_Content p {
  color: #707070;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.arrow_here {
  position: absolute;
  left: 120px;
  transform: rotate(190deg);
  bottom: 0;
  z-index: -1;
}

/* section.Infrastructure_section{
  padding: 60px 0 60px;
} */
.arrow_yellow {
  position: absolute;
  right: 100px;
  top: 27px;
}
.infraimg_Left {
  position: relative;
}
.infraimg_Left::before {
  content: "";
  background-color: var(--btn-theme);
  border-radius: 24px;
  width: 550px;
  height: 417px;
  position: absolute;
  left: 0;
  z-index: -1;
}
.infraimg_Left img {
  border-radius: 24px 24px 0px 0px;
  margin: 40px 0 0 40px;
  height: 377px;
  object-fit: cover;
}
.infraaccordion_right {
  width: 100%;
  padding-left: 50px;
}

.infraaccordion_right .accordion .accordion-item {
  border: none !important;
}
.infraaccordion_right .accordion .accordion-item:not(:last-child) {
  border-bottom: 1px solid #7070703b !important;
}
.infraaccordion_right button.accordion-button {
  color: #131212 !important;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.72px;
  padding: 15px 0;
}
.infraaccordion_right .accordion-body {
  padding: 15px 0;
  color: #707070;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
}
.infraaccordion_right button.accordion-button:focus {
  box-shadow: unset;
}
.infraaccordion_right .accordion-button:not(.collapsed) {
  background-color: transparent;
}
.continue_read {
  margin-top: 10px;
}
a.read_more {
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  color: #131212;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 6px;
}
.infraaccordion_right .accordion-button::after {
  background-image: url(../../images/accordionarrow.png) !important;
}

section.PLatform_section {
  padding: 80px 0 0;
  background-image: url(../../images/platformbg.png);
  background-size: cover;
  background-attachment: fixed;
}
.platform-head h2 {
  color: #fff;
  font-family: Poppins;
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -2px;
  margin-bottom: 30px;
}
.platform-head p {
  color: #fff;
  text-align: center;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.bottom_app_img {
  margin-top: 80px;
}

.arrrow_blue {
  position: absolute;
  left: 80px;
  top: 100px;
}
.arrrow_yelllow {
  position: absolute;
  right: 60px;
  top: 0;
}
section.Trending_section {
  padding: 80px 0 40px;
}
.green_col {
  color: #00761a !important;
}
.red_col {
  color: #f84752 !important;
}
.theme_col {
  color: var(--btn-theme) !important;
}
.black_col {
  color: #000 !important;
}
.chain_icon {
  width: 35px;
  height: 35px;
  border-radius: 100px;
}
.chain_icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chain_content h5 {
  color: #141414;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.trending_card {
  border-radius: 8px;
  border: 1px solid #d7d7d7;
  opacity: 0.800000011920929;
  background: #fff;
  padding: 13px;
  width: 100% !important;
}
.chain_content p {
  color: #676767;
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.trending_graph_right {
  width: 73px;
}
.trending_bottom ul li {
  list-style-type: none;
}
.trending_bottom ul li p {
  color: #676767;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.trending_bottom ul li p:last-child {
  margin: 0;
}

.trendingslider .slick-slider {
  margin: 0 -15px;
}
.trendingslider .slick-slide {
  margin-left: 15px;
  margin-right: 15px;
}
.trendingslider .slick-list {
  height: 200px;
}
section.Installation_sec {
  padding: 80px 0;
}
section.Joinus_section {
  background: #560ab5;
  padding: 60px 0;
}
.joinus_form h2 {
  color: #fff;
  font-family: Poppins;
  font-size: 38px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -1.52px;
}

.joinus_form form input {
  padding: 13px 103px 13px 13px;
  border-radius: 100px;
  border: none;
}
button.btn_submit {
  position: absolute;
  right: 6px;
  top: 5px;
  z-index: 1;
  background: #000;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

button.btn_submit:hover {
  background: var(--btn-theme);
}
.joinus_form form input::placeholder {
  color: #707070;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.joinus_form form input:focus {
  box-shadow: unset;
}
.joinus_form {
  padding-top: 50px;
}
.gradient_div {
  border-radius: 687px;
  background: rgba(143, 67, 238, 0.15);
  filter: blur(92.5px);
  width: 687px;
  height: 655px;
  position: absolute;
  z-index: -1;
  top: -35px;
  left: -70px;
}

/* sign in  */
.left_form_part {
  text-align: left;
  padding: 10px 110px;
  height: 738px;
  overflow-y: scroll;
}
.left_form_part::-webkit-scrollbar {
  width: 0px;
}
section.common_sign_main {
  background: #f0f2f7;
  height: 100%;
  min-height: 100vh;
}
.right_gradient_part {
  border-radius: 10px;
  background: linear-gradient(225deg, #78b0ed 0%, #ffd6ee 100%);
  height: 100%;
  padding: 40px 70px;
}
.signingimg_bottom {
  padding: 40px 0;
}
.right_gradient_text h4 {
  color: #233b58;
  text-align: center;
  font-family: Poppins;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.667px;
  margin-bottom: 12px;
}
.right_gradient_text p {
  color: #233b58;
  text-align: center;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
}

.loading-spinner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5); /* Adjust the opacity as needed */
  z-index: 9999; /* Ensure the spinner appears above other content */
}






.loading-spinner img {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 2s linear infinite;
}
.right_gradient_text {
  width: 70%;
  margin: 0px auto;
}
h3.sign_head {
  color: #233b58;
  font-family: Roboto !important;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  width: 306px;
  margin-bottom: 40px;
}
form.form_sign_inout label {
  color: #a4a4a4;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
form.form_sign_inout input {
  border-radius: 5px;
  background: #e1e4ed;
  height: 60px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance:    none;
  appearance:         none;
}
/* input:not(input:-webkit-autofill)::-webkit-contacts-auto-fill-button{
  background-color: transparent !important;
  background-image: none !important; 
}

input:not(input:-webkit-autofill)::-webkit-credentials-auto-fill-button{
  background-color: transparent !important;
  background-image: none !important; 
} */

input::-webkit-contacts-auto-fill-button{
  background-color: transparent !important;
  background-image: none !important; 
}

input::-webkit-credentials-auto-fill-button{
  background-color: transparent !important;
  background-image: none !important; 
}


form.form_sign_inout input:focus {
  background: #e1e4ed !important;
}
.react-tel-input input {
  height: 60px !important;
  background: #e1e4ed !important;
  width: 100% !important;
  border: none !important;
}
.react-tel-input .flag-dropdown {
  background-color: transparent !important;
  border: none !important;
  right: 0;
}
.react-tel-input .form-control{
  padding-left: 10px !important;
}
.react-tel-input .flag-dropdown .selected-flag {
  width: 50px !important;
}
.react-tel-input {
  width: 100% !important;
}
.phonenumber_signup .mb-3 {
  display: flex;
}
input#mobile_number {
  width: 182px;
}
.phonenumber_signup {
  display: flex;
}

form.form_sign_inout input:focus {
  background: #fff;
  box-shadow: unset;
  color: #233b58;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

button.eye_btn {
  position: absolute;
  right: 17px;
  bottom: 17px;
  padding: 0;
  background: transparent !important;
  border: none;
  cursor: pointer;
}
.remember_mer a {
  color: var(--text-color);
  text-align: right;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
}
button.btn_sign_in {
  border-radius: 5px;
  background: var(--text-color);
  box-shadow: 0px 5px 10px 0px #e0e4ee;
  border: none;
  height: 53px;
  color: #fff;
  text-align: center;
  font-family: Roboto !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

button.btn_sign_in:hover {
  background: var(--text-color) !important;
}
.dont_have_accoutn p {
  margin: 0;
  color: #233b58;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.dont_have_accoutn p a {
  text-decoration: none;
  color: var(--text-color);
}

.KYC_Left_part {
  text-align: left;
}
.btn_theme {
  background: var(--btn-theme) !important;
}

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.btn_upload {
  border-radius: 8px;
  border: 1px dashed var(--gray-4, #bdbdbd);
  background: #f4f4f4;
  padding: 18px 20px;
  border-radius: 8px;
  font-size: 20px;
  font-weight: bold;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.upload-btn-wrapper input[type="file"] {
  font-size: 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.divBtn_content h4 {
  color: #0d1d54;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.divBtn_content p {
  color: #73788f;
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.divBtn_content {
  width: 80%;
}
section.stepper_main
  .css-1vyamtt-MuiStepLabel-labelContainer
  .MuiStepLabel-label {
  color: #202020;
  text-align: center;
  font-family: Roboto !important;
  font-size: 18px !important;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
section.stepper_main .css-1u4zpwo-MuiSvgIcon-root-MuiStepIcon-root.Mui-active,
section.stepper_main
  .css-1u4zpwo-MuiSvgIcon-root-MuiStepIcon-root.Mui-completed {
  color: var(--btn-theme);
}
ul.stepper_list li {
  color: #637592;
  text-align: center;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
  padding: 8px 46px;
  list-style-type: none;
  position: relative;
}

ul.stepper_list li::before {
  content: "";
  height: 5px;
  width: 5px;
  background: var(--btn-theme);
  border-radius: 100px;
  position: absolute;
  left: 20px;
  top: 15px;
}
.container_postition {
  z-index: 2;
}
.buy_form_head h2 {
  color: #202020;
  text-align: center;
  font-family: Poppins !important;
  font-size: 34px;
  font-style: normal;
  font-weight: 500;
  line-height: 42px;
  margin: 0;
}
.buy_form_head p {
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  color: #637592;
}

.buy_form_head p span {
  color: #3d6eff;
}
section.buy_page {
  overflow-y: hidden;
}

.Buy_btn_card {
  border-radius: 12px;
  background: #fff;
  padding: 35px 40px;
}
.stepbg_common {
  border-radius: 12px;
  background: #f6f7f8;
  padding: 10px;
}

.input_label p {
  color: #202020;
  text-align: center;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  margin: 0;
}
.input_label {
  display: flex;
  justify-content: space-between;
  width: 86%;
}
.input_wrap {
  display: flex;
  align-items: center;
  gap: 21px;
  border-radius: 15px;
}
.input_wrap input,
.input_wrap input:focus,
.input_wrap input::placeholder,
button.btn-click p {
  border: none;
  background: transparent;
  color: #000;
  font-family: "ROBOTO";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  padding: 0;
  box-shadow: unset;
}
.input_wrap input::placeholder{
  opacity: 50%;
}
.max-here {
  display: flex;
  gap: 20px;
  align-items: center;
}
button.btn-click {
  display: flex;
  align-items: center;
  width: 225px;
  background: transparent;
  border: none;
  gap: 5px;
  border-left: 1px solid #ccc;
  border-radius: unset;
  justify-content: space-between;
}
button.btn-click:hover,
button.btn-click:focus {
  background: transparent;
  box-shadow: unset !important;
  border-left: 1px solid #ccc;
}
p.max_here_txt {
  background: #000;
  color: #fff;
  padding: 3px 14px;
  border-radius: 50px;
  margin: 0;
  font-size: 14px;
}
form.form_liqudity div {
  margin: 0 !important;
}
button.btn-click p {
  margin: 0;
}
.liqudity_form {
  padding: 4px 14px;
  width: 90%;
}

.liqudity_img {
  height: 100%;
  text-align: center;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
h6.green-col {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.25px;
  color: #10d35e;
  text-align: center;
  margin-bottom: 18px;
}
form.token_search input {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 8px 8px 8px 40px;
}
form.token_search input::placeholder {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
  color: #ccc;
}
.search_icon {
  position: absolute;
  left: 13px;
  bottom: 8px;
  opacity: 0.5;
}
.selectoken_mod.modal .modal-body {
  padding: 0;
}
.select_token_here ul {
  padding: 0;
  margin: 0;
  margin-top: 40px;
  overflow-y: scroll;
  min-height: 100%;
  max-height: 500px;
}
.select_token_here ul::-webkit-scrollbar {
  width: 0px;
}
.select_token_here ul::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.select_token_here ul::-webkit-scrollbar-thumb {
  background: var(--btn-theme);
  border-radius: 100px;
}
.select_token_here ul::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.select_token_here ul {
  padding-right: 10px;
}
.select_token_here ul li {
  list-style-type: none;
  padding: 10px;
  margin: 13px 0;
  border-radius: 5px;
  cursor: pointer;
}
.select_token_here ul li:hover{
  background-color: #cccccc52;
}
.select_token_here ul li:not(:last-child) {
  border-bottom: 2px solid #cccccc17;
}
.token_search_list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.token-icon {
  display: flex;
  gap: 10px;
}
.token-icon p {
  font-family: "Roboto";
  font-style: normal;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.25px;
  color: #ffffff;
  margin-bottom: 0;
  font-weight: 300;
}
.token-icon p strong {
  font-weight: 500;
}
p.value_txt {
  margin: 0;
  color: #000;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 1px;
}
.input_here_wrap {
  border-radius: 12px;
  background: #f6f7f8;
  margin: 0 !important;
  padding: 8px 12px;
}
.centercontent p {
  color: #637592;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin: 0;
}

.centercontent p span {
  color: var(--text-color);
  font-weight: 700;
}

button.close-btn {
  position: absolute;
  right: 20px;
  top: 21px;
  background: transparent;
  border: none;
  padding: 0;
  z-index: 2;
}
button.btn-click:hover,
button.btn-click:focus {
  background: transparent !important;
  box-shadow: unset !important;
}
button.close-btn:hover {
  background: transparent;
}
.trasaxction-mod .modal-content {
  background: #fff;
  border-radius: 30px;
  padding: 30px 20px;
}
.trasaxction-mod .modal-dialog {
  max-width: 420px;
}
.token-icon p {
  font-family: "Roboto";
  font-style: normal;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.25px;
  color: #000;
  margin-bottom: 0;
  font-weight: 300;
}
.token_icon {
  height: 28px;
  width: 28px;
  border-radius: 100px;
}
.token_icon img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.details_box_inner {
  background: #fff;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 16px;
  width: 290px;
  margin: 0 auto;
}
.details_list li {
  list-style-type: none;
}
.details_list li p {
  margin: 0;
}
.details_list li p:first-child,
.details_list li p:last-child {
  color: #000;
  font-family: Poppins !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 220.9%;
}

.details_list li p:last-child {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}
.method-drop .dropdown button.btn.btn-secondary {
  background: transparent;
  border: none;
  color: #000;
  font-family: Poppins !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.payment_method_select p {
  color: #000;
  text-align: center;
  font-family: Poppins !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
}

.transack {
  border-radius: 10px;
  border: 1px solid #560ab5;
  background: #fff;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 10px;
}

.trasack_icon {
  height: 26px;
  width: 26px;
  border-radius: 100px;
}
.trasack_icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.transsac_with_icon p {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  font-family: Poppins;
}
.transaction_value h4 {
  color: #000;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 166.4%;
  margin: 0;
}
.transaction_value {
  width: 54%;
}
.wallet_Address {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 30px 30px;
}
.wallet_Address h3 {
  color: #000;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 132.4%;
  margin-bottom: 20px;
}

.wallet_Address input:not(.wallet_Address .form-check input) {
  border-radius: 5px;
  background: #f6f7f8;
  border: none;
  height: 70px;
  padding: 14px;
}
.wallet_Address input:focus {
  box-shadow: unset;
}

.wallet_Address input::placeholder {
  color: #000;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 132.4%;
  opacity: 0.5;
}

.wallet_Address label.form-check-label,
.wallet_Address label.form-check-label a,
form.email_form label.form-check-label,
form.email_form label.form-check-label a {
  color: #000;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 132.4%;
}
.wallet_Address label.form-check-label a:hover {
  color: var(--text-color);
}

.BCtwalletmod .modal-dialog {
  max-width: 660px;
}
.BCtwalletmod .modal-content {
  border: none;
}
a.arrow-back {
  text-decoration: none;
  color: #000;
  margin: 0;
}
.BCtwalletmod .modal-body {
  padding: 40px 40px;
}
.buy_crypto_list ul li {
  list-style-type: none;
  position: relative;
  z-index: 2;
}
.payflag-withname {
  height: 50px;
  padding-left: 20px;
  border-left: 1px solid #ccc;
}
.input_labelaa p {
  color: #637592;
  text-align: center;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
h5.spend_value {
  color: #000;
  font-family: Poppins !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.44px;
  text-align: left;
}
.trassaction_mod_inner h4 {
  color: #000;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 132.4%;
}
.grayicon {
  width: 28px;
  height: 28px;
  border-radius: 100px;
  background-color: #d9d9d9;
  display: flex;
  align-items: center;
  justify-content: center;
}
.grayiconsm {
  width: 18px;
  height: 18px;
  position: relative;
  left: 5px;
  top: -25px;
}
p.bitcoin_network {
  color: #fff;
  text-align: center;
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  border-radius: 5px;
  width: 80%;
  margin: 0px auto;
  background: #9fa6ac;
}

.buy_crypto_list ul li:not(:last-child) {
  margin-bottom: 30px;
}
.buy_crypto_list ul li:not(:last-child, :first-child) {
  padding-left: 25px;
}
.buy_crypto_list form ul::before {
  content: "";
  height: 100%;
  width: 1px;
  position: absolute;
  left: 39px;
  top: 0;
  background: #ccc;
  z-index: 1;
}
.details_modal_list h4 {
  color: #000;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 132.4%;
  border-bottom-style: dashed !important;
  border-bottom: 1px solid #ccccccad;
}
ul.order_detail_list li {
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom-style: dashed !important;
  border-bottom: 1px solid #ccccccad;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
ul.order_detail_list li p {
  margin: 0;
}

.order_addres {
  border-radius: 5px;
  background: #f6f7f8;
  padding: 15px;
}
.icon_addrees {
  width: 28px;
  height: 28px;
  border-radius: 100px;
}

.icon_addrees img {
  width: 100%;
  height: 100%;
  border-radius: 100px;
  object-fit: cover;
}
/* sign in  */
form.email_form label {
  color: #a4a4a4;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
form.email_form input:not(form.email_form input.form-check-input) {
  border-radius: 5px;
  background: #faf8f8;
  box-shadow: 0px 5px 10px 0px #e0e4ee;
  height: 50px;
  border: none;
  color: #233b58;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
}
form.email_form input::placeholder {
  color: #233b58;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  opacity: 0.5;
}
form.email_form input:focus {
  background: #faf8f8;
  box-shadow: 0px 5px 10px 0px #e0e4ee !important;
}

/* custom radio select */
.plans {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
}

.plans .plan input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.plans .plan {
  cursor: pointer;
  width: auto;
}

.plans .plan .plan-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0px 10px 35px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #e1e2e7;
  border-radius: 10px;
  -webkit-transition: -webkit-box-shadow 0.4s;
  transition: -webkit-box-shadow 0.4s;
  -o-transition: box-shadow 0.4s;
  transition: box-shadow 0.4s;
  transition: box-shadow 0.4s, -webkit-box-shadow 0.4s;
  position: relative;
}

.plans .plan .plan-content img {
  margin-right: 30px;
}

.plans .plan .plan-details span {
  margin-bottom: 10px;
  display: block;
  font-size: 20px;
  line-height: 24px;
  color: #252f42;
}
.plans .plan .plan-details p {
  color: #646a79;
  font-size: 14px;
  line-height: 18px;
}

.plans .plan .plan-content:hover {
  -webkit-box-shadow: 0px 3px 5px 0px #e8e8e8;
  box-shadow: 0px 3px 5px 0px #e8e8e8;
}

.plans .plan input[type="radio"]:checked + .plan-content:after {
  content: "";
  position: absolute;
  height: 8px;
  width: 8px;
  background: var(--btn-theme);
  left: 18px;
  top: 20px;
  border-radius: 100%;
  border: 1px solid #fff;
  -webkit-box-shadow: 0px 0px 0px 2px var(--btn-theme);
  box-shadow: 0px 0px 0px 2px var(--btn-theme);
}

.plans .plan input[type="radio"]:checked + .plan-content {
  border: 2px solid var(--btn-theme);
  background: #eaf1fe;
  -webkit-transition: ease-in 0.3s;
  -o-transition: ease-in 0.3s;
  transition: ease-in 0.3s;
}
.verification_text {
  border-radius: 10px;
  background: #f8f8f8;
  padding: 14px 30px;
}
.verification_text p {
  margin: 0;
  color: #000;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 27px;
  opacity: 0.5;
}
form.personal_form input,
form.personal_form select {
  border-radius: 5px;
  background: #f6f7f8;
  height: 60px;
  border: none;
  -webkit-appearance: none;
}
form.personal_form input:focus,
form.personal_form select:focus {
  background: #f6f7f8;
  box-shadow: unset !important;
}
.arrow_down {
  position: absolute;
  right: 18px;
  bottom: 16px;
}
a.close-btn {
  position: absolute;
  right: 0;
  top: -11px;
}
.images_aniamtion {
  width: 30%;
  margin: 26px auto;
}
.setheading h1 {
  color: #000;
  font-family: Poppins;
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.setheading h1 span {
  background: linear-gradient(180deg, #560ab5 0%, #8f43ee 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: Poppins;
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.setheading {
  padding: 145px 0px 30px 50px;
}
.setheading p {
  color: #a4a4a4;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin: 0;
  padding-right: 60px;
}
p.via_bank {
  color: #000;
  text-align: center;
  font-family: Poppins;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 42px;
}
.radio_tabs p {
  text-align: left;
}
/* .common_box_wrap {
  background: #fff;
  padding: 50px;
} */
.input_labelaa input,
.input_labelaa input::placeholder {
  color: #000;
  text-align: center;
  font-family: Poppins;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.44px;
  padding: 0;
  text-align: left;
  border: none;
}
.input_labelaa input:focus {
  box-shadow: unset;
}
.sell_ertw h4 {
  color: #000;
  text-align: center;
  font-family: "Poppins";
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
button.btn_three_dots {
  background: transparent;
  border: none;
}
button.btn_three_dots:hover,
button.btn_three_dots:focus,
button.btn_three_dots.active {
  background: transparent !important;
}
.chain_name {
  border-radius: 5px;
  border: 1px solid var(--btn-theme);
  background: #fff;
  width: 96.267px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--btn-theme);
  font-weight: 500;
}
form.sell_crypto_form input {
  width: 83%;
  margin-right: 10px;
  border: none;
}
.sellchain_icon {
  width: 14px;
  height: 14px;
  border-radius: 100px;
  background: #fff;
  position: absolute;
  right: -3px;
  top: -3px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1px;
}
.your_order_content select:focus {
  box-shadow: unset !important;
}
p.sell_price,
.your_order_content select {
  color: #000;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.updated_count p {
  color: #a098ae;
  text-align: center;
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
}
.selected_div.mb-3 {
  margin: 0 !important;
}
.email_form_main {
  margin: 20px 0 10px 0;
  border-bottom: 1px solid #ccc;
  padding-bottom: 80px;
  border-bottom-style: dashed;
}
p.buy_clicking {
  color: #000;
  text-align: center;
  font-family: "Poppins";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
p.buy_clicking a {
  color: var(--btn-theme);
}
p.buy_clicking a:hover {
  color: var(--text-color);
}
h2.defi_head {
  color: #202020;
  font-family: Poppins;
  font-size: 34px;
  font-style: normal;
  font-weight: 500;
  line-height: 42px;
}
h2.defi_head span {
  color: var(--btn-theme);
  font-weight: 700;
}
.defi_white_box {
  border-radius: 12px;
  background: #fff;
  padding: 15px;
}
.defi_white_box p {
  color: #000;
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.chain_token_icon {
  width: 29px;
  height: 26px;
  background: #cccccc91;
  border-radius: 100px;
}
.chain_token_icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.side_icon {
  width: 13px;
  height: 13px;
  background: #e2e2e2;
  border: 2px solid #fff;
  position: absolute;
  right: -4px;
  bottom: 0px;
  border-radius: 100px;
}
.defi_form_box div {
  margin-bottom: 0px !important;
}
.defi_form_box input,
.defi_form_box input::placeholder {
  border: none;
  color: #9ba0a8;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
input:focus,
select:focus,
textarea:focus {
  box-shadow: unset !important;
}
.defi_form_box label {
  color: #000;
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  margin: 0;
}
p.dollar_price {
  color: #637592;
  text-align: center;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
button.btn_rounded {
  position: absolute;
  left: 0;
  right: 0;
  width: 29px;
  height: 29px;
  transform: rotate(-0deg);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: #fff;
  border-radius: 100px;
  margin: 0px auto;
  top: -7px;
}
.connect_heading_col h4 {
  color: #000;
  text-align: center;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
a.connect_back {
  position: absolute;
  left: 0;
  top: -4px;
}
.connection_wallet ul li {
  list-style-type: none;
}
.connection_wallet ul li:not(:last-child) {
  margin-bottom: 20px;
}
.connection_wallet ul li a {
  color: #000;
  text-align: center;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}
.connection_wallet {
  height: 360px;
}

/* history table */
.history_head h3 {
  color: #000;
  font-family: Poppins;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.history_table {
  border-radius: 10px;
  background: #fff;
  padding: 34px;
}
.history_table .table thead tr th {
  color: #9fa5ad;
  text-align: center;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.history_table .table tbody tr td {
  color: #66696f;
  text-align: center;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 20px;
  text-transform: uppercase;
}
.history_table .table tbody tr td strong {
  color: #000;
}
ul.pagination li a {
  border: 1px solid var(--btn-theme);
  color: var(--btn-theme);
}
ul.pagination li a:hover,
ul.pagination li a:active {
  background-color: var(--btn-theme);
  color: #fff;
}
.setting_inner {
  width: 80%;
  margin: 0px auto;
}
.input_box {
  border-radius: 5px;
  background: #f6f7f8;
  padding: 10px;
}
.input_box div {
  margin: 0px !important;
}
h5.box_heading {
  color: #000;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.input_box label {
  color: #8f8080;
  text-align: center;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.input_box input {
  color: #544b4b;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background: transparent;
  border: none;
  padding: 10px 0;
  border-radius: unset;
}
.input_box input:focus {
  background: transparent !important;
}
.info_box_here {
  border-radius: 5px;
  background: #ede3fb;
  padding: 6px 10px;
}
.info_box_here p {
  color: var(--btn-theme);
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 0;
}
button.Disconnect {
  border-radius: 5px;
  background: #f5f7f9;
  border: none;
  color: #557f96;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
button.Disconnect:hover {
  background: var(--btn-theme);
  color: #fff;
}
.emial_setting_div {
  width: 52%;
  gap: 10px;
}
button.btn-editemail,
button.btn-editemail:hover,
button.btn-editemail:focus {
  position: absolute;
  right: 8px;
  top: 0px;
  background: transparent !important;
  border: none;
}
.emial_setting_div input {
  color: #000;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 0;
  border: none;
}
button.btn-chnge,
button.btn-chnge:hover,
button.btn-chnge:focus {
  color: #000 !important;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background: transparent !important;
  border: none;
}

button.delte_account {
  border-radius: 5px;
  background: #fff;
  border: none;
  color: #eb001b;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
button.delte_account:hover{
  background: #EB001B;
}
.goole_disconnect p {
  color: #000;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 20px 0;
  opacity: 0.6;
}
.setting_white_box {
  height: 100%;
}
/* history table */

/* custom radio select */

/* start here new*/

/* dashboad css */

/* new stperr css */
section.newstepper_main {
  background: #fff;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 16px;
  width: 290px;
  margin: 0 auto;
}
.progress_here {
  width: 73%;
}
ul.steper_list{
  padding: 0;
  margin: 0;
}
ul.steper_list li{
  list-style-type: none;
}
ul.steper_list li:not(:last-child){
  margin-bottom: 10px;
}
.stepper_box {
  background: #f6f7f8;
  padding: 17px;
  border-radius: 5px;
  display: flex;
  align-items: flex-start;
}
.stepper_number {
  background: #cccccc52;
  height: 30px;
  width: 30px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  font-size: 12px;
}

.stepper_content {
  width: 80%;
}
.stepper_content h6 {
  color: #000;
  font-size: 14px;
  margin: 0;
  font-weight: 500;
}
.stepper_content p{
  margin: 0;
  font-size: 12px;
  line-height: 17px;
}
section.newstepper_main h5 {
  font-size: 15px;
}
.progress_here .progress {
  height: 8px;
}
.progress_here .progress .progress-bar{
  background-color: var(--btn-theme);
}
p.progress_number {
  font-size: 12px;
  background: #f6f7f8;
  padding: 0 7px;
  border-radius: 8px;
  font-weight: 600;
}
.stepper_active {
  opacity: 0.3;
}
.stepper_current .stepper_number{
  background-color: var(--btn-theme);
  color: #fff;
}
button.btn-click img {
  width: 30px;
  height: 30px;
  object-fit: cover;
  border-radius: 100px;
}
/* new stperr css */



.KYC_Left_part iframe {
  height: 700px;
  width: 100%;
}
.kyc_right_content{
  text-align: left;
}
.kyc_right_content ul {
  padding: 0;
  margin: 15px 0;
}
.kyc_right_content ul li{
  list-style-type: none;
}
.kyc_right_content ul li:not(:last-child){
  margin-bottom: 10px;
}
span.status {
  padding: 3px 10px;
  font-size: 12px;
  border-radius: 5px;
}

span.pending {
  color: #000;
  background: #db932a4f;
  border: 1px solid #db932a73;
}

span.Approved {
  color: #000;
  background: #1dab2f63;
  border: 1px solid #1dab2fb3;
}


span.rejected {
  color: #000;
  background: #f9000047;
  border: 1px solid #f90000b3;
}
.kyc_right_content {
  text-align: left;
  background: #fff;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 16px;
  width: 290px;
  margin: 0 auto;
}
section.kyc_main {
  padding: 166px 0 50px !important;
}
button.kyctryagain {
  background: #2ab5e8;
  border: none;
  padding: 10px;
}
button.kyctryagain:hover{
opacity: 0.5;
background: #2ab5e8;
}
.commonBtn {
  height: 50px;
  font-size: 14px;
  padding: 0 30px;
  min-width: 110px;
  background: #5006b1;
  border-color: #5006b1;
}
.cardBox {
  box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03);
}
.table th {
  color: #495057;
  background-color: #f8f9fa;
  border-color: #eff2f7;
border-bottom: 2px solid #eff2f7;
}
.sectionHead h4 {
  font-size: 18px;
  line-height: 26px;
  color: #111;
}
.table th , .table td {
 font-size: 13px;
}
.table-nowrap td, .table-nowrap th {
  white-space: nowrap;
}
table th {
  font-weight: 600;
}
.table td, .table th {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #eff2f7;
}
/* .goole_button div{
  width: 100% !important;
  margin: 0 !important;
}
.goole_button iframe div{
  width: 100% !important;
  margin: 0 !important;
} */



/* .goole_button  {
  position: relative;
  overflow: hidden;
  padding-bottom: 70.75%;
height: 0;
  }
  .goole_button iframe {
  position: absolute !important;
  top:0 !important; 
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  } */


  .copy_btn {
    background: var(--btn-theme) !important;
    border: none;
    padding: 6px 12px;
    border-radius: 5px;
    font-size: 14px;
}
button.clomod_btn:hover{
  background: var(--btn-theme);
}
  .user_upload {
    height: 122px;
    width: 122px;
    background: #eee;
    margin: 0px auto;
    /* overflow: hidden; */
    border-radius: 100px;
    position: relative;
  }
  
  .user_upload img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100px;
    padding: 2px;
    position: absolute;
    left: 0;
    top: 0;
  }
  .user_upload input {
    display: none;
  }
  .user_upload label {
    height: 34px;
    width: 34px;
    border-radius: 100px !important;
    background: transparent!important;
    border: none !important;
    position: absolute;
    bottom: 10px;
    right: 4px;
    z-index: 3;
    cursor: pointer;
    margin: 0 !important;
  }
  .user_upload a {
    height: 43px;
    width: 44px;
    border-radius: 100px;
    position: absolute;
    bottom: 0px;
    right: -3px;
  }
.or_col::before{
  content: "";
  height: 1px;
  width: 100%;
  background-color: #ccc;
  position: absolute;
  top: 13px                                                                                                                                                                                                                                                                                                                                                                                              ;
  left: 0;
}   
.or_col p{
  background-color: #f0f2f7;
  padding: 0px 5px;
  width: max-content;
  margin: 0px auto;
  position: relative;
  z-index: 2;
}    
p.email_text {
  word-break: break-all;
  line-height: 22px;
}    
.history_page {
  padding: 148px 0 80px;
  height: 100%;
    min-height: 100vh;
} 
.arrow_back{
  color: #000;
}          
.history_tablewrap {
  background: #fff;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);  
}   
.active button.page-link{
  background: var(--btn-theme);
  border-color: var(--btn-theme);
}    
button.table_eye {
  background: transparent !important;
  border: none;
}           

.details_box_innermod ul.details_list li{
    display: flex;
    justify-content: space-between;
}
.address_img {
  background: #ccc;
  height: 36px;
  width: 36px;
  border-radius: 100px;
  margin-right: 10px;
}
.address_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.from_wrap, .from_to {
  width: 50%;
}
.address_show p {
  font-size: 14px;
  margin: 0;
}
section.terms-of-service {
  height: 100%;
  min-height: 100vh;
}
.right_gradient_part a.logo img {
  width:33%;
  height: 78px;
  object-fit: cover;
}
.slected_curreny {
  background: #eee;
  border-radius: 100px;
  width: 50px;
  height: 50px;
  padding: 6px;
  align-items: center;
  justify-content: center;
  display: flex;
}
.slected_currency_top p {
  margin: 0;
  font-weight: 500;
}
.slected_currency_top {
  margin-bottom: 20px;
  background-color: #cccccc82;
  padding: 10px;
  border-radius: 10px;
}
button.clomod_btn{
  background-color: #cccccc82;
    border: none;
    padding: 6px 12px;
    border-radius: 5px;
    font-size: 14px;
    color: #000;
}
div#google_translate_element span {
  display: none;
}
div#google_translate_element .goog-te-gadget{
  color: #fff;
}

div#google_translate_element select {
  padding: 7px 10px;
  border: 1px solid #eee;
  position: relative;
  top: 7px;
  border-radius: 4px;
  cursor: pointer;
}

div#google_translate_element select:focus-visible{
  outline: none;
}

.kyc_hero_img  h2, .kyc_hero_img  h4{
  color: #1db745;
  font-weight: 500;
}
.hurry {
  height: 140px;
  width: 140px;
  margin: 0px auto;
}
.hurry img, .pending img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.pending {
  width: 210px;
  height: 100px;
  margin: 0px auto 30px;
}
h5.pending_col {
  color: #ff9c28;
}
h5.rejected_col {
  color: #FF0000;
}
a.chnage_password {
  text-decoration: none;
}
.after_check {
  border-color: #4d03ff;
  box-shadow: 0px 0px 4px 0px #4d03ff;
}
.buy_crpto_form .css-1fdsijx-ValueContainer {
  height: 54px;
}
.buy_crpto_form .css-1fdsijx-ValueContainer .trasack_icon{
  height: 58px;
  width: 58px;
  border-radius: 100px;
}
.buy_crpto_form .css-1nmdiq5-menu .trasack_icon{
  height: 54px;
  width: 54px;
  border-radius: 100px;
}

ul.buy_page_list li{
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
ul.buy_page_list li p{
  margin: 0;
  font-size: 13px;
  color: #000;
}
/* 
ul.buy_page_list li:not(:last-child){
  margin-bottom: 10px;
} */


.check {
  position: absolute;
  right: 10px;
  top: 0;
}
.modal_iframe iframe#iFrameId {
  width: 100%;
  height: 100%;
  min-height: 500px;
}
.modal_iframe iframe#iFrameId .kbJTUM {
  height: 100vh !important;
}
span.col_red {
  color: #f00;
}
.rejected {
  height: 120px;
  width: 160px;
  margin: 0px auto 10px;
  transform: rotateZ(35deg);
}
.rejected img{
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.modal_buy-cont button.eye_btn {
  bottom: 7px;
}
.country_icon {
  height: 22px;
  width: 22px;
  border-radius: 100px;
  background: #eee;
}

.country_icon img{
  width: 100%;
height: 100%;
}
.language_wrap {
  width: 42px;
  height: 42px;
  border-radius: 100px;
  background: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
}
.language_wrap img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
ul.list-unstyled li button {
  cursor: pointer !important;
}

.mystyle {
  position: fixed;
  width: 100%;
}
.navbar-collapse {
  flex-grow: inherit !important;
}



body.rtl form.form_sign_inout label, body.rtl .email_form label {
  display: flex;
  justify-content: flex-start;
}
body.rtl .react-tel-input .flag-dropdown {
  left: 0 !important;
  right: unset;
}
body.rtl .react-tel-input .form-control {
  padding-left: 10px !important;
  text-align: right;
}
body.rtl .react-tel-input .selected-flag .flag {
  left: 9px;
}
body.rtl .react-tel-input .country-list {
  left: 0%;
}
body.rtl button.eye_btn {
  right: unset;
  left: 17px;
}
body.rtl button.btn_sign_in span {
  margin-left: 11px;
}
body.rtl .headin_main {
  text-align: right;
}
body.rtl p.home_para {
  padding-left: 110px;
  padding-right: 0;
}
body.rtl p.home_para::after {
  right: unset;
  left: 0;
  transform: rotateY(160deg);
}
body.rtl .user_login .dropdown-menu.show {
  left: 0 !important;
}
body.rtl .home_banner_content {
  text-align: right;
}
body.rtl .text_animation {
  margin-left: 0;
  margin-right: 1rem;
}
body.rtl .infraaccordion_right .accordion-button::after {
  position: absolute;
  left: 18px;
}
body.rtl .top_circle {
  left: 0;
  top: 0;
}
body.rtl .infraaccordion_right {
  padding-left: 0px;
  padding-right: 50px;
}
body.rtl .wallet_Address h3 {
  text-align: right;
}
body.rtl .trasack_icon.me-2 {
  margin-right: 0 !important;
  margin-left: 8px;
}
body.rtl .wallet_Address .form-check {
  padding-left: 0;
  padding-right: 1.5rem;
  text-align: right;
}
body.rtl .form-check .form-check-input {
  float: inherit;
  margin-left: 0;
  margin-right: -1.5rem;
}
body.rtl .sectionHead h4 {
  text-align: right;
}
body.rtl .remember_mer {
  text-align: right;
}

.modal-content.remove-confirm .infoimg {
  text-align: center;
  margin-top: 20px;
}
.modal-content.remove-confirm .infoimg svg {
  overflow: hidden;
  width: 74px;
  fill: #3f278d;
  fill: var(--primary);
}
/* .modal-content.remove-confirm h5 {
  text-align: center;
  margin: 23px 0;
} */

.modal-content.remove-confirm .delete-btns, .modal-content.remove-confirm h5 {
  text-align: center;
  margin: 23px 0;
}
.banner_hero_img .buy_page {
  background-image: unset !important;
  padding: 0;
  background-color: unset !important;
}
.banner_hero_img .order-1.order-lg-2.m-auto.col-lg-6.col-md-6.col-sm-12 {
  width: 100%;
  padding: 0;
}
.banner_hero_img .top_circle, .banner_hero_img .bottom_circle, .banner_hero_img .buy_form_head h2{
  display: none;
}
.banner_hero_img .Buy_btn_card.mt-5 {
  margin: 0 !important;
}
.banner_hero_img .tab-frame {
  background: #fff;
  padding: 30px;
}
.banner_hero_img .Buy_btn_card{
background-color: unset;
padding: 0;
}

.banner_hero_img .input_wrap input {
  display: block;
}
#transakFiatOnOffRamp {
  position: fixed;
  z-index: 9999;
}
.banner_hero_img {
  width: 90%;
}
body.rtl .common_sign_inner .text-start {
  text-align: left !important;
  transform: rotateY(180deg);
}
body.rtl .CardBody {
  text-align: right !important;
}

body .CardBody textarea{
  resize: initial;
}
body.rtl a.arrow_back.me-3 {
  margin-right: 0 !important;
  margin-left: 18px;
  transform: rotateY(181deg);
}
body.rtl button.btn-click{
  border-right: 1px solid #ccc;
  border-left: unset;
}

body.rtl .trassaction_mod_inner a.arrow-back span {
  margin-left: 0 !important;
  margin-right: 10px !important;
}

body.rtl .trassaction_mod_inner a.arrow-back{
  transform: rotateY(180deg);
}

body.rtl .left_form_part > svg{
  display: flex;
  justify-content: flex-end;
  transform: rotateY(180deg);
}
body.rtl .left_form_part{
  text-align: right;
}
body.rtl .arrow_with_head svg {
  transform: rotateY(190deg);
}
body.rtl form.buy_crpto_form label.form-label {
  display: flex;
  justify-content: flex-start;
}
/* body.rtl .rfm-marquee{
  justify-content: flex-end !important
} */

/* ul.list-unstyled {
  justify-content: center;
  width: max-content;
} */
.dropdown-item:focus, .dropdown-item:hover{
  background-color: #eeeeee !important;
}
.td_loader {
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
  z-index: 888;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}


.banner_hero_img .order-1.order-lg-2.m-auto.col-lg-6.col-md-12.col-sm-12 {
  width: 100%;
}
.marquess_Lsit .rfm-marquee {
  z-index: 0;
}
h2.sign_head {
  color: #233b58;
  font-family: Roboto !important;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  width: 306px;
  margin-bottom: 40px;
}
.common_box_wrap {
  padding-top: 160px;
}

.not_found_box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.not_found_box h1 {
  color: #0069ba;
}

button.back_to_home {
  background: var(--btn-theme);
  border: none;
  border-radius: 100px;
  padding: 10px 50px;
}
.modal_iframeuniramp a.close-btn {
  position: absolute;
  right: 0px;
  top: -1px;
}
.mobile_form_label {
  display: none;
}

body.rtl .text_Wrap {
  justify-content: end;
  flex-direction: row-reverse;
}
body.rtl ul.about_list{
  justify-content: end;
}
body.rtl .infraaccordion_right {
  direction: rtl;
}
body.rtl .infraaccordion_right .accordion-body {
  text-align: right;
}
body.rtl h2.heading_common.mb-3.text-start, body.rtl .Installation_sec .heading_Common_toall p,
body.rtl .joinus_form h2 {
  text-align: right !important;
}
body.rtl .CardCstm p span {
  margin-right: 9px;
  margin-left: 0 !important;
}
body.rtl .joinus_form form input {
  padding: 13px 13px 13px 103px;
  border-radius: 100px;
  border: none;
  text-align: right;
}
body.rtl button.btn_submit {
  left: 6px;
  right: unset;
}
h3.mobile_auth_head {
  display: none;
}
span.forbadge {
  width: 80%;
}
.icon_img {
  height: 30px;
  width: 30px;
  background: #eee;
  border-radius: 100px;
}

.icon_img img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.portfolio_table .table tbody tr td {
  vertical-align: middle;
}
.asetscell p {
  margin: 0;
  cursor: pointer;
}
.asetscell{
  justify-content: center;
}

.edit_profile_img{
  height: 12px;
  width: 12px;
}

.btn_sign_apple{
  background: #000 !important;
  border: 1px solid #000 !important;
  height: 53px;
}
.btn_sign_apple:hover{
  background: #000 !important;
}
button.edit_btn{
  background: transparent !important;
  border:none !important;
}
.list-unstyled li {
  cursor: pointer !important;
}
.graph_wrap div {
  width: 100% !important;
}
body.rtl .content_inner.text-start {
  text-align: right !important;
}
.blogWrpper .cardCstm {
  border-radius: 10px;
  border: 1px solid #ddd;
}
.blogWrpper .cardCstm .head {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
}

.blogWrpper .cardCstm p {
  font-size: 14px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blogWrpper .cardCstm .imgWrp img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  height: 210px;
  width: 100%;
  object-fit: cover;
}
.blogWrpper .MainBlogImg img {
  border-radius: 10px;
  height: 400px;
  object-fit: cover;
}
body.rtl .banner_hero_img form.buy_crpto_form {
  direction: rtl;
}
/* 

.tawk-messenger {
  background-color: #yourDesiredColor;
}
.tawk-chat-widget {
  background-color: #3f278d;
  color: #3f278d;
} */
/* responsive start */                        

.react-tel-input .country-list {
  left: -250px;
}


@media only screen and (min-width: 1360px), (max-width: 1800px) {
  
}                             

@media only screen and (max-width: 1360px) {
  .left_form_part {
    padding: 150px 50px;
}
.infraimg_Left::before {                                                                                                
  width: 100%;
}
.two_column_section.p-5 {
  padding: 40px 0px !important;
}
}

@media only screen and (max-width: 1169px) {
  .container{
     max-width: 90% !important;
  }
  .arrrow_blue {
    left: 0;
    top: 0;
}
.arrrow_yelllow {
  right: 0;
  top: -90px;
}
.heading_Common_toall.pt-lg-5 {
  padding-top: 0px !important;
}
section.Installation_sec {
  padding: 50px 0;
}
section.Trending_section {
  padding: 50px 0 50px;
}
.text_Wrap.d-flex.align-items-center {
  display: block !important;
}
.text_animation {
  margin-left: 0;
}
h2 {
  font-size: calc(1.325rem + .9vw) !important;
}
}

@media only screen and (max-width: 1099px) {
  .arrow_here {
    left: 0;
    bottom: -60px;
}
.arrow_yellow {
  top: 77px;
}
}



@media only screen and (max-width: 1023px) {
  .right_gradient_part {
    padding: 80px 40px;
}
.right_gradient_text {
  width: 100%;
}
section.buy_page, section.sellpagetwo {
  padding: 160px 30px 60px;
}
}


@media only screen and (max-width: 979px) {
  .text_Wrap.d-flex.align-items-center {
    display: flex !important;
}
.text_animation {
  margin-left: 20px;
}
.home_banner_form {
  margin: 70px auto 0;
}
.heading_common {
  width: auto;
}
.infraimg_Left img {
  height: 377px;
}
section.PLatform_section {
  padding: 50px 0 0;
}
.arrrow_yelllow {
  width: 120px;
  height: 120px;
}
section.confident_section {
  padding: 60px 0 50px;
}

}

@media only screen and (max-width: 991px) {
  ul.navbar-nav li a.active::after {
    display: none !important;
}
  /* hangburger menu */
  ul.navbar-nav {
    position: absolute;
    top: -10px;
    background: var(--theme-color);
    left: -400px;
    width: 370px !important;
    z-index: 999;
    transition: 0.3s;
    height: 100vh;
    padding: 50px 16px 0;
    box-shadow: 5px 5px 6px #35282814;
    display: block;
  }
  .show ul.navbar-nav {
    right: -30px;
    top: -20px;
    transition: 0.3s !important;
    display: block;
    height: 100ch;
    background-color: #e4e2fb;
  }
  body.rtl .show ul.navbar-nav {
    left: -40px;
    right: unset;
}
body.rtl button.close-menu {
  right: unset;
  left: 0;
}
body.rtl .mobileMenu_overlay {
  right: -40px;
   left: unset;
}
body.rtl .show ul.navbar-nav li a {
  text-align: right;
}
  .show ul.navbar-nav li a {
    color: var(--btn-theme);
    text-align: left;
    padding: 10px 27px;
    background: #d6d5f896;
    margin-bottom: 5px;
    font-size: 13px;
    border-radius: 5px;
  }
  nav.navbar {
    width: 52%;
    position: inherit;
  }
  .navbar-collapse {
    transition: 3s;
  }
  button.close-menu {
    display: block;
  }
  .navbar-expand-lg .navbar-toggler {
    display: block !important;
    position: relative;
    height: 22px;
    width: 36px;
    position: absolute !important;
    right: 0px;
    border: none !important;
  }
  body.rtl .navbar-expand-lg .navbar-toggler {
    left: 10px;
    right: unset;
}
  span.bar {
    background: var(--btn-theme);
    height: 2px;
    width: 28px;
    position: absolute;
    left: 0;
  }

  span.bar:first-child {
    top: 0;
  }
  span.bar:last-child {
    bottom: 0;
  }
  button.close-menu {
    display: block;
    position: absolute;
    top: 3px;
    right: 0;
    background: transparent;
    border: none;
  }
  ul.navbar-nav li a {
    font-size: 16px;
    color: #fff;
  }
  .navbar-toggler:focus {
    box-shadow: unset !important;
  }
  .trusted_box::before {
    left: 0px;
    top: -80px;
}
.mobileMenu_overlay {
  background: rgba(0,0,0,0.1);
  width: 100%;
  height: 130vh;
  position: absolute;
  top: -40px;
  right: 27px;
  z-index: 2;
  display: none;
}
.show .mobileMenu_overlay{
  display: block;
}
.banner_hero_img {
  width: 100%;
}
.left_form_part {
  padding: 0px 0px;
}
.react-tel-input .country-list {
  left: -203px !important;
  width: 250px !important;
}
}


@media only screen and (max-width: 799px) {
.signingimg_bottom {
  padding: 40px 0;
}
.setheading h1, .setheading h1 span {
  font-size: 34px;
}
.setheading {
  padding: 195px 0px 30px 30px;
}
section.header-main .container {
  padding: 0;
  margin-right: 50px;
}
button.btn_sign_in:hover, button.btn_sign_in.active, button.btn_sign_in:focus-visible {
  background: var(--btn-theme) !important;
}
section.header-main.fixed-header .container {
  border: none;
  padding: 0;
}
.banner_hero_img {
  width: 100%;
}
section.header-main .container {
  margin: 0;
}
}
@media only screen and (max-width: 767px) {
  .text_Wrap.d-flex.align-items-center {
    display: block !important;
}
.text_animation {
  margin-left: 0;
}
p.home_para::after {
  right: 20px;
}
ul.about_list li p {
  font-size: 16px;
}
.infraimg_Left {
  overflow: hidden;
}
.infraaccordion_right {
  padding-left: 0;
  margin-top: 30px;
}
.arrrow_yelllow {
  width: 100px;
  height: 100px;
}
.arrrow_blue {
  top: -50px;
}
section.Installation_sec {
  padding: 0 0 50px;
}
.installation_img, .Joinus_img {
  margin-top: 70px;
}
.joinus_form {
  padding-top: 0;
}
section.header-main .container {
  margin: 0;
}
.details_box_inner {
  width: 100%;
  margin: 40px auto;
}
.setheading {
  padding: 40px 30px 40px 0px;
}
.setheading h1, .setheading h1 span {
  font-size: 42px;
}
.right_gradient_part a img {
  height: 60px;
  object-fit: cover;
  width: 60%;
}
.right_gradient_part {
  padding: 30px 40px;
}
.signingimg_bottom {
  padding: 20px 0;
  width: 70%;
  margin: 0px auto;
}
.left_form_part > svg {
  margin-bottom: 10px !important;
}
.left_form_part {
  padding: 30px 30px;
}
h3.sign_head {
  margin-bottom: 20px;
}
section.home_banner_main {
  padding: 200px 0 60px;
}
ul.navbar-nav li {
  padding: 3px 22px;
}
body.rtl .infraaccordion_right {
  padding-right: 0px;
}
body.rtl h2.heading_common.mb-3.text-start, body.rtl .heading_Common_toall.position-relative.text-start {
  text-align: center !important;
}
.confidentily_boxes {
  margin-top: 0;
}
.KYC_status {
  margin-top: 60px;
}
body.rtl button.btn-click {
  border-right: none;
  border-left: unset;
}
}

@media only screen and (max-width: 639px) {
  .right_gradient_part {
    padding: 40px 40px;
}
.trendingslider .slick-slider {
  margin: 0 15px;
}
.trendingslider .slick-slide {
  margin-left: 0px;
  margin-right: 0px;
}
.boxes_common.text-start {
  text-align: center !important;
}
.icon-div {
  margin: 0px auto;
}
.boxes_common {
  margin: 20px 0;
}
.arrow_yellow {
  top: 97px;
  right: 0;
}
.arrrow_blue {
  height: 40px;
  width: 60px;
}
section.PLatform_section .arrrow_yelllow {
  width: 80px;
  height: 80px;
  top: -60px;
}
.heading_Common_toall.position-relative.text-start.pt-lg-5, h2.react-reveal.heading_common.mb-3.text-start, 
.joinus_form h2
 {
  text-align: center !important;
}
.home_banner_form {
  width: 100%;
}
.bg_border_line {
  width: 100%;
  height: 100%;
}

.Buy_btn_card {
  padding: 35px 20px;
}
section.stepper_main {
  margin-top: 30px;
}
.details_box_inner {
  margin: 40px auto 0;
}
.BCtwalletmod .modal-dialog {
  max-width: 90%;
}
.BCtwalletmod .modal-dialog {
  max-width: 100%;
}
.BCtwalletmod .modal-body {
  padding: 40px 20px;
}
.order_addres p {
  width: 340px;
}
section.sellpagetwo {
  padding: 80px 30px 60px;
}
.setheading h1, .setheading h1 span {
  font-size: 36px;
}
.setheading p {
  padding-right: 0;
}
.Buy_btn_card.mt-5 {
  margin-top: 20px !important;
}
.common_box_wrap {
  padding: 38px 24px;
}
.email_form_main {
  padding-bottom: 20px;
}
.your_order_details.d-flex {
  text-align: left;
  display: block !important;
}
.updated_count.justify-content-end {
  justify-content: start !important;
  padding: 0 !important;
}
p.buy_clicking.px-5 {
  padding: 0 !important;
}
.gradient_boxtwo {
  display: none;
}
.left_form_part {
  padding: 30px 0px;
}
.right_gradient_part {
  padding: 40px 20px;
}
.home_banner_content h1 {
  font-size: 32px;
  margin: 0;
}
.headin_main.my-4 {
  margin: 10px 0 !important;
}
p.home_para {
  padding-right: 80px;
}
.home_banner_form {
  margin: 40px auto 0;
}
.sellbuy-col select {
  padding-right: 0 !important;
}
span.down_icon {
  right: 0;
}
section.confident_section {
  padding: 40px 0 50px;
}
.confidentily_boxes {
  padding: 0px 30px;
  margin-top: 10px;
}
.arrow_here {
  left: -10px;
  bottom: 0px;
}
section.header-main {
  padding: 0px 0;
}
.home_banner_form {
  width: 85%;
}
.transak_modal {
  width:400px !important;
  max-width: 100% !important;
  overflow-y: scroll;
}
.transak_close {
  right: 0 !important;
  margin-top: 0 !important; 
}
.phonenumber_signup {
  width: 100% !important;
  display: flow;
}
section.history_page {
  padding: 130px 20px 60px !important;
}
.banner_hero_img .tab-frame {
  padding: 16px;
}
.left_form_part {
  height: auto;
}
h3.mobile_auth_head {
  display: block;
  width: 82%;
  font-size: 26px;
  margin: 0;
}
h3.desktop_auth_head {
  display: none;
}
.arrow_with_head {
  display: flex;
  align-items: center;
  gap: 12px;
}
.arrow_with_head svg {
  margin-bottom: 0 !important;
}
form.form_sign_inout {
  overflow-x: hidden;
}
}

.header .header__inner {
  grid-template-columns: none;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
  display: none;
}

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

.left_form_part {
  padding: 38px 0px;
}
.home_banner_content h1 {
  font-size: 28px;
}
p.home_para {
  padding-right: 60px;
}
p.home_para::after {
  right: -10px;
  top: 6px;
}
.social_icon_bar {
  display: block;
}
.social_icon_bar ul {
  justify-content: center;
}
ul.navbar-nav {
  width: 85% !important;
}
.Buy_btn_card.mt-5 {
  margin-top: 20px !important;
  margin-bottom: 20px;
}
section.buy_page {
  padding: 130px 15px 60px;
}
.wallet-section {
  width: 199px;
}
a.nav-link.signup_btn {
  width: 90px;
}
.add-wallet-wrap {
  width: 150px;
}
.header {
    width: 100%;
}
.user_login .dropdown button.btn.btn-secondary {
  height: 32px;
  width: 32px;
}
.right_gradient_part {
  padding: 10px 20px;
}
.left_form_part {
  padding: 18px 0px;
}
form.form_sign_inout input {
  height: 50px;
}
.boxes_common {
  margin: 10px 0;
}
section.sellpagetwo {
  padding: 80px 0px 60px;
}
.details_box_inner {
  margin: 0px auto 0;
}
div#google_translate_element select {
  width: 150px;
}
div#google_translate_element select {
  left: -24px;
}
.user_login {
  position: relative;
  left: -33px;
}
a.sigb-up-link, a.nav-link.signup_btn {
  width: max-content;
  height: 32px;
  padding: 11px 8px;
}
a.sigb-up-link {
  margin-right: 21px;
}
.wallet-section {
  gap: 10px;
}
.add-wallet-wrap {
  width: 223px;
}
.language_wrap {
  width: 32px;
  height: 32px;
}
.add-wallet-wrap {
  width: auto;
}
.wallet-section {
  width: auto;
  /* margin: 0; */
}
a.nav-link.signup_btn, a.sigb-up-link {
  width: max-content;
  padding: 12px 9px;
}
a.sigb-up-link {
  margin-right: 51px;
}
.user_login {
  left: 0px;
}
a.sigb-up-link {
  margin-right: 0;
}
body.rtl .show ul.navbar-nav {
  left: -14px;
  right: unset;
}
.show ul.navbar-nav {
  right: -10px;
}
.language_wrap_div {
  margin-right: 20px;
}
body.rtl .language_wrap_div {
  margin-left: 20px;
  margin-right: unset;
}
section.verify_mail {
  padding: 0;
}
.input_wrap input, .input_wrap input:focus, .input_wrap input::placeholder, button.btn-click p {
  font-size: 16px;
}
.transak_modal {
  width: 380px !important;
}
.transak_modal .transakContainer iframe{
  width: 100% !important;
  height: 100% !important;
}
button.eye_btn {
  bottom: 12px;
}
.mobile_form_label {
  display: block;
  width: 100%;
}
.mobile_form_label p{
  text-align: left;
}
.desktop_form_label {
  display: none;
}
.input_wrap {
  flex-direction: column;
  gap: 10px;
}
button.btn-click{
  border-left: unset;
  width: 100%;
  justify-content: space-between;
  padding-left: 0;
}
.max-here {
  width: 100%;
}
.centercontent {
  padding-left: 6px;
}
.right_gradient_part a.logo img {
  width: 47%;
  height: 58px;
}
}

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

a.nav-link.signup_btn, a.sigb-up-link {
  width: 76px;
  padding: 12px 9px;
}
.wallet-section {
  gap: 10px;
  width: auto;
}
.header {
  width: 95%;
}
.infraimg_Left img {
  height: 207px;
  margin: 30px 0 0 30px;
}
ul.stepper_list li {
  padding: 8px 10px;
}
ul.stepper_list li::before {
  left: -7px;
}
.trusted_box::before {
  left: -20px;
  top: -30px;
}
section.home_banner_main, .history_page {
  padding: 110px 0 40px;
}

.confidentily_boxes {
  padding: 0px 10px;
  margin-top: 10px;
}
.two_column_section.p-5 {
  padding: 20px 0px !important;
}
.arrow_here {
  left: -30px;
  bottom: -20px;
  width: 42px;
  height: 42px;
}
.platform-head h2 {
  margin-bottom: 10px;
}
section.Trending_section {
  padding: 30px 0 30px;
}
section.PLatform_section, section.Joinus_section {
  padding: 20px 0 20px;
}
.installation_img, .Joinus_img {
  margin-top: 0;
}
.signingimg_bottom {
  padding: 20px 0;
  width: 60%;
  margin: 0px auto;
}
button.btn_sign_in {
  height: 50px;
}
.boxe_Content p {
  margin: 0;
}
a.navbar-brand {
  width: 78px;
}
div#google_translate_element select {
  width: 143px;
}
nav.navbar.navbar-expand-lg .container-fluid {
  padding: 0px;
}
div#google_translate_element select {
  left: -44px;
}
.user_login {
  left: -60px;
}
.add-wallet-wrap {
  width: auto;
}
.wallet-section {
  width: auto;
  margin: 0;
}
a.nav-link.signup_btn, a.sigb-up-link {
  width: max-content;
  padding: 12px 9px;
}
a.sigb-up-link {
  margin-right: 51px;
}
.user_login {
  left: 0px;
}
a.sigb-up-link {
  margin-right: 0;
}
.language_wrap_div {
  margin-left: 10px;
}
.user_login .dropdown button.btn.btn-secondary {
  height: 32px;
  width: 32px;
}
.right_gradient_part a.logo img {
  width: 39%;
  height: 47px;
}
h3.mobile_auth_head {
  width: 78%;
  font-size: 22px;
  margin: 0;
}
}

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

.confidentily_boxes {
  padding: 30px 0;
}
a.navbar-brand, section.header-main.fixed-header a.navbar-brand {
  width: 70px;
}
} 

@media only screen and (max-width: 375px) {
  ul.about_list li p {
    font-size: 14px;
}

.user_login .dropdown button.btn.btn-secondary {
  height: 32px;
  width: 32px;
}
a.sigb-up-link {
  margin-right: 78px;
}
.user_login {
  left: 0px;
}
a.nav-link.signup_btn, a.sigb-up-link {
  padding: 6px 6px;
  font-size: 12px;
  margin: 0;
}
/* .header {
  width: 100%;
  gap: 0;
} */
}

@media only screen and (max-width: 359px) {
  a.nav-link.signup_btn, a.sigb-up-link {
    width: 68px;
    padding: 9px 8px;
    font-size: 13px;
    height: 30px;
}
a.navbar-brand, section.header-main.fixed-header a.navbar-brand {
  width: 50px;
}
a.nav-link.signup_btn, a.sigb-up-link {
  width: 60px;
  padding: 9px 8px;
  font-size: 11px;
  height: 26px;
}
h3.mobile_auth_head {
  width: 100%;
  font-size: 20px;
  margin: 0;
}
}




/*  */
.disbaled{
  pointer-events: none;
}
.icon-class{
  padding: 0 !important;
}
.icon-class:hover{
  cursor: pointer;
}