/*----------=CSS=----------*/

@media (max-width: 1400px) {

   /*----------FOOTER----------*/

  input#textToCopy {
font-size: 0.75vw;
  }

  /*LOGIN*/
  .login-card {
    width: 100%;
  }
  .signup-card {
    width: 100%;
  }
}

@media (max-width: 850px) {
  .content-flex-toggle-drop {
  flex-direction: column;
  gap: 20px;
}
}
@media (max-width: 1450px) {
.tag-fonction {
  width: 90%;
}
}
@media (max-width: 1310px) {
.view-wallet {
  flex-wrap: wrap;
}
.metamask-container {
  margin-top: 20px;
}
.value-cost-flex {
  width: 50%;
}
.tag-fonction {
  width: 90%;
}
}
@media (max-width: 1230px) {
  .sold-ncoin {
  display: none;
}
.banner-item {
  flex-direction: column;
}
.banner-item-image img {
  height: auto;
}
/*NORACOIN SECTION*/
.tag-fonction {
  width: 100%;
}
.token-img img {
  width: 150px;
  margin-top: 50px;
}

}
@media (max-width: 1100px){
.nav-link {
  font-size: 12px;
}
}
@media (max-width: 1050px){
  .creation-actions {
  scale: 0.8;
  flex-wrap: nowrap;
}
.account-container {
  flex-wrap: nowrap;
}
/*NORACOIN SECTION*/
.flex-txt-nora {
  flex-direction: column;
}
.token-img img {
  width: 200px;
  margin-top: 10px;
}
.token-img {
  width: 100%;
  margin-left: 0;
}
.flex-buy-token {
  padding: 30px 30px;
}
}



@media (max-width: 1050px){

  /*----------PREMIUM----------*/

  .premium-banners-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .premium-section{
    width: 100%;
    margin-top: 20px;
  }
}

@media (max-width: 900px) {
  .view-wallet {
    width: 100%;
    justify-content: center;
  }
  .ncoin-info1 {
  margin-bottom: 20px;
}
}
@media (max-width: 990px) {

/*LOGIN*/

.login-card {
  width: 100%;
}
.login-card.forgot{
  width: 90%;
}
.flex-login-head {
  justify-content: center;
  flex-direction: column;
}
.input-content-log {
  width: 100%;
}

  /*----------HEADER----------*/

  

  /*----------FOOTER----------*/


   .mod-link {
    width: 60%;
      }
      .footer-link {
        font-size: 1.5vw;
      }
      input#textToCopy {
        font-size: 1.5vw;
      }
      .title-footer span {
        font-size: 3vw;
      }
    .barre-social{
      font-size: 1.5vw;
    }
    .news-txt p {
      font-size: 1.7vw;
    }
    .news-txt i {
      font-size: 2.2vw;
    }
    .social i {
      font-size: 2.5vw;
    }
}

@media (max-width:810px) {
  .social {
    margin: auto;
    width: 100%;
    display: flex;
    justify-content: space-around;
    padding: 15px 0px;
  }
  .social i{
    font-size: 4vw;
  }
  .hr-barre{
    border-top:1px solid gray;
    width: 100%;
  }
  .news-letter {
    padding: 15px 0px;
    width: 100%;
  }
  .news-txt p {
    font-size: 2.1vw;
  }
  .barre-social {
    font-size: 2vw;
  }
  .news-email input[type="email"] {
    width: 250px;
  }
}

@media (max-width: 768px) {

   /*----------FOOTER----------*/

  .mod-link {
    width: 100%;
      }
      .mod-link2 {
        width: 60%;
        margin: 30px 50px 50px 50px;
      }
      .footer-link {
        font-size: 2.2vw;
        padding:70px 30px;
      }
      input#textToCopy {
        font-size: 2vw;
      }
      .title-footer span {
        font-size: 3.5vw;
      }
      .footer-bottom{
        padding-bottom:70px;
      }
        .flex-footer-link {
          margin-top: 30px;
        }
        .login-page .footer-bottom {
  padding: 20px 0px 90px 0px;
}

       /*----------HEADER----------*/

      .navbar-brand {
        font-size: 4vw;
      }
}


@media (max-width: 576px) {

         /*----------HEADER----------*/

         .navbar-brand {
          font-size: 5vw;
        }
        .barre-count b{
          display: none;
        }

        /*----------FOOTER----------*/

  .footer-link {
    font-size: 3vw;
  }
  input#textToCopy {
    font-size: 2.2vw;
  }
  .title-footer span {
    font-size: 6.5vw;
  }
  .social i {
    font-size: 6vw;
  }
  .news-email input[type="email"] {
    width: 200px;
  }

  /*login*/
  .login-container {
  position: relative;
  z-index: 10;
  display: revert;
  margin: 0;
  background: rgba(45, 45, 45, 0);
  border: none;
  border-radius: 20px;
  box-shadow: none;
  padding: 30px 10px;
}
.login-page {
  padding-top:50px;
}
  .signup-container {
    padding: 20px 0px !important;
  }
  .mess-val-content {
  padding: 20px;
}
}


@media (max-width: 480px) {
           /*----------HEADER----------*/

           .navbar-brand {
            font-size: 6vw;
          }
          .stat-item i {
            font-size: 12px;
            color: #cbcbcb;
            margin-right: 10px;
          }
          .stat-item span {
            font-size: 10px;
          }
          .stat-label {
            font-size: 10px;
          }
          .stats-widget .stat-label{
            display: none;
          }

          /*----------FOOTER----------*/

  .news-email input[type="email"] {
    width: 150px;
  }


  /*INSCR VAL*/
  .mess-val{
    padding:15px;
  }
}


@media (max-width: 420px) {

  /*MDP OUBLIE*/

  .forgot-content {
  padding: 30px 15px;
}

/*Banner*/
.banner-item.expired .banner-header {
  flex-direction: column;
  gap: 20px;
}
.banner-item.expired .banner-actions {
  width: 100%;
  justify-content: space-around;
}
   /*----------HEADER----------*/

  .custom_nav-container {
    padding: 10px 10px;
  }

  /*----------FOOTER----------*/

  .footer-link {
    padding:50px 10px;
  }
  .news-email input[type="email"] {
    width: 130px;
  }

  /*FAQ*/
  .background-faq {
  margin-top: 110px;
}
/*login*/
.signup-link{
  flex-direction: column;
}
.login-link{
  flex-direction: column;
}
}


@media (max-width: 376px) {

  /*----------FOOTER----------*/
   
.copyright {
  font-size: 0.8rem;
}
}





