.pink-color {
  color: #F74780 !important;
}

.client-blog-post {
    box-shadow: 0 0 10px rgb(0 0 0 / 11%);
    border-radius: 20px;
}
.client-blog-post-image {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.client-blog-post-brand {
    transform: translate(-50%, 50%); 
    border-radius: 100%; 
    height: 120px; 
    width: 120px; 
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.brand-logo-magasin {
  transform: translate(-50%, 50%); 
  border-radius: 100% !important; 
  height: 170px !important; 
  width: 170px !important; 
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  left: 20%;
}

.portfolio-page__filter-box {
    position: relative;
    display: flex;
    align-items: center;
  }
  
  .portfolio-page__filter-title {
    font-size: 16px;
    margin-right: 17px;
  }
  
  .portfolio-page__filter {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  
  .portfolio-page__filter.style1 li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  
  .portfolio-page__filter.style1 li+li {
    margin-left: 10px;
    margin-bottom: 10px;
  }
  
  .portfolio-page__filter.style1 li .filter-text {
    position: relative;
    display: inline-block;
    color: #2d2d2d;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.4s ease;
    border-radius: 5px;
    padding: 4px 25px 4px;
    background-color: white;
    border: 1px solid #EAECF0;
    transition: all 0.4s ease;
    z-index: 1;
  }
  
  .portfolio-page__filter.style1 li:hover .filter-text,
  .portfolio-page__filter.style1 li.active .filter-text {
    color: white;
    background-color: #F74780;
    border: 1px solid #F74780;
  }

  .color-icone-soluce-1 {
    color: #DB2777 !important;
  }
  .color-icone-soluce-2 {
    color: #0284C7 !important;
  }
  .color-icone-soluce-3 {
    color: #9333EA !important;
  }
  .color-icone-soluce-4 {
    color: #EAB308 !important;
  }

  .color-bg-icone-soluce-1 {
    fill: #FCE7F3 !important;
  }
  .color-bg-icone-soluce-2 {
    fill: #E0F2FE !important;
  }
  .color-bg-icone-soluce-3 {
    fill: #F3E8FF !important;
  }
  .color-bg-icone-soluce-4 {
    fill: #FEF9C3 !important;
  }

  .profile-sub-menu {
    top: 85px !important;
    right: -10px !important;
  }
  .logout-area {
    border-top: solid 1px #bbb;
    margin-top: 10px !important;
    padding-top: 10px !important;
  }

  .profile-avatar {
    margin-top: 60px;
    margin-bottom: 20px;
  }
  .profile-avatar img {
    width: 150px;
    height: 150px;
    border-radius: 100%;
  }
  .img-qr-code {
    width: 400px;
    height: 400px;
  }
  .custom-marker {
    border-radius: 20px;
    display: block;
    position: relative;
  }
  .import-photo-label {
    cursor: pointer;
  }
  .bg--bons { background-image: url(../images/easygifte/hero_bg.jpg); }
  .my-banner {
    background-image: url(../images/easygifte/magasins/slide-magasin-details.png);
    margin-top:120px;
    padding-bottom:130px;
    background-blend-mode: multiply;
    background-color:#00000059;
    overflow: hidden;
    padding-top: 180px;
  }
  .avatar-custom-add {
    height: 90px;
    width: 90px;
    margin-bottom: 10px;
    border-radius: 50%;
  }
  .sweet-custom {
    color: #F74780;
    background-color: #FFE4E6;
  }
  .solde-entreprise-g {
    font-size: 18px;
    font-weight: 400;
  }
  .solde-entreprise-d {
    font-size: 16px;
    font-weight: 500 !important;
  }
  .card-bordered-solde {
    box-shadow: 0 4px 8px rgb(0 0 0 / 10%);
    padding-top: 13px;
    padding-bottom: 10px;
  }
  .card-bordered-solde img {
    border-radius: 100% !important;
  }
  .excel-icon {
    width: 160px;
    display: block;
    margin: auto;
  }
  .my-edit-button {
    background-color: white;
    border-radius: 50%;
    padding: 10px;
    box-shadow: 0 4px 8px rgb(0 0 0 / 30%);
  }
  .bordure {
    border: 1px #d0d0d0 solid;
  }
  .points-ventes::before,
  .points-ventes::after {
    top: 15px;
  }
  .points-ventes img {
    height: 50px;
    width: 50px;
  }
  .my-p-left {
    padding-left: 80px !important;
  }
  .facture-desc-points {
    min-width: 90px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #8094ae;
  }
  .form-group-place {
    width: 200px;
  }

  @media (min-width: 321px) and (max-width: 479.98px){
    .space-button {
      margin-bottom: 15px;
    }
    .recursiv-logo {
      width: 200px;
    }
    .img-qr-code {
      width: 250px;
      height: 250px;
    }
  }
  .app-download {
    transition: transform 0.3s ease-in-out;
  }
  
  .app-download:hover {
    transform: scale(1.15);
  }