@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Poppins', sans-serif;
}

a {
  text-decoration: none;
}

.pad-tb {
  padding: 100px 0;
}

.pad-top {
  padding-top: 100px;
}

.m-top {
  margin-top: 150px;
}

img {
  width: 100%;
  height: auto;
}

.flex-items {
  display: flex;
  justify-content: space-between;
}

/* *****hover-effect****** */
.hover-effect {
  transition: all 0.3s ease-in-out;
}

.hover-effect:hover {
  transform: translateY(-5px);
}

/* scroll-top-button*/
#btnScrollToTop {
  position: fixed;
  right: 50px;
  bottom: 100px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-image: linear-gradient(90deg, #6443f8 0%, #d217cb 100%);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  color: #fff;
  cursor: pointer;
  outline: none;
  border: none;
  display: none;
  z-index: 999;
}

#btnScrollToTop:active {
  background: #d217cb;
}

#btnScrollToTop i {
  font-size: 40px;
}

/* ---banner-top-part------- */
.banner-top {
  background-image: url(../assets/home-banner-background.jpg);
  background-position: center;
}


 /* ***navbar-styling***** */
 /* ---navbar for home,about,blog,contact,product-detail and checkout-page----- */
 .brand-logo{
  width: 110px;
 }
#header ul li {
  position: relative;
}

#header ul li a {
  color: white !important;
}

#header ul li::after {
  content: '';
  background-image: linear-gradient(90deg, #6443f8 0%, #d217cb 100%);
  width: 0px;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 60px;
  transition: 0.2s;
}

#header ul li:hover::after {
  width: 15px;
}

.navbar-toggler:focus {
  color: transparent;
}

.navbar-toggler i {
  font-size: 35px;
}

/* *****sign-in-button***** */
 .sign-up {
  padding: 16px 45px 19px 45px;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  color: white;
  border: 1px solid #ffffff;
  background: transparent;
  display: inline-block;
  margin-left: 30px;
}

.hover-effect-sign {
  transition: all 0.3s ease-in-out;
}

.hover-effect-sign:hover {
  transform: translateY(-5px);
  background-color: #ffffff;
  color: purple;
}  

/* ***upper-part***** */
#header .upper-part h1 {
  font-size: 64px;
}

#header .upper-part p {
  line-height: 35px;
}

.numbers {
  padding: 15px;
  background-color: #20203e;
  margin-top: 80px;
}

.numbers .rect {
  border-right: 1px solid gray;
  padding-left: 10px;
  padding-right: 20px;
}

.numbers .rect span {
  color: #d217cb;
}

/* ******header-text-part****** */
.upper-part h1 span {
  color: #d217cb;
}

/* **********eth-box****** */
.eth-box-img img {
  width: 39px;
  height: 39px;
  object-fit: cover;
  border-radius: 50%;
}

.eth-box-bid {
  display: flex;
  justify-content: space-between;
}

.eth-box-bid .left-part h4 small {
  font-size: 14px;
}

.eth-box {
  background-image: url(../assets/eth-background.png);
  background-repeat: no-repeat;
  background-position: center;
  padding: 43px 47px 34px 38px;
  max-width: 473px;
}

.img-2 {
  position: relative;
  bottom: 92px;
  right: 0;
  left: 0;
}