/*--///////////////////////////////////////////////////////////////////////////////////////--*/
/*--/////////////////////////-----RESPONSIVE-----//////////////////////////////////////////////////////////////--*/
/*--///////////////////////////////////////////////////////////////////////////////////////--*/



/*--/////////--SMARTPHONE--//////////--*/

@media (max-width: 768px) {
           /*----------HEADER----------*/

           .navbar-brand {
            font-size: 6vw;
          }
          .stat-item span {
            font-size: 10px;
          }
          .profile-name {
           color: #efefef;
           }

          /*----------FOOTER----------*/

  .news-email input[type="email"] {
    width: 150px;
  }




  /*----------CONTAINER INDEX--------------*/

  .reopen-countdown-btn{
    opacity: 0.9;
    width: 50px;
    height: 50px;
  }

  .pwa-popup-content {
  overflow-y: auto;
}
.empty-list {
  padding: 0px;
}
.user-airdrops-section{
  padding:0px;
}
.container {
  padding-top:5px;
}
.m-banner-carousel-inner {
  gap:0px;
}
.m-banner-prev{
display: none !important;
}
.m-banner-next{
display: none !important;
}
.placeholder-banner{
  border-radius: 12px;
}
.premium-banners-container {
  margin:0px;
  padding:15px;
  gap:0px;
}
.premium-banners-container-mobile{
  display: none;
}
.avatar-premium{
  width: 100%;
}
.avatar-premium img{
  width: 80px !important;
  position: absolute;
  z-index: 10;
  height: 80px !important;
  top: 35px;
  border:2px solid white;
  left:15px;
}
.avatar-premium2 {
  display: none;
}
.marketing-banner-container {
  margin:0px;
  padding:15px;
}
.premium-section-controls {
  display: none;
}
.user-banners-section {
  padding: 0px;
  background: transparent;
  border-radius: 15px;
}

/* Structure de contenu de la bannière avec effet de slide */
.premium-banner-content {
  display: flex;
  height: auto;
  background-color: #f8f9fa;
  overflow:hidden;
  position: relative;
  transition:none;
  margin-bottom: -3px;
  flex-direction: column;
}
.premium-banner-image {
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: none;
  position: relative;
  z-index: 1;
}

.premium-banner-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: none;
}

.premium-banner-info {
  width: 100%;
  padding: 10px 20px 0px 20px;;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: none;
  background-color: #f8f9fa;
  z-index: 2;
}

.premium-banner:hover .premium-banner-image,
.premium-banner:hover .premium-banner-info {
  width: 100% !important;  /* Force à garder la largeur originale */
  overflow: visible !important;
  opacity: 1 !important;
  transition: none !important; /* Désactive aussi l'animation */
}
.premium-banner-content .item-metrics-bar{
  width: 100%;
}
.premium-banner-footer {
  padding: 10px 0px 20px 0px;
  width: 100%;
}

/* Ou si vous voulez désactiver TOUS les effets hover sur les bannières premium */

/* Mais réactivez les liens à l'intérieur */
.premium-banner a {
  pointer-events: auto;
}
.premium-banner-description {
  font-size: 0.7rem;
}
.premium-section-header h3 {
  font-size: 1rem;
}
.premium-section{
    border-radius: 12px;
  }

.prem-mob {
  display: none;
}
.time-prem {
  font-weight: 600;
  font-size: 12px;
  color: #ffffff8a;
  border-left:none;
  padding-left: 0px;
  margin-left: 0px;
}
.premium-banner-slider{
  height: auto;
}
.premium-banner-title {
  font-size: 1rem;
}


.ranking-item {
  background-color: #ececec;
  border-radius: 12px;
}
  .ranking-section {
  background-color: transparent;
  padding:0px;
  box-shadow: none;
  overflow: visible;
}
.ranking-item-info {
  background-color: whitesmoke;
  padding:15px;
}
.content-rank-card {
  width: 100%;
}

