.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: white;
  color: green;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: #fff;
}


.nav-pills .nav-link {
width: 8.9rem;
  border-radius: 0.30rem;
  font-size: 12px;
  text-transform: uppercase;
  padding: 8px 40px 8px;
  line-height: 1;
  background-color: #d4d5d9;
  font-weight: 600;
  color: green;
  margin: 0.2rem;
}

@media only screen and (min-width: 1180px){
#ex1{
  margin-left: 60px;
}
}

.mod-body{
  background-color: rgb(14 69 73 / var(--tw-bg-opacity));
  border-radius: 1.5rem;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  padding: 1.5rem;
  position: relative;
}

.content{
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 1.2rem;
  outline: 0;
}




.w-text {
  color: rgba(60, 66, 82, 0.6);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.1875em;
  margin: 10px 0 20px 0;
  text-align: center;
  width: 100%;
}




.w-text {
  color: rgba(60, 66, 82, 0.6);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.1875em;
  margin: 10px 0 20px 0;
  text-align: center;
  width: 100%;
}



.walletconnect-se__input {
  border: none;
  background: #d4d5d9;
  border-style: none;
  padding: 8px 16px;
  outline: none;
  font-style: normal;
  font-stretch: normal;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  border-radius: 8px;
  width: calc(100% - 16px);
  margin-left: 0;
  margin-bottom: 8px;
}

@media only screen and (min-width: 768px){
.w-connect__buttons__wrapper__wrap {
  margin-top: 40px;
}
}

.w-connect__buttons__wrapper__wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 10px 0;
}



.w-connect__button__icon_anchor {
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 8px;
  width: 42px;
  justify-self: center;
  flex-direction: column;
  text-decoration: none !important;
}

.w-connect__button__icon {
  border-radius: 10px;
  height: 42px;
  margin: 0;
  width: 42px;
  background-size: cover !important;
  box-shadow: 0 4px 12px 0 rgb(37 41 46 / 25%);
}


.carousel-indicators-numbers {

}



.carousel-indicators [data-mdb-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 0px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: 10px;
  cursor: pointer;
  background-color: chartreuse;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  /* opacity: .5; */
  transition: opacity .6s ease;
}


.carousel-indicators {
  /* position: absolute; */
  right: 0;
  /* bottom: 0; */
bottom: -22px;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none;
}

.carousel-control-prev-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
  display: none;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
  background-image: none;
  display: none;
}


.modal-dia {
  max-width: 500px;
  margin: 4.75rem auto;
}


*{
box-sizing: border-box;
}

.container{
/* max-width: 1000px; */
/* margin: auto; */
margin-top: 40px


}



.cardi {
box-shadow: none;
}


* {
box-sizing: border-box;
}

.p-0\.5 {
padding: 0.125rem;
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.rounded-md {
border-radius: 0.375rem;
}


audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
display: block;
}

.font-semibold {
font-weight: 600;
}
.text-xl {
font-size: 20px;
line-height: 28px;
}
.ml-5 {
margin-left: 1.25rem;
}