/* Reown AppKit Modal Fix for Mobile */
w3m-modal, appkit-modal {
  --w3m-z-index: 9999;
}

w3m-modal::part(wui-card),
appkit-modal::part(wui-card) {
  max-height: 90vh !important;
  overflow-y: auto !important;
}

/*for mobile*/
@media only screen and (max-width:760px) {

/* AppKit Modal Scroll Fix */
w3m-modal, appkit-modal {
  position: fixed !important;
  overflow-y: auto !important;
}

w3m-modal::part(wui-flex),
w3m-modal::part(wui-card),
appkit-modal::part(wui-flex),
appkit-modal::part(wui-card) {
  max-height: 85vh !important;
  overflow-y: auto !important;
}

.p-5 {padding: 1.5rem !important;}
.mt-5, .my-5 {margin-top:1.5rem !important;}
.mb-5, .my-5 {margin-bottom:1.5rem !important;}
.pb-5, .py-5 {padding-bottom: 2rem !important;}
.pt-5, .py-5 {padding-top: 2rem !important;}
.mb-4 {margin-bottom: 1rem !important;}
.mt-4 {margin-top: 1rem !important;}
.p-3 {padding: .7rem !important;}
.gap-2 {gap: .3rem !important;}
.gap-3 {gap: .5rem !important;}
.gap-4 {gap: 1rem !important;}
.gap-5 {gap: 1.5rem !important;}
.g-6 {--bs-gutter-y: 2rem;  --bs-gutter-x: 2rem;}
.g-5, .gy-5 {--bs-gutter-y: 1.5rem;}
.g-5, .gx-5 { --bs-gutter-x: 1.5rem;}
.g-4, .gy-4 {--bs-gutter-y: 1rem;}
.g-4, .gx-4 { --bs-gutter-x: 1rem;}
.fs-4 {font-size: calc(0.8rem + .3vw) !important;}
.fs-1 {font-size: calc(1.1rem + 1.5vw) !important;}
.fs-2 {font-size: calc(1rem + 1.5vw) !important;}
.fs-5 {font-size: 1rem !important;}
.h5, h5 {font-size: 1rem;}
.mb-2 {margin-bottom: .2rem !important;}

.ms-5 {margin-left: 1.5rem !important;}
.ms-4 {margin-left: 1rem !important;}
.p-4 {padding: .8rem !important;}
body{font-size: 13px;}
.header_logo{width: 140px; }
.box-background {width: 100vw; height: auto; object-fit: contain; top: 6rem;}
.app-box{display: block; margin-top: 66px;}
.left-area{ padding: 1rem;}
.right-area{ padding: 1rem; height: unset; min-height: unset; min-width: 100%;}
header .theme_btn {padding: 8px 15px;}



}
/*for medium mobile*/
@media only screen and (min-width:480px) and (max-width:760px) {


}
/*for tablet*/
@media only screen and (min-width:760px) and (max-width:1000px) {



}

/*for destop*/
@media (min-width: 1200px){
 

 }