.airdrop-rank-card {
  display: flex;
  margin-top: 10px;
  width: 100%;
  justify-content: space-between;
}
.item-description p {
    background-color: #fafafa;
    font-size: 10px;
    margin: auto;
    padding: 10px;
}
.item-description {
  margin-top: 0px;
}
.item-title-card-flex {
  gap: 10px;
}
.item-title h3 {
  font-size: 16px;
}
.item-certified {
  width: 25px;
  height: 20px;
}
.item-certified p{
  font-size: 10px;
  margin:auto;
  padding:0px 5px;
  display: none;
}
.expanded-view-item .item-certified {
  width: 25px;
  height: 20px;
}
body.expanded-mode .premium-banners-container {
  margin: 0;
}
.expand-title-btn2 {
  width: 30px;
  height: 33px;
  border-radius: 100px;
  margin: 0px;
}
.expand-title-btn {
  width: 30px;
  height: 30px;
  border-radius: 100px;
  margin: 0px;
  font-size: 16px;
}
.expanded-twitter .ranking-header {
  margin:0px;
}
.item-certified i {
  margin:auto;
  padding:0px 5px;
}
.item-status {
  font-size: 12px;
  border-radius: 5px;
  color: white;
  width: 80px;
  text-align: center;
  padding: 5px;
}
.verified-badge {
  font-size: 12px;
}
.modal-time-value2 {
  font-size: 10px;
  font-weight: 700;
  color: gray;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.modal-time-label2 {
  font-size: 8px;
  color: var(--text-light, #777);
}
.modal-timer-header {
  font-size: 16px;
}
.modal-timer-container {
  margin-top: 10px;
  margin-bottom: 30px;
}

.modal-timer-container2 {
  display: none;
}
.modal-timer-container3 {
  position: relative;
    border-radius: 0px;
    width: 100%;
    margin: auto;
    display: block;
    background-color: #fff;
    padding: 10px;
}
.modal-desc-container {
  margin-top: 20px;
}
.item-title {
  justify-content: space-between;
}
.ranking-item.twitter-item .ranking-item-info{
  padding-top: 25px;
}
.ranking-item.twitter-item{
  border-radius: 15px;
}
.item-title .item-handle span {
  margin-top: 0px;
  color: gray;
  font-size: 12px;
  margin-left:0px;
}
.flex-item-title{
  display: flex;
  flex-direction: column;
  width: 100%;
}
.flex-name-item{
  display: flex;
    gap: 5px;
    margin-bottom: 5px;
}
.modal-card-link2 {
  margin-top: -20px;
}
.modal-twitter-card .modal-card-link2{
  display: none;
}
.modal-twitter-card .modal-card-link3{
  display: block;
  top: 125px;
}
.modal-card-link3{
  position: absolute;
    right: 20px;
    top: 130px;
}
.modal-timer-body {
  display: flex;
  justify-content: space-between;
  gap: 5px;
  padding: 0px;
  margin:0px;

}
  .modal-time-block {
    min-width: calc(20% - 6px);
  }
  
  .modal-time-value {
    font-size: 20px;
  }
  .modal-airdrop-card .modal-twitter-card {
    background: whitesmoke;
  }
.ranking-header {
  justify-content: center;
  flex-direction: column;
  margin: 0px;
  border:none;
}

.expanded-airdrops .airdrops-ranking .ranking-back-btn, .expanded-twitter .twitter-ranking .ranking-back-btn {
  margin-right: 0px;
}

.ranking-filter {
  width: 100%;
  gap: 15px;
  border-left:none;
  border-right:none;
}
.filter-btn {
  width: 100%;
  border-radius:10px !important;
  background-color: white;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  z-index: 1;
}
.filter-btn.active {
  border-radius:10px !important;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  background: linear-gradient(90deg,rgb(240, 185, 56) 0%, rgb(255, 208, 95) 50%, rgb(240, 185, 11) 100%);
  z-index: 1;
}
button:focus {
  outline: none !important;
}

.airdrops-ranking .ranking-title i {
  color: #f0b90b;
  margin: auto 20px;
  border: 3px solid #676767;
  box-shadow: rgba(240, 185, 11, 0.52) 0px 1px 3px;
  padding: 25px;
  font-size: 50px;
  border-radius: 100px;
  background-color: #404040;
}
.twitter-ranking .ranking-title i {
  color: #f0b90b;
  margin: auto 20px;
  border: 3px solid #676767;
  box-shadow: rgba(240, 185, 11, 0.52) 0px 1px 3px;
  padding: 25px;
  font-size: 50px;
  border-radius: 100px;
  background-color: #404040;
}
.top5 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px; /* Ajuste selon tes besoins */
  width: 100%;
  margin-bottom:20px;
}

.hrv-top5 {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(to right, transparent, gray, transparent);
  border: none;
  border-radius: 0;
  transform: translateY(-50%);
  width: 100%;
}

.txt-top5 {
  position: relative;
  z-index: 2; /* S'assurer que le texte est au-dessus */
}

.txt-top5 p {
  margin: 0;
    font-weight: 500;
    background: #373737;
    padding: 5px 25px;
    border-radius: 100px;
    color: #cacaca;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.ranking-title span{
  font-size: 36px;
}
.ranking-title {
  flex-direction: column;
  margin-top: 50px;
}

.ranking-title-mobile i {
    background: linear-gradient(90deg,rgba(0, 0, 0, 0.15) 0%, rgba(216, 216, 216, 0.11) 50%, rgba(0, 0, 0, 0.15) 100%);
    background-color: rgba(0, 0, 0, 0);
    display: block;
    color: #f0b90b;
    margin: auto 20px;
    border: 3px solid #676767;
    box-shadow: rgba(240, 185, 11, 0.52) 0px 1px 3px;
    padding: 25px;
    font-size: 50px;
    border-radius: 100px;
    background-color: #404040;
  }
    .ranking-title-mobile {
    flex-direction: column;
    display: flex;
    justify-content: center;
    margin-top: 0px;
  }
  .title-all-rank span{
    color: gray;
    margin:auto;
    margin-top:10px;
  }
    .title-all-rank2 span{
    color: gray;
    margin:auto;
    margin-top:10px;
  }
/* Afficher uniquement quand on est en mode expanded */
#homeRankings.expanded-airdrops .ranking-title,
#homeRankings.expanded-twitter .ranking-title {
    display: none;
}

.expanded-airdrops .ranking-header {
  margin: 0;
}

.title-all-rank2 .ranking-back-btn{
  position: absolute;
  right: 15px;
  top: 130px;
}
.title-all-rank .ranking-back-btn{
  position: absolute;
  right: 15px;
  top: 130px;
}
.ranking-controls {
  display: none;
}
/*------MODAL CARD INDEX----------*/

.modal-card-header {
  display: block;
}

.modal-twitter-card {
    align-items: center;
    justify-content: left;
}
.modal-twitter-card .modal-card-header {
      align-items: center;
    justify-content: left;
    margin: 15px 10px;
      display: flex;
}
.modal-twitter-card .modal-card-header h2{
    color: #4b4b4b;
}
.modal-twitter-card .modal-card-header span{
    color: gray;
}
.modal-header {
  top: -10px;
  right: -10px;
}
.modal-card-certified p {
  display: none;
}
.modal-card-certified {
  height: 25px;
  width: 40px;
  top: 20px;
}
.modal-card-links {
  margin:15px auto;
  justify-content: space-between;
}

