/* ------ General ------ */
:root {
  --color-primary: #7ac145;
  --color-primary-alta: #0b1310;
  --color-gray: #f6f6f6;
  --color-gray-2: #f5f8fa;
  --color-subtitle: #f9004d;
  --background-color-1: #24243557;
  --background-color-2: #13131d;
  --background-color-3: #151521;
  --background-color-4: #242435;
  --transition: 0.3s;
  --font-primary: "Roboto", sans-serif;
  --font-secondary: "Roboto", sans-serif;
}
/* ------ Header ------ */
.logo-thumbnail img {
  max-height: 65px;
  object-fit: cover;
  padding-top: 20px;
}
.haeder-default .header-left {
  flex-basis: 65%;
}
.haeder-default .header-right {
  flex-basis: 35%;
}
.active-light-mode .lang-btn {
  border-color: var(--color-border-white);
}
.lang-btn {
  border: 1px solid var(--color-border);
  border-radius: 50px;
  padding: 0px 8px 0 4px;
}
.lang-btn:hover {
  background: #a9abb3;
}
.lang-btn:hover span {
  color: rgba(0, 0, 0, .5) !important;
}
.lang-btn .btn {
  padding: 5px;
  color: var(--color-body);
}
.lang-btn img {
  width: 32px;
  height: 32px;
  margin-right: 5px;
  border-radius: 50%;
}
/* ------ Slider ------ */
.title.large-height {
  line-height: 60px;
  font-size: 44px;
}
.banner-gallery-wrapper {
  max-height: 350px;
}
.crypto-icons .category-style-one {
  height: 110px;
}
.crypto-icons .category-style-one img{
  width: 100%;
}.wallet-image-wrapper {
  margin-bottom: 20px;
}
.wallet-image-wrapper img {
  width: 64px;
  height: 64px;
  max-width: 64px !important;
}
.bg_image--mobile {
  /* background-image: url(../images/bg/mobile-banner.png); */
  background-image: url(../images/banner/01-banner.webp);
}
/* ------ Categories Section ------ */
.active-light-mode .category-style-one {
  background: transparent;
}
.active-light-mode .category-style-one:hover {
  transform: scale(1.1);
  background: transparent;
}
.active-light-mode .category-style-one:hover i {
  color: var(--color-primary-alta);
}
.active-light-mode .category-style-one:hover span.category-label {
  color: var(--color-primary-alta) !important;
}
.active-light-mode .share-btn-activation .share-btn-setting .btn-setting-text:hover, .active-light-mode ul li a:hover, .active-light-mode .maintanence-area .inner .content p a, .active-light-mode .category-style-one i {
  color: var(--color-primary-alta);
}
.category-style-one {
  padding: 5px;
  border: 0;
  background-color: transparent;
}
.active-light-mode .product-style-one::before {
  background-image: linear-gradient(100deg, #fff, #7ac145);
}
.product-style-one::before {
  background-image: linear-gradient(100deg, #13131d, #7ac145);
}
.card-thumbnail img {
  margin-bottom: 15px;
}
.product-style-one .product-name {
  text-align: center;
}
.wallets-section .card {    
  border-radius: 12px;
}
.wallets-section img {    
  width: 52px;
  border: 1px solid #ddd;
  border-radius: 12px;
}
.wallets-section h6 {    
  font-size: 18px;
}
.best-seller .product-name {
  height: 54px;
  overflow: hidden;
}
.banner-read-thumb {
  bottom: 15px;
  left: 30px;
}
.active-light-mode .wallet-section .category-style-one {
  background: transparent;
}
.active-light-mode .wallet-section .category-style-one:hover {
  background: transparent;
}
.active-light-mode .wallet-section .category-style-one:hover span.category-label {
  color: var(--color-primary-alta) !important;
}
.wallet-section .slick-dots {
  display: none !important;
}
.nice-select .option {
  font-size: 16px;
}
.nice-select .option img {
  width: 40px;
  margin: 0 5px;
}
.nice-select .current img {
  width: 32px;
  margin-right: 5px;
}
.BestSeller-section .product-style-one .card-thumbnail::before {
  content: none;
} 
.BestSeller-section .product-style-one::before {
  content: none;
}
.BestSeller-section .card-thumbnail img {
  margin-bottom: 0;
}
.BestSeller-section .product-style-one a .product-name {
  font-size: 14px;
  height: 40px;
  overflow: hidden;
}
.BestSeller-section .product-style-one .bid-react-area {
  flex-direction: column;
  align-items: center;
}
/*-------- Product details page -----------*/
.product-description p {
  font-size: 14px;
  margin-bottom: 15px;
}
.product-description h6 {
  margin-bottom: 15px;
}
.topup-box {
  background: #e0e4e7;
  border: 1px dashed #ccc;
  border-radius: 10px;
  padding: 30px 35px;
  margin-bottom: 30px;
}
.topup-box input {
  background: var(--color-gray-2);
  height: 50px;
  border-radius: 5px;
  font-size: 14px;
  padding: 10px 20px;
  border: 2px solid var(--color-border);
  border-color: var(--color-border-white);
  transition: 0.3s;
}
.active-light-mode .topup-box input[type=checkbox] ~ label::before, .active-light-mode .topup-box input[type=radio] ~ label::before {
  background: #fff;
}
.topup-box input[type=checkbox] ~ label, input[type=radio] ~ label {
  font-size: 14px;
}
/*-------- Categories page -----------*/
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #fff;
  background-color: var(--color-primary-alta);
}
.nav-pills .nav-link {
  color: var(--color-primary-alta);
  text-align: start;
  margin-bottom: 10px;
  font-size: 16px;
  padding: 10px;
}
.active-light-mode .author-button-area .btn:hover, .active-light-mode .left-nav .nav.nav-tabs button.active, .active-light-mode .left-nav .nav.nav-tabs button:hover {
  background: var(--color-primary-alta);
  color: var(--color-white);
}
.left-nav .nav.nav-tabs button {
  font-size: 16px;
  margin: 8px;
}
.left-nav {
  padding-right: 20px;
}
.rn-bid-details .rn-bid-content .top-seller-inner-one {
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
}
.rn-bid-details .rn-bid-content .top-seller-inner-one + .top-seller-inner-one {
  margin-top: 0;
  border-top: 1px solid var(--color-border);
}
/*-------- Cart page -----------*/
.single-activity-wrapper .thumbnail {
  max-width: 104px;
}
.input-step {
  border: 1px solid #ccc;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: visible;
  height: auto;
  border-radius: 10px;
  background: transparent;
  padding: 4px;
}
.input-step button {
  width: 1.4em;
  height: 1.4em;
  font-weight: 300;
  line-height: .1em;
  font-size: 1.4em;
  padding: .2em !important;
  background: var(--color-white);
  color: var(--color-primary-alta);
  border: none;
  border-radius: 10px;
  display: inline-block;
}
.input-step input {
  width: 4em;
  height: 100%;
  text-align: center;
  border: 0;
  background: 0 0;
  color: var(--color-primary-alta);
  border-radius: 10px;
  display: inline-block;
  margin: auto;
}
.single-activity-wrapper .inner .read-content {
  display: flex;
  align-items: center;
  width: 500px;
}
.rn-service-one:hover .inner > * {
  transform: translateY(10px);
}
.hr-line {
  width: 100%;
  height: 1px;
  background: #ccc;
}
.summary-table tbody tr td {
  padding: 7px 5px !important;
}
.form-wrapper-one input[type=checkbox] ~ label, input[type=radio] ~ label {
  font-size: 15px;
  line-height: 24px;
}
.active-light-mode .form-wrapper-one input[type=checkbox] ~ label::before, .active-light-mode .form-wrapper-one input[type=radio] ~ label::before {
  background-color: var(--color-white);
  border: 1px solid #999;
  top: 6px;
}
.wallets-services .radio-img {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 10px 20px;
  width: 300px;
}
.wallets-services .radio-img img{
  height: 30px;
}
.product-share-wrapper .profile-share {
  display: flex;
  align-items: center;
}
.product-share-wrapper .profile-share a {
  position: relative;
  z-index: 1;
  transition: var(--transition);
}
.avatar::after, .avatar::before {
  --scale: 0;
  --arrow-size: 8px;
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%) translateY(var(--translate-y, 0)) scale(var(--scale));
  transition: 150ms transform;
  transform-origin: bottom center;
}
.avatar::before {
  --translate-y: calc(-100% - var(--arrow-size));
  content: attr(data-tooltip);
  color: var(--color-white);
  padding: 5px 8px;
  background: var(--color-primary-alta);
  width: max-content;
  border-radius: 5px;
  text-align: center;
}
.avatar::after {
  --translate-y: calc(-1 * var(--arrow-size));
  content: "";
  border: var(--arrow-size) solid transparent;
  border-top-color: var(--color-primary-alta);
}
.product-share-wrapper .profile-share a img {
  max-width: 30px;
  border-radius: 50%;
  border: 2px solid var(--color-border);
  transition: var(--transition);
}
/*-------- Profile page -----------*/
.upcoming-projects tr th {
  padding: 20px 16px !important;
}
tbody tr td {
  padding: 20px 16px !important;
}
.upcoming-projects tbody td:first-child {
  border-radius: 5px 0 0 5px;
  width: 130px;
}
.profile-tabs .tab-pane {
  min-height: 390px;
}
.logout-btn {
  width: 100%;
  padding: 5px;
}
.logout-btn .btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}
.rn-section-gapTop {
  padding-top: 50px;
}
/*-------- Login page -----------*/
.social-share-media .another-login {
  text-align: left;
  margin-bottom: 24px;
}
/*-------- Loyalty page -----------*/
.rn-statistick-area .description {
  padding-right: 220px;
  font-size: 19px;
}
.loyalty-head .inner .icon img {
  max-height: 350px;
} 
.loyalty-head .inner .icon {
  position: absolute;
  z-index: 2;
  right: -50px;
  top: -80px;
}
.how-to-get {
  padding: 20px 30px;
}
.how-to-get .inner .icon {
  position: static;
}
.how-to-get .inner .icon img {
  max-height: 48px;
}
.points-desc {
  margin: 0 auto 30px;
  width: 500px;
}
.get-points {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-bottom: 32px;
}
.get-points .inner{
  border-radius: 16px;
  padding: 16px;
  width: 200px;
  text-align: center;
}
.get-points .inner img{
  width: 48px;
}

