@charset "UTF-8";
@import url("../fonts/fonts.css"); 

body{
	background:#130127;
}

.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
    display: block;
}
.navbar-expand-lg .navbar-nav .nav-link {
	font-family:GaretBook;
	font-size:1.01em;
	color:#fff;
	margin: 0 15px;
	padding-left: 0px;
	padding-right: 0px;
}
.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
  color: var(--bs-btn-active-color);
  background-color: transparent;
  border-color: none;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    
    background: rgba(0,0,0,0.5);
}
.dropdown-item {
	color:#fff;
	font-family:GaretBook;
	font-size:1.1em;
}
.my_blockchain{
	background: transparent;
    border: none;
	font-family:GaretBook;
	font-size:1.1em;
	   padding: 24px;
}
.pd-top-25{
	padding-top:25px;
}
.nav_connect_wallet{
	padding-top:12px;
	margin-left:11%;
}
.navbar-expand-lg .navbar-nav {
    padding-top: 12px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    /* margin-left: 52px; */
    width: 100%;
}
.bg-light {
    background-color: #130127 !important;
}

.banner{
	background:url(../img/banner.jpg) no-repeat center center;
	padding:12% 0;
	min-height:650px;
	
}
.banner h1{
	font-family:KenyanCoffeeBd;
	text-align:center;
	color:#fff;
	font-size: 2.1em;
}
.banner h2{
	font-family:GaretBook;
	text-align:justify;
	color:#fff;
	    font-size: 1em;
    max-width: 852px;
	margin:0 auto;
	padding: 22px;
}
.banner .btn_connect{
	text-align:center;
	margin-top:2em
}
.nomics-ticker-widget-embedded.nomics-ticker-widget-bg-light {
    background-color: #dda0dd !important;
}
.counter{
	margin-top:3em;
}
.counter h1{
	font-family:KenyanCoffeeBd;
	text-align:center;
	color:#fff;
	font-size: 1.6em;
	
}
.counter h2{
	font-family:GaretBook;
	text-align:center;
	color:#cfa5ff;
	font-size: 1.5em;
	
}
.counter p{
	font-family:GaretBook;
	text-align:left;
	color:#fff;
	font-size: 1em;
	
}
.home-about{
	margin-top:3em;
}
.home-about h1{
	font-family:KenyanCoffeeBd;
	color:#fff;
	font-size: 1.8em;
	text-align: left;
}
.home-about p{
	font-family:GaretBook;
	color:#fff;
	font-size: 1em;
	text-align: left;
}
.how-it-works{
	margin:	4em;
}
.how-it-works h1{
	font-family:KenyanCoffeeBd;
	color:#fff;
	font-size: 2em;
	text-align:center;
}
.how-it-works img{
	margin:	2em auto;
	width:35px;
}
.how-it-works h2{
	font-family:KenyanCoffeeBd;
	color:#c233c4;
	font-size: 1.7em;
	text-align:left;
	margin-top:1em;
}
.how-it-works p{
	font-family:GaretBook;
	color:#fff;
	font-size: 1em;
	text-align:left;
}