.modal-card-link i{
  margin:auto;
  font-size: 20px;
}
.modal-card-metrics {
  padding:0px;
  background-color: transparent;
  justify-content: space-around;
  border:none;
  box-shadow: none;
  flex-direction: column;
  margin:0px;
}
.modal-twitter-card .modal-card-metric {
  flex-direction: column;
}
.modal-twitter-card .modal-card-metric i{
  font-size: 30px;
}
.modal-twitter-card .modal-card-metrics {
  margin-top: 40px;
  margin-bottom: 40px;
}
.modal-card-metric{
  background-color: #fff;
  padding:10px;
  border-radius:10px;
  width: 100%;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.modal-card-content {
  padding: 25px 10px;
}
.modal-pinned-tweet {
  font-size: 12px;
}
.modal-card-description{
 background-color: transparent;
    font-size: 12px;
    border-radius: 15px;
    color: #595959;
}
.modal-twitter-card .modal-card-description{
 background-color: transparent;
    border: 1px dashed #adb5bd;
    padding: 20px;
    margin-top: 30px;
}
.modal-card-description h3{
  font-size: 20px;
}
.modal-card-description h4{
  font-size: 18px;
}
.modal-airdrop-card, .modal-twitter-card {
  background-color: whitesmoke;
}
  .modal-card-metric .value {
    font-size: 14px;
    color: gray;
    margin-bottom: 0px;
  }
  .modal-card-metric .label {
  font-size: 14px;
  color: #7c7c7c;
}
.modal-close-btn {
  width: 30px;
  height: 30px;
  color: #7d7d7d;
}
  .value i {
    margin-bottom: 0px !important;
  }
.hrv {
  display: none;
}

.popup-content3 {
  padding:25px 10px;
}
.popup-content3 h3{
  flex-direction: column;
}


/*----------------------------ACCOUNT UTILISATEUR------------------------------------*/
.container-acc {
  display: flex;
  position: relative;
  margin: 0% 2% 5% 2%;
  flex-direction: column;
}
.creation-actions {
  display: none;
}
.sidebar-acc {
  position: relative;
    z-index: 10;
    width: 85%;
    height: auto;
    margin: auto auto 5% auto;
    background: #000000b5;
    background-image: repeating-linear-gradient( 45deg, rgba(207, 207, 207, 0.1) 0px, rgba(162, 162, 162, 0.1) 1px, transparent 1px, transparent 5px );
}
.sidebar-acc ul {
  width: 100%;
  flex-direction: column;
}
.sidebar-acc.sidebar-icons-only {
  width: 100%;
  padding: 0px !important;
  border-top: 3px solid #f0b90b21;
  border-bottom: none;
  border-left: none;
  border-right: none;
  box-shadow: 0px 0px 15px rgba(240, 185, 11, 0.49);
  flex-direction: row;
  bottom: 0;
  left: 0;
  position: fixed;
  background-color: whitesmoke;
  margin: auto;
  z-index: 990;
  border-radius: 0px;
}
.sidebar-acc.sidebar-icons-only ul {
  list-style: none;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 0;
}
.sidebar-icons-only h2 {
  width: 60px;
  margin-bottom: 0 !important;
}
.sidebar-icons-only h2 i{
  font-size: 16px;
  display: none;
}
.sidebar-icons-only ul li a.active {
  animation: pulse-home 2s infinite ease-in-out;
}
.sidebar-icons-only h2::after {
    top: 15px !important;
    left: 0px !important;
    line-height: 28px !important;
    content: "+";
    animation: pulse-home 2s infinite ease-in-out;
    margin-left:20px !important;
}
.sidebar-acc h2::after {
  position: absolute;
  top: -5px;
  left: 5px;
  font-size: 26px;
  color: #a3a3a3;
  width: 30px;
  height: 30px;
  line-height: 25px;
  border-radius: 50%;
  background: rgba(240, 185, 11, 0.1);
  transition: all 0.3s ease;
  z-index: 10;
  text-align: center;
  background: transparent;
  margin-left:10px;
}
.account-container {
  flex-wrap: nowrap;
  padding: 10px 20px;
  border-radius: 10px;
  margin: 2%;
  background: #000000b5;
  background-image: repeating-linear-gradient( 45deg, rgba(207, 207, 207, 0.1) 0px, rgba(162, 162, 162, 0.1) 1px, transparent 1px, transparent 5px );
  border-right: 5px solid #f0b90bb2;
}
.avatar-account img {
  width: 90px;
  height: 90px;
}
.name-id-account h2 {
  color: #e6e6e6;
  font-size: 22px;
}
.name-id-account button {
  padding: 5px 10px;
  font-size: 14px;
}
.sold-ncoin {
  display: none;
}
.flex-profil {
  padding: 0px;
}
.content-acc {
  padding:0px;
  margin: auto;
  border-radius: 15px;
  width: 100%;
  background: transparent;
  box-shadow: none;
  border:none;
}
.user-info-box {
  background: #000000b5;
background-image: repeating-linear-gradient( 45deg, rgba(207, 207, 207, 0.05) 0px, rgba(162, 162, 162, 0.02) 1px, transparent 1px, transparent 5px );
 padding: 24px 15px;
}
.user-info-box h3{
  font-size: 18px;
  margin-bottom: 25px;
  color: #fff;
  border-bottom: 1px solid #e0e0e080;
  padding-bottom: 15px;
  font-weight: 500;
  text-align: center;
  display: flex;
  justify-content: center;
}
.user-info-list li {
  background-color: #333;
  border: none;
}
.info-value {
  color: #fff;
    font-size: 14px;
  }
  #certificationStatus i {
    margin-right: 2px;
  font-size: 14px;
  }
.info-label {
  color: #fff;
  font-size: 14px;
}
.info-label i {
  color: #f0b90b;
}
.profil-noracoin {
  padding: 20px 0px;
}
.tag-fonction {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0px;
  justify-content: center;
  font-size: 12px;
}
.toggle-buy-nora p {
  font-size: 20px;
  color: #fff;
  font-family: 'Anton', sans-serif;
  margin: 0;
  letter-spacing: 0px;
}
.info-content-ncoin h3{
  margin-bottom: 25px;
  color: gray;
  font-size: 20px;
  background: #e9e9e9;
  padding: 10px;
  border-radius: 15px;
  text-align: center;
}
.ncoin-info-p1 {
background-color: #454545;
    border: none;
    padding: 10px 20px 10px 10px;
    align-items: center;
    margin-bottom: 10px;
    border-right: 5px solid #ac8818 !important;
    border-radius: 10px;

}
.ncoin-info-p1 span {
  font-size: 14px;
  display: flex;
  gap: 5px;
}
.ncoin-info-p1 p {
  margin:auto;
}
#noracoinValue {
  font-size: 12px;
}
#toggleButton {
  color: #c6c6c6;
  border: 1px solid #ffffff52;
}
.referral-display {
  color: #333;
  font-size: 12px;
  background: #ffffffe5;
  padding: 5px 5px 5px 15px;
}
.referral-display button {
  background: linear-gradient(135deg, #acacac 0%, #5f5f5f 100%);
}
.referral-box {
  background: #f6f2e4;
  padding: 20px 15px;
  border-radius: 10px;
  border: none;
  text-align: center;
   overflow: hidden;
  background: linear-gradient(90deg,rgba(240, 185, 11, 0.77) 0%, rgba(240, 185, 11, 0.56) 50%, rgba(240, 185, 11, 0.54) 100%);
}
.light-prog::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
 background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
  animation: shimmer 3s infinite;
  overflow: hidden;
}
.light-prog {
  position: relative;
}
.referral-list {
  margin: 0 0 50px 0;
}
.referral-list li {
  font-size: 14px;
    color: white;
}
.aucun-f{
text-align: center;
padding:10px;
border:1px solid gray;
}
.referral-tip {
  color: #fff;
}
.referral-label {
  color: #fff;
}
.claim-tip {
  font-size: 12px;
    margin-top: 35px;
    padding: 0px;
}
.claim-box {
  background: linear-gradient(135deg, #4c4c4c 0%, #616161 100%);
  border:none;
  padding: 15px;
}
 .claim-box.filleul-reward-section {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  padding: 25px;
}

.claim-box .requirement-item{
  border: none;
  color: white;
  background: #ffffff14;
}
.claim-referral-btn{
  box-shadow: none;
}
.category-content .filleul-item[data-category="pending"] {
    background: rgba(250, 188, 0, 0.45);
    border: 1px solid #ffc10730;
}
.category-content .filleul-item[data-category="available"] {
    background: rgba(40, 167, 69, 0.33);
    border: 1px solid #28a74530;
}
.category-content .filleul-item[data-category="claimed"] {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid #ffffff30;
}
.category-header[data-category="claimed"] {
    color:white !important;
}
.fill-mob i{
  color: #404040;
  background: #d8a712;
  border-radius: 100%;
  padding: 3px;
  font-size: 11px;
}
.filleul-item b{
  font-size: 12px;
  margin-left: 5px;
  font-style: italic;
  font-weight: 400;
}
.parrain-requirements h4{
  margin-bottom: 5px !important;
  color: #f1f1f1e0 !important;
  font-weight: 600;
  background: transparent;
    border-left: none;
    border-right: none;
}
.claim-box .requirements-note {
  color: #f0b90b;
  background: rgba(240, 185, 11, 0.1);
  flex-direction: column;
    text-align: center;
    gap: 10px;
}
.claim-box .parrain-requirements{
  background: transparent;
  border: none;
  padding: 0px;
  margin-bottom: 35px;
}
.parrain-requirements-header {
  border-top: 2px solid #80808075;
  border-bottom: 2px solid #80808075;
}
.parrain-requirements-header i{
  color:white;
  margin-right: 15px;
  transition: transform 0.3s ease; 
  font-size: 16px;
}
.change-password-box {
  background-color: #373737;
}
.change-password-box i{
  margin-right: 10px;
}

/*------------AIRDROPS ACCOUNT------------*/

.content-flex-toggle-drop {
  display: block;
  padding: 30px 10px 10px 10px;
  border-radius: 10px;
  background-color: #fff;
}
.interface-drop p {
  font-size: 12px;
  text-align: justify;
  margin-top: 30px;
}
.interface-drop h1 {
  font-size: 24px;
}
.btn-publi-drop i {
  font-size: 34px;
  color: #f0b90b;
}
.btn-publi-drop {
  padding: 10px;
  width: 20%;
  position: absolute;
  top: 15px;
  right: 10px;
  border-radius: 50px;
 background: #454545;
}
.toggle-form-btn {
  font-size: 20px;
  font-weight: 100;
  border:none;
  border-radius: 10px;
}
#airdropPublishContainer h2 {
    font-size: 20px;
    font-weight: 400;
    flex-direction: column;
    display: flex;
    gap: 20px;
    margin-top: 10px;
    margin-bottom:10px;
}
#airdropPublishContainer h2 i {
    font-size: 50px;
}

