body {
  padding: 0px;
  margin: 0px;
}

.container-fluid {
  width: 1600px;
}

header {
  background-color: #000000;
}


.off-c-btn {
  background-color: #FFC40C;
}

.navbar-brand {
  width: 20%;
}

.n-con li a {
  color: #fff;
  padding: 5px 0px !important;
  margin: 0px 45px;
  font-size: 18px;
  font-weight: 400;
  font-family: 'Manrope', sans-serif;
  transition: all .2s;
}

.n-con li a:hover {
  color: #fff;
  padding: 5px 0px !important;
  margin: 0px 45px;
  font-size: 20px;
  font-weight: 400;
  font-family: 'Manrope', sans-serif;
  border-bottom: 4px solid #FFC40C;
}

.n-con li .active {
  color: #fff !important;
  border-bottom: 4px solid #FFC40C;

}

.login-btn {
  background-color: #FFC40C;
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  font-family: 'Manrope', sans-serif;
  border: none;
  border-radius: 0px;
  transform: skewX(-20deg);
  width: 18%;
  padding: 16px 0;
}

.login-btn:hover {
  background-color: #fff;
  color: #000000;
}

div#offcanvasExample {
  width: 80%;
  background-color: #000000;
}

.navbar-brands {
  width: 200px;
}

div#offcanvasExample ul li a {
  color: #fff;
  padding: 20px 15px;
  font-size: 17px;
  font-family: 'Manrope', sans-serif;
}

div#offcanvasExample ul li {
  border-bottom: 1px solid #ffffff2f;
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: .25em .25em;
  color: #000;
  background-color: transparent !important;
  background-image: url('../images/close.png');
  background-position: center;
  background-size: 60%;
  background-repeat: no-repeat;
  border: 0;
  border-radius: .375rem;
  opacity: 1 !important;
}

.login-btn-off-c {
  background-color: #FFC40C;
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  font-family: 'Manrope', sans-serif;
  border: none;
  border-radius: 0px;
  padding: 16px 0;
  width: 100%;
  margin: 25px 0 0 0;
}

.vide-back video {
  width: 100%;
}

.color-span {
  color: #FFC40C;
}



.banner-btn:hover {
  background-color: #fff;
  color: #000000;
}

.back-yellow {
  background-color: #FFC40C;
  padding: 40px 0;
}

.main-head {
  font-size: 50px;
  font-weight: 800;
  font-family: 'Manrope', sans-serif;
  text-transform: uppercase;
  text-align: center;
}



.hr-caption:after {
  background: #fff;
  content: 'A COMMERCIAL WEBSITE THAT LISTS WALLETS, EXCHANGES AND OTHER BITCOIN RELATED INFO';
  padding: 0 4px;
  position: relative;
  top: -13px;
  color: #000;
}

.about-sec {
  background-image: url('../images/pngegg.png');
  background-size: auto;
  background-position: left;
  background-repeat: no-repeat;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #FFC40C;
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: 700;
  color: #000000;
  text-decoration: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.nav-link:focus,
.nav-link:hover {
  color: #FFC40C;
}

.read-m-btn {
  background-color: #FFC40C;
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  font-family: 'Manrope', sans-serif;
  border: none;
  border-radius: 0px;
  transform: skewX(-20deg);
  width: 200px;
  padding: 14px 0;
  margin-top: 0px;
}

.read-m-btn:hover{
  background-color: #000;
  color: #fff;
}

.about-cont p {
  font-size: 20px;
}

.for-back {
  background-image: url('../images/serv-back.jpg');
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
  padding: 80px 0 10px 0;
}

.why-card{
  margin: 0 0 50px 0;
  padding: 0 0 80px 0;
}
.why-card img {
  width: 120px;
  align-items: center;
  position: relative;
}

.why-card .card {
  padding: 60px;
 top: 0;
  position: relative;
  transition: all .3s;
  border-radius: 20px;
}



.why-card .card-text {
  color: #000000;
  font-size: 30px;
  font-weight: 600;
  font-family: 'Manrope', sans-serif;
  position: relative;
}

.card-back {
  background-image: url('../images/card-back.png');
  background-size: 70% 100%;
  background-position: center;
  background-repeat: no-repeat;
  padding: 20px 15px 0 15px;
}

.card-back:hover .card{
top:-10px;

}

.what-sec {
  background-image: url('../images/pngegg.png');
  background-size: auto;
  background-position: right;
  background-repeat: no-repeat;
}

.what-we-do img {
  width: 50px;
  align-items: center;
  position: relative;
}

.what-we-do .card{
  border-radius: 0px;
  border: none;
  height: 280px;
  padding: 40px 20px;
  border-bottom: 1px solid #bfbfbf;
}

.what-we-do .card-text{
  font-size: 18px;
}



.what-we-do-2 img {
  width: 50px;
  align-items: center;
  position: relative;
}

.what-we-do-2 .card{
  border-radius: 0px;
  border: none;
  height: 280px;
  padding: 40px 20px;

}

.what-we-do-2 .card-text{
  font-size: 18px;
}
.support img{
width: 100px;
}

footer{
  background-image: url('../images/footer-back.jpg');
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
  padding: 100px 0;
}

footer p{
color: #fff;
}

.social-icon li{
  margin: 0px;
  padding-right: 30px;

}

.social-icon{
  margin-right: -30px;

}

.social-icon li a{
color: #FFC40C;
font-size: 22px;
}

.qlinks-ul{
  color: #fff;
}

.qlinks-ul li{
  padding: 10px 0;
}

.qlinks-ul li a{
  color: #fff;
  text-decoration: none;
}

.qlinks h4{
  color: #FFC40C;
  font-size: 22px;
  text-transform: uppercase;
}



.footer-bottom{
  background-color: #FFC40C;
  padding: 15px 0;
}