.min_400 {
  min-width: 400px
}

.jnGUrh {
  position: relative;
}

.my_custom_sidebar {
  position: absolute;
  left: 130px;
  top: 30%;
}

.mcs_items a :hover {
  text-decoration: underline;
}

.mcs_items a svg {
  margin-right: 15px;
  color: #9194ac;
  font-size: 24px;
}

.mcs_items a {
  display: flex;
  cursor: pointer;
  color: #5c6081;
  font-family: "Livvic", Inter, Arial, sans-serif;
  font-weight: 600;
  font-size: 22px;
  letter-spacing: 1px;
  padding: 11px;
  border-radius: 16px;
  text-decoration: none;
}

.mcs_items .active {
  background-color: #131a2a;
}

/* marquee */
.app_wrap {
  position: relative;
  height: 100vh;
}

.app_filed {
  position: absolute;
  width: 100%;
}

.marquee {
  position: absolute;
}

.marquee .m_style {
  opacity: 0.2;
  margin: 0;
  font-family: 'Londrina Outline', cursive;
  font-size: 250px;
  color: #5c6081;
  font-weight: 300;
}

.swap_coin {
  border-radius: 100% !important;
}


.top_bg {
  background-size: cover !important;
  background-image: url('top.PNG') !important;
  background-position-x: center !important;
  background-position-y: bottom;
}

.bottom_bg_wrap {
  background-size: cover !important;
  background-image: url('./bottom.PNG');
  background-position-x: center !important;
}


.social_links svg {
  color: #5c6081;
}

.social_links {
  margin-top: 100px;
  position: absolute;
  align-items: center;
  gap: 40px;
  display: flex;
  bottom: 40px;
}

.crypto_marquee {
  width: 400px;
  height: 50px;
  background-color: #1c2b25;
  border-radius: 40px;
  padding: 0 20px;
}

.crypto_marquee marquee {
  line-height: 50px;
}

.crypto_mr_item img {
  width: 30px;
}

.crypto_mr_item {
  display: flex;
  align-items: center;
  gap: 10px;
}
 
#swap-page {
  background-color: transparent !important;
  border: 0px !important;
}

.top_input_box {
  background: #0c0e1d !important;
  border-radius: 30px !important;
  padding: 0 10px !important;
}

.top_input_wrap {
  padding-top: 20px;
}

.top_input {
  font-size: 20px !important;
}

.kRewAZ_Center {
  display: flex;
  align-items: center;
  justify-content: center;
} 

.open-currency-select-button {
  border-radius: 10px !important;
  padding: 5px 12px !important;
}

#swap-page {
  display: flex;
  flex-direction: column;
}

.top_bg ,
.bottom_bg_wrap {
  padding: 25px !important;
}

.token-amount-input {
  height: 60px !important;
}

.top_bg ,
.bottom_bg_wrap {
  border: 0px !important;
  background-color: transparent !important;
}

.top_bg:before ,
.bottom_bg_wrap:before 
{
  border: 0 !important;
}

.swap_coin {
  height: 75px !important;
  width: 75px !important;
}
.swap_box_width {
  max-width: 780px !important;
}


/* Nav Menu  */

.my_custom_mobile_menu{
  cursor: pointer;
  position: relative;
}
.mobile_nav_menu_icon{
  margin: 0 20px;
  padding: 7px;
  color: white;
  border: 1px solid gray;
  border-radius: 8px;
}
.my_custom_mobile_menu_content{
  position: absolute;
  display: none;  
  padding: 20px;
  background: #111524;
  border-radius: 25px;
}

.my_custom_mobile_menu:hover .my_custom_mobile_menu_content{
  display:block
}


/* Default styles (apply to all screen sizes) */
.my_custom_sidebar,
.my_custom_mobile_menu {
  display: none; /* Initially hide both elements */
}

/* Styles for screens wider than 1024px */
@media only screen and (min-width: 1025px) {
  .my_custom_sidebar {
    display: block; /* Show sidebar on large screens */
  }
}

/* Styles for screens narrower than 1024px */
@media only screen and (max-width: 1024px) {
  .my_custom_mobile_menu {
    display: block; /* Show mobile menu on small screens */
  }
}
._1klryar0.rgw6ez4ry.rgw6ezvd.rgw6ez3k.rgw6ez7y5 img{
  width: 100px;
}