.airdrop-publish-container{
  padding:0px;
}
.airdrop-publish-button {
  border-radius: 10px;
  font-size: 20px;
  width: 90%;
  opacity: 0.7;
  background-color: #f0b90b;
  
}
.delete-airdrop {
  top: 0px;
  right: 0px;
  background: rgba(137, 137, 137, 0.68);
  width: 50px;
  height: 50px;
  margin: 10px auto;
  position: relative;
}
.airdrop-card .delete-airdrop i {
  font-size: 20px;
}
.container-form{
  padding: 15px;
  border-radius: 0px;
  
}
.airdrop-toggle-wrapper {
  border-radius: 10px;
}
.cost-container {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 15px;
}
.form-label {
  font-size: 14px;
}
.form-row > div {
  border-radius: 10px;
}

.user-airdrops-section {
  padding: 0px;
}
  .airdrop-header-links a {
    height: 40px;
    width: 93px;
    color: rgb(105, 105, 105) !important;
    font-size: 12px;
    border: 1px solid rgba(164, 164, 164, 0.44);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 6px;
    height: 40px;
    border-radius: 50px;
    gap: 5px;
    margin-bottom: 10px;
  }
    .airdrop-header-links {
    margin-left: 0;
    margin-right: 0;
    margin-top: 30px;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .airdrop-social-links {
  width: 100%;
  justify-content: center;
  margin-top:0px;
  margin-bottom: 15px;
}
.airdrop-social-links a{
  width: 30%;
    color: #696969 !important;
    font-size: 12px;
    border: 1px solid rgba(164, 164, 164, 0.44);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
    padding:10px;
    background:white;
}
.airdrop-social-links i {
  margin-right: 0px;
  font-size: 16px;
}

.flex-airdrop-account{
  display: flex;
  flex-direction: column;
  margin-bottom:10px;
}
.social-metric .token-img .value{
  display: block;
}
.social-metric .token-img .label{
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.social-metric .value .token-logo2 {
  font-size: 18px;
  font-weight: 700;
  color: #14171a;
  margin-bottom: 0px;
  display: flex;
  height: 35px;
  width: 35px;
}

.airdrop-card .social-metric.certified .value i{
  height:auto;
}

.airdrop-info {
  padding: 0px 10px 20px;
  background-color: whitesmoke;
}
.airdrop-card{
  background: white;
}
  .airdrop-info h3 {
      font-size: 20px;
    color: #525252;
    margin-top: 0;
    justify-content: space-around;
    margin-bottom: 30px;
    background-image: none;
    background-color: white;
}

.airdrop-card .verified-badge {
  margin-left: 0px;
}

.airdrop-card .social-metric {
  background-color: white;
  padding: 10px 20px;
    margin: 0px;
    align-content: center;
    border-radius: 15px;
     min-height: 60px;
     border: 1px solid #80808030;
}
.air-desc-container.truncated{
  margin-bottom:23px;
}
.air-desc-container.expanded .expand-desc-btn {
  bottom: -20px;
}
.social-metrics {
  width: 100%;
}
    .social-metrics-foot{
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 5px;
    margin-top: 0px;
    height: 75px;
  }
    .social-metrics-foot .social-metric{
    width: 30%;
    gap: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .social-metrics-head{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 15px;
  }

.social-metrics-head .social-metric:nth-child(2) {
  order: -1; /* Met cette div en premier */
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
}

.airdrop-card .social-metric .label{
  margin-top:0px;
}

/* Optionnel : tu peux aussi spécifier l'ordre des autres */
.social-metrics-head .social-metric:nth-child(1) {
  order: 1;
  display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
}

.social-metrics-head .social-metric:nth-child(3) {
  order: 2;
  display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
}
.airdrop-card .social-metric .value {
  font-size: 14px;
  font-weight: 700;
  color: #7d7d7d;
}
.air-desc-container {
  background-color: white;
  border-radius: 15px;
   margin-top: 0px;
   padding:10px;
   border: 1px dashed #adb5bd;
}
.air-desc {
  margin-bottom: 0px;
  font-size: 12px;
  margin: auto;
}
.airdrop-card .social-metrics + .social-metrics {
  margin-top: 0px;
}
.airdrop-card .social-metrics {
  margin: 45px 0px 15px 0px;
}
.verified-badge {
  margin-top: 0px;
}
.airdrop-card .social-metric .value i {
  margin-right: 0px;
}
.airdrop-card .social-metric .value {
  margin-bottom: 0px;
}
.name-check i {
  margin-right: 5px;
}
.like-button{
  display: none;
}
.vote-like-buttons {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    margin-bottom: 10px;
    height: 85px;
}
.vote-timer {
  color: #f0b90b
}
.vote-button.disabled .vote-text{
  display: none;
}
.vote-button, .like-button {
  padding: 15px 15px;
  border-radius: 50px;
  justify-content: center;
}
.vote-button {
  display: flex;
    justify-content: center;
    padding: 20px;
    border-radius: 15px;
    color: #787878;
    font-weight: 700;
    flex-direction: column;
    width: 50%;
    border: 1px solid #dedede;
}
.vote-button i{
  padding: 10px;
    border: 2px solid white;
    border-radius: 50px;
    width: 50px;
    color: white;
    background: #787878;
}
.boost-vote-button {
display: flex;
    justify-content: center;
    padding: 20px;
    border-radius: 15px;
    color: #787878;
    font-weight: 700;
    width: 100%;
    border: 1px solid #dedede;
}
.boost-content p {
  font-size: 10px;
}
.vote-actions-container {
  margin-top: 15px;
  padding:0px;

}
.timer-header {
 background: gray;
 border-radius: 10px;
}
.timer-body {
  justify-content: center;
    background-color: transparent;
    padding: 10px 0px;
    gap:10px;
    display: flex;
}
.timer-container {
  margin-bottom: 25px;
    border: none;
}

.time-block {
  padding:10px;
  background-color: white;
  border-radius: 10px;
  width: 100%;
}
.premium-button {
  border-radius: 50px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  display: flex;
    justify-content: center;
    padding: 8px 25px 8px 10px;
    color: #fff !important;
    border: 1px solid rgba(225, 115, 25, 0.46);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
    background: linear-gradient(135deg, #e67e22, #d35400);
    animation: pulsebtnPremium 2s infinite;
    gap:20px;
}
.premium-button i{
  padding: 10px;
    border: 2px solid whitesmoke;
    border-radius: 50px;
    color: white;
    width: 50px;
    background: linear-gradient(135deg, #e67e22, #d35400);
}
.premium-action {
  margin-top: 50px;
}


/*------------TWITTER ACCOUNT------------*/
.twitter-stats-container {
  display: none;
}
.twitter-stats-container-mobile {
  display: flex;
    margin-top: 20px;
    justify-content: left;
}
.twitter-desc {
  margin-top: 20px;
  font-size: 12px;
}
.twitter-pinned p {
  font-size: 12px;
}

.twitter-publish-container{
  padding:0px;
}
.twitter-publish-container h2{
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  flex-direction: column;
  display: flex;
  gap: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.twitter-publish-container h2 i{
  font-size: 50px;
}

.twitter-actions {
   display: none;
}
 .twitter-info{
  background-color: whitesmoke;
 }
  .twitter-actions2 {
    position: relative;
    z-index: 10;
    display: flex;
    margin: 25px auto 10px auto;
    position: relative;
    justify-content: center;
    gap: 50px;
  }
  .twitter-desc {
  background-color: #fff;
  border-radius: 10px;
}
.modal-container {
    width: 95%;
    max-height: 100vh;
  }
.modal-card-link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 15px;
  background-color: #fff;
  border-radius: 30px;
  transition: all 0.2s;
  color: #696969 !important;
  font-size: 12px;
  border: 1px solid rgba(164, 164, 164, 0.44);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
}
.edit-twitter {
  background: rgba(137, 137, 137, 0.68);
  color: white;
  border: none;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 3;
  font-size: 22px;
}
  .delete-twitter {
    background: rgba(137, 137, 137, 0.68);
    width: 50px;
    height: 50px;
    position: relative;
    opacity: 1;
    font-size: 22px;
  }
.twitter-info-content .social-metrics{
  flex-direction: column;
}
.flex-info-twitter{
  display: flex;
  justify-content: space-between;
  gap:10px;
}
.pinned-content {
  font-size: 12px;
}

/*----------------------NORACOIN SECTION----------------------------*/

.ncoin-card2 {
  display: flex;
  justify-content: center;
  flex-direction: column-reverse;
}
.ncoin-info1 {
  margin: auto;
  background-color: #454545;
  border: 2px solid #f0b90b7a;
  display: none;
}
.metamask-container {
  border-radius: 50px;
    padding: 5px;
    border: none;
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    color: #333;
    user-select: none;
    background-color: #a1a1a14d;
    width: auto;
    margin-top: 0px;
    
  }
  .metamask-icon {
  margin-right: 20px;
}

.view-wallet {
  display: flex;
  width: auto;
  align-items: center;
  justify-content: center;
  padding: 25px 10px 0px 10px;
  flex-wrap: wrap;
  flex-direction: column-reverse;
}
.cost-value-buy {
  padding: 0px 10px 20px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column-reverse;
}
#buyPointsButton{
  width: 100%;
}
.value-cost-flex {
  padding: 20px;
  width: 100%;
  text-align: center;
}
.buy-nora-info {
  margin: 10px;
  flex-direction: column;
}
.buy-nora-info p {
  font-size: 12px;
}
.buy-nora-info i {
  font-size: 22px;
}
.btn-buy-flex {
  display: flex;
  gap: 20px;
  width: 100%;
  flex-direction: column-reverse;
}
.metamask-icon {
  margin-left: 10px;
}
.flex-meta-cont{
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.flex-meta {
  display: flex;
  gap: 15px;
  align-items: center;
  margin-left: 0px;
}
.flex-buy-token {
  flex-direction: column;
  padding: 15px;
}
.profil-noracoin2 {
  width: 100%;
  margin-right: 0px;
  padding:0px;
}
.buy-ncoin {
  width: 100%;
}
.info-content-ncoin{
  width: 100%;
}
.info-content-ncoin h1 {
  font-family: anton;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  font-size: 26px;
  align-items: center;
  margin-left: 10px;
}
.info-content-ncoin p {
  background-color: transparent;
  padding: 10px;
  border-radius: 10px;
  text-align: left;
  color: #6a6a6a;
  line-height: 1.5;
  margin-top: 0px;
  font-size: 12px;
  text-align: justify;
}
.info-content-ncoin img {
  margin-right: 10px;
  width: 75px;
  height: 75px;
  display: block;
}
.btn-buy2{
  display: block;
  margin-top: 20px;
}
.wallet-address {
  font-size: 10px;
  background: #45454575;
  padding: 5px 20px;
  border-radius: 20px;
  color: #fff;
}
.ncoin-card3{
  display: block;
}
.ncoin-card4{
  display: none;
}
.token-img img {
 width: 35px;
 height: 35px;
  margin-top: 0px;
  border-radius: 50px;
  display: none;
}
.buy-ncoin .token-img img {
  display: none;
}
.airdrop-card .social-metric .value img {
  margin-right: 10px;
  border-radius: 50px;
}
.cost-ncoin-buy {
  margin-bottom: 10px;
}
.total-tokens{
  display: none;
}
.gauge-base-container{
  padding:0px;
  border:none;
  background: transparent;
}
.ncoin-gauge-container {
  width: 100%;
    margin: 20px auto;
    border-radius: 10px;
    padding: 0px;
    box-shadow: none;
    border: none;
    animation: none;
    background: transparent;
}
.ncoin-gauge-bar {
  animation: pulseCardPremium 2s infinite;
}
.tier-display {
  background-color: white;
  margin: 10px;
  padding: 10px;
  border-radius: 10px;
}
.ncoin-value-display{
  margin-top:30px;
}
.ncoin-value-display.gauge {
    background-color: white;
    margin: 10px;
    padding: 10px;
    border-radius: 10px;
  }
.sold-buy p {
  font-size: 24px;
  color: #fff;
  font-family: 'Anton', sans-serif;
  margin: 0;
  letter-spacing: 1px;
  font-weight: 100;
}
.nora-coin-icon2 {
  width: 35px;
  height: 35px;
}
.nora-coin-background{
  padding:3px;
}
.rate-display{
  background-color: white;
  margin: 10px;
  padding: 10px;
  border-radius: 10px;
}
.ncoin-tier-info {
  flex-direction: column;
  padding: 0px;
}



/*------------------------STAKING------------------*/
.staking-values {
  display: flex;
  gap: 0px;
  justify-content: space-between;
}
.ncoin-icon {
  display: none;
}
.value-apr {
  font-size: 14px;
}
.value-amount{
  font-size: 14px;
}
.value-duration {
  font-size: 14px;
}
.staking-apr-display {
  width: 32%;
}
.staking-amount-display{
  width: 32%;
}
.staking-duration-display{
  width: 32%;
}
input[type="range"] {
  background: #f5bd0b;
}
.staking-btn {
  padding: 12px;
  background: #f0b90b;
  font-size: 15px;
}
.staking-category {
    padding: 0px;
    background: transparent;
}
.reward-item {
  display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: none;
    gap: 5px;
    font-size: 12px;
}
.reward-item:last-child {
  font-size: 12px;
}
#totalRewards{
  color: #f0b90b;
}
#activeStakingsList .staking-item {
   display: flex;
  flex-direction: column-reverse;
}
#completedStakingsList .staking-item {
  display: flex;
  flex-direction: column-reverse;
}
#expiredStakingsList .staking-item {
   display: flex;
  flex-direction: column-reverse;
}

.staking-header {
  flex-direction: column;
}

.staking-header h2 {
  font-size: 24px;
    font-weight: 700;
    display: flex;
    padding: 20px 20px 20px 0px;
}
.staking-header i{
    background: linear-gradient(90deg, var(--color-primary) 0%, #AD961D 50%, #ffd700 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 2px;
}
.user-balance-staking {
  padding: 10px;
  font-size: 14px;
}
.airdrop-cost, .user-balance {
  padding: 15px;
}
  .staking-card {
  padding: 15px;
  border-radius:0px;
  margin-top:15px;
}
.staking-label {
  text-align: center;
}
.staking-actions {
  width: 100%;
      flex-direction: column;
    justify-content: center;
    flex-wrap: nowrap;
    background-color: #1b1b1b;
}
.staking-detail {
 width: 100%;
    margin: auto;
    background-color: #ffffff17;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.staking-detail-value {
  font-size: 14px;
  font-weight: 500;
  color: #f0b90b;
}
.staking-info {
  padding: 20px 10px;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
}
.staking-progress {
  width: 100%;
  background:transparent;
  padding: 15px 10px 20px 10px;
  margin-left: 0px;
}
.prog-stak-flex {
  width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    border-radius: 30px;
    margin-top: 30px;
}
.prog-stak-flex .staking-detail{
  background: #00000047;
}
.progress-bar-container {
  background: rgba(36, 36, 36, 0.2);
  border-radius: 10px;
  height: 10px;
  overflow: hidden;
  margin-top: 1px;
}
.icon-staking {
  padding: 20px;
}
.staking-container-mobile {
  border-radius: 20px;
  color: white;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.staking-container {
  padding: 0px;
}

/* Curseur jaune pour le slider de certification */
#stakingSlider::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: linear-gradient(135deg, #f0b90b 0%, #ffd700 100%);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 3px solid #ffffff;
  box-shadow: 0 2px 8px rgba(240, 185, 11, 0.4);
  cursor: pointer;
}

#stakingSlider::-moz-range-thumb {
  -moz-appearance: none;
  background: linear-gradient(135deg, #f0b90b 0%, #ffd700 100%);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 3px solid #ffffff;
  box-shadow: 0 2px 8px rgba(240, 185, 11, 0.4);
  cursor: pointer;
}
.staking-toggle-btn {
    width: 100%;
    border: 2px solid #e8e8e854;
    height: 44px;
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: var(--transition-fast);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    background: transparent;
  }
  .staking-toggle-btn i{
    -webkit-text-fill-color:gray;
    background: transparent;
  }
      .staking-header-wrapper {
        margin-bottom: 15px;
        box-shadow: none;
        padding: var(--spacing-md);
    }
    .stak-intro-head p {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 13px;
  text-align: justify;
  padding: var(--spacing-md);
}
.backg-mt {
  color: #f0b90b;
  font-weight: 700;
}
.rewards-box h4{
  display: none;
}
.staking-title-group {
  display: flex;
  align-items: center;
}


/*------------BANNER MARKETING ACCOUNT------------*/



.section-title {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.section-title i {
  margin-right: 20px;
  padding: 10px 15px;
  font-size: 18px;
}
.banner-item-image img {
  width: 100%;
  height: auto;
}
  .banner-item-image {
    width: 100%;
    height: auto;
  }
  .banner-position-label {
  display: none;
}
.banner-item {
  background-color: whitesmoke;
}
.banner-stat {
  background-color: #fff;
}
.banner-details {
  margin-top: 20px;
    justify-content: left;
    flex-wrap: nowrap;
    width: 100%;
    margin-bottom: 20px;
}
.banner-publish-container {
  padding: 30px 0px;
}
.publish-button{
  width: 90%;
}
.slider-container {
  padding: 15px 25px 20px 25px;
  border-radius: 25px;
  margin: 20px 0px 10px 0px;
  font-size: 14px;
}
.position-description {
  color: rgb(192, 192, 192);
  font-size: 12px;
}
.position-label {
  font-size: 14px;
}
.banner-publish-container h2 {
  font-size: 20px;
  font-weight: 400;
  margin-top: 10px;
  flex-direction: column;
  display: flex;
  gap: 20px;
  margin-bottom:10px;
}
.banner-publish-container h2 i {
  font-size: 50px;
}
 .banner-publish-container {
  padding:0px;
 }

.banner-item.expired {
  background-color: #f8f9fae5;
}
.banner-item.active {
  background-color: #00800026;
}
.large-banner-item .flex-detail-banner {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  flex-direction: column;
  align-items: center;
}
.large-banner-item.active .flex-detail-banner {
  flex-direction: column;
}
.large-banner-item.pending .flex-detail-banner {
  flex-direction: column;
}
.large-banner-item .banner-timeline {
  width: 100%;
  margin-top: 10px;
}
.large-banner-item .flex-detail-banner-expired-block{
  display: flex;
  flex-direction: column;
}

/*-----------------------NOTIF account PC------------------------------*/


.account-notification-wrapper .account-notification-btn{
    bottom: 75px;
}

.notification-item {
  margin:10px;
}
.notification-unread-dot {
  top: 22px;
}

.notifications-header {
  justify-content: center;
  flex-direction: column;
  gap: 20px;
}

.notification-title {
  justify-content: left;
  width: 100%;
}


/*-----------------------CERTIFICATION---------------------------*/

/* Curseur jaune pour le slider de certification */
#certifDuration::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: linear-gradient(135deg, #00ff88 0%, #00d4aa 100%);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(240, 185, 11, 0.4);
  cursor: pointer;
}

#certifDuration::-moz-range-thumb {
  -moz-appearance: none;
  background: linear-gradient(135deg, #00ff88 0%, #00d4aa 100%);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(240, 185, 11, 0.4);
  cursor: pointer;
}

/*-------------------NOTIF BNB------------------------*/

.flex-para-notif {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
}
.toggle-content.open{
  padding:0px;
}


/*-----------------MODAL METRIC---------------*/

.metric-section:last-child {
  border-radius: 0px;
  padding: 0px;
  box-shadow: none;
  border: none;
  background: transparent;
}
.metric-section.metric-comments {
  margin-left: -10px;
  margin-right: -10px;
}
.metric-comment {
   border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.comment-like,
.comment-reply {
  font-size: 12px;
}
.load-more-replies {
  font-size: 12px;
}
.comment-replies {
  margin-left: 10px;
  margin-top: 10px;
  border-left: 2px solid rgba(240, 185, 11, 0.49);
  padding-left: 15px;
  opacity: 1;
  transition: opacity 0.3s;
  margin-bottom: 15px;
}

.comment-content {
  margin-left: 10px;
  margin-bottom: 20px;
  margin-top: 20px;
  
}
#airdropModal .comment-actions {
  border-top: 1px solid gainsboro;
  padding: 5px 0px 6px 0px;
  border-bottom:none;
}

#airdropModal .comment-actions.btn-publi {
  border:none;
}

.metric-views{
margin-left: 0%;
  margin-right: 0%;
  padding: 5px;
}
 .metric-vote-btn {
    flex-direction: column;
    gap: 5px;
    height: 60px;
  }
.metric-section:last-child{
  margin:0px;
}.sentiment-back{
  border:none;
}
.metric-unique {
  padding: 7px 15px;
  gap: 25px;
}
.title-comment h4 {
  font-size: 16px;
  margin-bottom: 0px;
}
.airdrop-metrics-container{
  padding:0px;
}





/*////////////////////////////////////////////////////////////////////
--------------------------PORTFOLIO---------------------------------
/////////////////////////////////////////////////////////////////////*/

.holdings-header {
  flex-direction: column;
  gap: 25px;
}


/* COOKIE */

#cookieSettingsBtn {
	padding: 0px;
    font-size: 25px;
    width: 45px;
    height: 45px;
    justify-content: center;
}