/*footer*/
.col_white_amrc { color:#FFF;     text-align: left;}
footer { width:100%; background-color:#130020; min-height:250px; padding:10px 0px 25px 0px ;}
.pt2 { padding-top:40px ; margin-bottom:20px ;}
footer p { font-size:15px; color:#CCC; padding-bottom:0px; margin-bottom:2px; margin-top:20px; }
.mb10 { padding-bottom:15px ;}
.footer_ul_amrc { margin:0px ; list-style-type:none ; font-size:14px; padding:0px 0px 10px 0px ;    text-align: left; }
.footer_ul_amrc li {padding:0px 0px 5px 0px;}
.footer_ul_amrc li a{ color:#CCC; text-decoration:none;}
.footer_ul_amrc li a:hover{ color:#fff; text-decoration:none;}
.fleft { float:left;}
.padding-right { padding-right:10px; }

.footer_ul2_amrc {margin:0px; list-style-type:none; padding:0px;}
.footer_ul2_amrc li p { display:table; }
.footer_ul2_amrc li a:hover { text-decoration:none;}
.footer_ul2_amrc li i { margin-top:5px;}

.bottom_border { border-bottom:1px solid #424242; padding-bottom:20px;}
.foote_bottom_ul_amrc {
	list-style-type:none;
	padding:0px;
	display:table;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.foote_bottom_ul_amrc li { display:inline;    border-right: 1px solid #ccc;}
.foote_bottom_ul_amrc li a { color:#999; margin:0 50px; text-decoration:none;}

.social_footer_ul { display:table; margin:15px auto 0 auto; list-style-type:none;  }
.social_footer_ul li { padding-left:20px; padding-top:10px; float:left; }
.social_footer_ul li a { color:#CCC; border:1px solid #CCC; padding:8px;border-radius:50%;}
.social_footer_ul li i {  width:20px; height:20px; text-align:center;}

footer{
	margin-top:4em;
}

/* end footer */
.modal-content {
	background-color:#1b1e29;
}
.modal-header .btn-close {
	color:#ccc;
}
.walletList{
	background:#252833;
	padding:10px;
	width:100%;
	border-radius:6px;
	margin:3px 0;
	    text-align: left;
}
.walletList a{
	text-decoration:none;
	color:#ccc;
	    font-size: 1.1em;
}
.walletList:hover{
	text-decoration:none;
		background:#323232;
}
.walletList a:hover{
	text-decoration:none;
	color:#fff;
}


.about_banner{
	background:url(../img/about.jpg) no-repeat center center;
	padding:8% 0;
	
	
}
.about_banner h1{
	font-family:KenyanCoffeeBd;
	text-align:center;
	color:#fff;
	font-size: 3em;
}
.faq h1{
	font-family:GaretBook;
	text-align:center;
	color:#fff;
	font-size: 2.3em;
	margin-bottom:2em
}
.faq h2{
	font-family:GaretBook;
	text-align:left;
	color:#fff;
	font-size: 1.3em;
	margin-top:1.5em;
}
.faq p{
	font-family:GaretBook;
	text-align:left;
	color:#fff;
	font-size: 1em;
	
}
.swap-body{
	padding:1.5em 2em;
	background:#1b1e29;
	    border-radius: 8px;
	
}
.swap-inner{
	padding:.2em 1em;
	background:#232734;
	border-radius:5px;
}
.swap-inner h6{
	color:#fff;
	margin:2px 0;
	    padding: 12px;
}
.select-token{
	padding: 7px 10px;
    border-radius: 12px;
	background:#404557;
	margin:1px 10px;
	text-decoration:none;
	color:#ccc;
	
}
a {
	text-decoration:none;
}
.select-token :hover{
	color:#ccc;
}
.select-token img{
	width:25px;
}
.tokenList{
	background: #252833;
    padding: 5px;
    width: 100%;
    border-radius: 2px;
    margin: 3px 3px;
    border: 1px solid #6c757d;
}
.tokenList a{
	text-decoration:none;
	color:#ccc;
	    font-size: 1em;
}
.tokenList:hover{
	text-decoration:none;
		background:#323232;
}

.modal .input-group>.form-control, .input-group>.form-floating, .input-group>.form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    background: transparent;
    border: 1px solid #555d66;
}
.btn-close {
    background: url(../img/x.png) no-repeat center center;
}
	.equal{
	margin:8px 0
}
.swap h1{
	font-family:GaretBook;
	text-align:center;
	margin-bottom:1em;
}
.swap-btn{
	width:100%;
	color:#fff;
	background:#ac0dc3;
	border:1px solid #ac0dc3;
	    font-size: 1.3em;
    margin-top: 1em;
}
.swap-btn:hover{
	background:#9807ad;
	border:1px solid #9807ad;
}

@media screen and (max-width: 600px) {
	.banner h1 {
    font-size: 2em;
}
.banner h2 {
  font-size: 1em;
}
.banner {
  min-height: 341px;
}
.counter h1 {
  font-size: 1.2em;
}
.counter h2 {
  font-size: 1em;
}
.home-about h1 {
  font-size: 1.5em;
}
.home-about p {
  font-size: 1em;
}
.how-it-works h1 {
  font-size: 1.5em;
}
.how-it-works h2 {
  font-size: 1.2em;
}
.how-it-works p {
  font-size: 1.2em;
}
.foote_bottom_ul_amrc li a {
  margin: 0 21px;
}
.faq h2 {
  font-size: 1.3em;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
  background: rgb(0, 0, 0);
}
.navbar-expand-lg .navbar-nav {
  background: #1a1717;
}
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #c233c1;
    --bs-btn-border-color: #c233c1;
}
label {
    color: #fff;
}
.walletAddress{
	font-family: GaretBook;
    font-size: 1.1em;
    color: #fff;
    margin: 0 15px;
	padding: 10px 0px;
}
.cg-container canvas {
    background-color: #f0c0fd;
}