@media only screen and (max-width: 479px) {
  .rn-statistick-area .description {
    padding-right: 0;
  }
  .loyalty-head .inner .icon img {
    max-height: 170px;
  }
  .loyalty-head .inner .icon {
    position: absolute;
    z-index: 2;
    right: 8px;
    top: -70px;
}
  .rn-service-one .points-desc {
    width: 100%;
  }
  .rn-service-one .get-points {
    flex-direction: column;
  }
  .rn-service-one .get-points .inner{
    width: 100%;
    display: flex;
    gap: 32px;
    align-items: flex-start;
    padding: 8px 24px 16px;
  }
  .get-points .inner img {
    width: 48px;
    padding-top: 10px;
  }
  .rn-service-one .get-points .inner .content {
    padding: 0;
    text-align: start;
  }
  .rn-service-one .get-points .inner .content .description {
    background: #7ac145;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    margin: 0 0 10px;
    width: 110px;
  }
}
/*============================================
                  Media
============================================*/
@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1336px;
  }
}
@media only screen and (max-width: 479px) {
  /*---- Header ----*/
  .haeder-default .header-inner {
    display: flex;
    padding: 5px 0;
  }
  .haeder-default .header-right {
      justify-content: end;
      flex-basis: 100%;
      margin-top: 5px;
  }
  .search-form-wrapper input {
    width: 100%;
    height: 32px;
  }
  .lang-btn {
    border: 0;
    padding: 0;
  }
  .lang-btn img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    margin: 0;
  }
  .lang-btn span {
    display: none;
  }
  .logo-thumbnail img {
    max-height: 65px;
    padding-top: 12px;
  }
  .rn-header {
    border: 0;
  }
  /*---- Slider ----*/
  .bg_image--mobile {
    min-height: auto;
    padding: 42px 0;
  }
  .mobile-banner {
    padding-top: 10px;
  }
  .mobile-banner .slider-style-6 {
    padding: 0px;
  }
  /*---- Categories ----*/
  .en-product-area {
    margin-top: 5px;
  }
  .en-product-area .slick-list {
    height: 120px;
  }
  .en-product-area .slide-arrow {
    display: none !important;
  }
  .en-product-area .slick-dots {
    display: none !important;
  }
  h3, .h3 {
    font-size: 20px;
  }
  .en-product-area .single-slide-product {
    width: 115px !important;
  }
  .en-product-area .category-style-one {
    text-align: center;
  }
  .en-product-area .category-label {
    height: 48px;
  }
  .slick-gutter-15 .slick-slide {
    padding: 20px 5px 5px;
  }
  .BestSeller-section .slick-gutter-15 .slick-slide {
    padding: 30px 8px 15px;
  }
  /*---- Sections ----*/
  .rn-section-gapTop {
    padding: 5px 0;
  }
  .rn-section-gapTop .mb--20 {
    margin-bottom: 10px !important;
  }
  .card-thumbnail img {
    margin-bottom: 7px;
  }
  .product-style-one {
    padding: 20px 20px 7px;
  }
  .product-style-one a .product-name {
    font-size: 16px;
  }
  .slide-arrow {
    background: transparent !important; 
  }
  .rn-section-gap {
    padding: 40px 0;
  }
  .text-sm-end {
    text-align: end !important;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
  }
  button.slide-arrow.slide-arrow {
    top: 7px !important;
  }
  .games-section .single-slide-product {
    width: 188px !important;
  }
  .games-section .slick-dots {
    display: none !important;
  }
  .games-section .product-name {
    height: 24px;
  }
  .games-section .product-style-one {
    padding: 20px 20px 5px;
}
  .banner-area .single-slide {
    width: 172px !important;
    padding: 0 5px;
  }
  .banner-area .single-slide .inner {
    padding: 5px;
  }
  .banner-area .banner-read-thumb {
    bottom: 2px;
    left: 15px;
  }
  .banner-area .banner-read-thumb h4 {
    font-size: 16px;
  }
  .slider-style-6 .slide {
    min-height: auto;
    padding: 95px 0;
  }
  /*---- Footer ----*/
  .footer-widget .widget-title {
    font-size: 20px;
    margin-bottom: 15px;
}
  .app-buttons ul {
    display: flex;
    gap: 15px;
  }
  .footer-recent-post li.recent-post {
    padding: 0;
  }
  .footer-recent-post li + li.recent-post {
    border-top: 0;
  }
}