/*////////////////////////////////////////////////////////////////////
--------------------------CGU RGPD---------------------------------
/////////////////////////////////////////////////////////////////////*/

.container-cgu h1{
  font-size: 1.5rem;
}


/*////////////////////////////////////////////////////////////////////
--------------------------PAGE LOGIN---------------------------------
/////////////////////////////////////////////////////////////////////*/

.flex-login-head {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.input-content-log{
  width: 100%;
  padding: 15px;
}
.login-card {
  width: 100%;
}
#loginForm {
  box-shadow: none;
  padding: 0px;
  border-radius: none;
}
.login-content-form {
  padding: 10px 10px 30px 10px;
}
.logo-section {
  margin-bottom: 15px;
  margin-top: 20px;
}
.form-options {
  margin-bottom: 0px;
}
.login-btn{
  width: 90%;
  margin: 10px auto 10px auto;
}
.login-head-title h2{
  font-size: 1.5rem;
}
.login-head-title i{
  font-size: 1.5rem;
}
.title-con h2 {
  font-size: 18px;
}
.login-head-title {
  gap: 10px;
  flex-direction: column;
  padding: 20px 30px 30px 30px;
}


/* Inscription */

  .signup-card {
    width: auto;
  margin: 10px;
  }
  #registerForm {
    box-shadow: none;
  padding: 0px;
  border-radius: none;
}
.signup-container {
  display: block;
  padding: 20px;
}
.login-page,
.login-page {
  padding-top: 55px;
}
.signup-btn {
  width: 90%;
  margin: 10px auto 10px auto;
}


/*MDP OUBLIER*/
.login-card.forgot{
  width: 100%;
}

/*MAIL CONFIRM*/

.astuce {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.insc-head-title-val h2{
  font-size: 1.5rem;
}
.insc-head-title-val i{
  font-size: 1.5rem;
}
.title-con h2 {
  font-size: 18px;
}
.insc-head-title-val {
  gap: 10px;
  flex-direction: column;
  padding: 20px 30px 30px 30px;
}

}