.eth-box a {
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  padding: 15px 26px;
  text-decoration: none;
  display: inline-block;
  color: #ffffff;
  background-image: linear-gradient(90deg, #6b43f8 0%, #d217cb 100%);
}

/* -----bannner-2--part------------ */
.banner-2 {
  background-image: url(../assets/plain-background-img.jpg);
}

/* ******auctions***** */
.auctions h6 {
  color: #d317cb;
  font-size: 18px;
  line-height: 24px;
}

.auctions h2 {
  font-size: 50px;
  letter-spacing: 3px;
}

/* ******owl-carousel******* */
.auction-box-img img {
  width: 100%;
  height: 264px;
  object-fit: cover;
}

.auction-user-img img {
  width: 53px !important;
  height: 53px;
  object-fit: cover;
  border-radius: 50%;
}

.name-user {
  display: block;
}

.left-name {
  flex-grow: 1;
}

.auction-box {
  background-color: #20203e;
  color: white;
}

.btn-link {
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  padding: 12px 23px;
  text-decoration: none;
  display: inline-block;
  color: #ffffff;
  background-image: linear-gradient(90deg, #6443f8 0%, #d217cb 100%);
}

.hover-effect {
  transition: all 0.3s ease-in-out;
}

.btn-link:hover {
  background-image: linear-gradient(90deg, #d217cb 0%, #6443f8 100%);
  color: white;
}

.hover-effect:hover {
  transform: translateY(-5px);
}

/* ******fa-star***** */
.left-name .fa {
  color: yellow;
}

/* ----------banner-3-section------- */
.banner-3 {
  background-image: url(../assets/glitter-background.jpg);
}

.box-icon .text {
  padding-top: 15px;

}

.box-icon .text p {
  line-height: 30px;
}

/* ****title***** */
.title h6 {
  color: #d317cb;
  font-size: 18px;
  line-height: 24px;

}

.title h2 {
  font-size: 50px;
  letter-spacing: 3px;
}

.creat-box-img img{
  width: 65px;
  height: auto;
}

/* -------button------ */

.sell-btn {
  padding: 23px 30px;
}

/* -----banner-5-------- */
.banner-5 {
  background-image: url(../assets/glitter-background.jpg);
}

/* ******tabs******** */


.tabs-wrap{
  padding: 20px;
}
.tabs-wrap{
  display: flex;
  color: #fff;
  justify-content: center;
}


.tabs-wrap li{
  list-style: none;
  cursor: pointer;
}
.tab-link.active {
  background-image: linear-gradient(90deg, #6443f8 0%, #d217cb 100%);
  color: white;
  border: 2px solid #2e2e4f;
}
.tab-link {
  border: 2px solid #2e2e4f;
  margin-right: 1rem;
  color: #ffffff;
  padding: 10px 35px;
  background-color: #20203e;
}
.tab-link:hover {
  background-image: linear-gradient(90deg, #6443f8 0%, #d217cb 100%);
  border: 2px solid #2e2e4f;
}

/* --aniomation tabs----*/
.animation-tabs{
  animation: fade-in 2s;
  
}
@keyframes fade-in {
  from {
      opacity: 0;
  }
  to{
      opacity: 1;
  }
}

/* ******tabs-content******** */
.tab-content p{
  font-size: 14px;
}

.product-box {
  background-color: #20203e;
  color: white;
  border: 2px solid #2e2e4f;
}

.product-box-img img {
  width: 100%;
  height: 177px;
  object-fit: cover;
}

.product-user-img img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}

.user {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

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

.current-bid {
  display: flex;
  justify-content: space-between;
}

.love-icon {
  background-color: hsl(240, 36%, 16%);
}

.love-icon .fa {
  color: pink;
}

.product-box-name .fa {
  color: yellow;
}

/* *****button******* */
.btn-link {
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  padding: 12px 23px;
  text-decoration: none;
  display: inline-block;
  color: #ffffff;
  background-image: linear-gradient(90deg, #6443f8 0%, #d217cb 100%);
}

.btn-link:hover {
  background-image: linear-gradient(90deg, #d217cb 0%, #6443f8 100%);
  color: white;
}

/* ------bannner-6------ */
.banner-6 {
  background-image: url(../assets/plain-background-img.jpg);
}

/* *****carousel-items******** */

.seller-user {
  position: relative;
}

.seller-box-2 {
  background-color: #20203e;
}

.seller-user img {
  position: absolute;
  top: -50px;
  left: 0px;
  right: 0;
  margin: 0 auto;
}

.seller-user-text {
  padding: 50px 0 10px 0px;
}

.seller-img {
  width: 108px !important;
  height: 108px;
  object-fit: cover;
  border-radius: 50%;
}

/* -------banner-7----------- */
.banner-7 {
  background-image: url(../assets/glitter-background.jpg);
}

/* *****button***** */
.work-button {
  border: 1px solid #2e2e4f;
  background-color: #20203e;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  padding: 12px 23px;
  text-decoration: none;
  display: inline-block;
  color: #ffffff;
}

.work-button:hover {
  background-image: linear-gradient(90deg, #d217cb 0%, #6443f8 100%);
  color: white;
  transform: translateY(-5px);
}

/* ------banner-8------- */

.banner-8 {
  background-image: url(../assets/plain-background-img.jpg);
}

/* *****testinomials***** */
.user-detail {
  display: flex;
}

.client-testimonials {
  background-color: #20203e;
  border: 1px solid #2e2e4f;
}

.client-testimonials img {
  width: 45px !important;
}

.user-text p {
  font-size: 14px;
}

.testimonial-user-img img {
  border-radius: 50%;
  width: 52px;
  height: 45px;
  object-fit: cover;
}

/* ******join-us***** */
.bg-join {
  background-image: linear-gradient(90deg, #6443f8 0%, #d217cb 100%);
  padding: 50px 50px 80px 50px;
}

.bg-join .form-control {
  background: #ffffff;
  border: none;
  height: 61px;
  line-height: 61px;
  padding: 0 25px;
  font-size: 18px;
  font-weight: 500;
  border-radius: 0;
  max-width: 550px;
  display: inline-block;
  margin-right: 12px;
  box-shadow: none;
}

.subscribe-btn {
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  padding: 21px 35px;
  text-decoration: none;
  display: inline-block;
  color: #fff;
  border: 1px solid #fff;
  background: transparent;
}

/* ------banner-9 ----------*/

.banner-9 {
  background-image: url(../assets/glitter-background.jpg);
}

.logo-img img {
  width: 152px;
  height: auto;
}

/* ****social-links******* */
.social-links .fa {
  color: white;
  height: 50px;
  width: 50px;
  margin: 0px 3px;
  border-radius: 50px;
  background-color: #2e2e4f;
  font-size: 15px;
  line-height: 50px;
  transition: 0.3s;
}

.social-links .fa:hover {
  background-image: linear-gradient(90deg, #6443f8 0%, #d217cb 100%);
}

::marker {
  color: #d317cb;
}

.footer ul li a {
  color: #9797b9 ;
  transition: 0.2s ease-out;

}
.footer ul li a:hover {
  color: #d317cb;
  cursor: pointer;
  transform: translateY(-5px);
}

.footer ul li {
  line-height: 40px;
  color: #9797b9 ;
  transition: 0.2s ease-out;
}

.footer ul li:hover {
  color: #d317cb;
  cursor: pointer;
  transform: translateY(-5px);
}


.logo-img p {
  color: #9797b9;
}

.contact-details ul li {
  list-style: none;
}

.contact-details .fa {
  color: #d317cb;
}