.blue {
   color: #0953FB;
}

.bold-text{
   font-family: "CentraNo1-Extrabold";
   font-weight: 400;
   line-height: 28px;
   text-align: center;
}

.rounded-bullets {
   list-style-type: disc;
}

@media (max-width: 768px) {
   .dynamic-text-block {
      max-width: 100%;
   }
}

/* VIGNETTE */
.vignette-wrapper {
   display: flex;
   gap: 20px;
}

.vignette-client {
   width: 100%;
   max-width: 574px;
   position: relative;
   overflow: hidden;
   border-radius: 10px;
   background-size: cover;
   background-position: center;
   padding-top: 25%;
   transition: transform 0.1s ease;
}

.vignette-client:hover {
   transform: scale(1.03);
}
   
.vignette-overlay {
   position: absolute;
   top: 0;
   right: 0;
   width: 50%;
   height: 100%;
   background-color: rgba(255, 255, 255, 0.7);
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   padding: 20px;
   box-sizing: border-box;
}

.logos {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
}

.logo {
   width: 100%;
   max-width: 220px;
   height: auto;
   margin-top: 15%;
}

.description {
   font-size: 20px;
   font-weight: 900;
   line-height: 26px;
   font-family:"CentraNo1-Black";
   color: black;
   text-align: left;
   line-height: 26px;
   letter-spacing: 0px;
}

.tags {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   justify-content: flex-start;
}

.tag {
   font-family:"CentraNo1-Book";
   font-size: 16px;
   line-height: 18px;
   background-color: rgba(112, 112, 112, 1);
   color: white;
   padding: 6px 10px;
   border-radius: 5px;
}

@media (max-width: 1024px) {
   .vignette-client {
      max-width: 45%;
      padding-top: 50%;
   }
}

@media (max-width: 600px) {
   .vignette-wrapper {
      flex-direction: column;
      align-items: center;
  }

   .vignette-client {
      max-width: 100%;
      padding-top: 65%;
   }

   .vignette-overlay {
      padding: 12px;
   }

   .description {
      font-size: 14px;
      line-height: 100%;
   }

   .tags {
      gap: 5px;
   }

   .tag {
      font-size: 6px;
      padding: 1px 3px;
   }
}

/* Video Cas Clients */
iframe {
   width: 954px;
   height: 510px; 
   border-radius: 20px;
}

@media (max-width: 710px) {
   iframe {
   width: 288px;
   height: 288px;
   border-radius: 10px;
   }
}
@media (min-width: 710px) and (max-width: 954px) {
   iframe {
   width: 700px;
   height: 350px;
   border-radius: 10px;
   }
}