.banner-area.banner-area-padding.section-bg-1 {
  background: rgb(69,104,220);
  background: -moz-linear-gradient(90deg, rgba(69,104,220,1) 0%, rgba(176,106,179,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(69,104,220,1) 0%, rgba(176,106,179,1) 100%);
  background: linear-gradient(90deg, rgba(69,104,220,1) 0%, rgba(176,106,179,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4568dc",endColorstr="#b06ab3",GradientType=1);
}

.banner-single-content-title, .banner-single-content-para, .banner-single-content-logo-title {
 color: #fff 
}

.banner-right-content-thumb.wow.slideInUp {
  background: #fff;
}

.cmn-btn.btn-bg-1 {
  background: #fff;
  color: #000;
  border: 1px solid transparent;
}

.banner-area.banner-area-padding.section-bg-1 .cmn-btn.btn-outline-1 {
  padding: 12px 35px;
  color: white;
  border: 1px solid #fff;
}

span[data-type_id="all"] {
display: none
}


.single-freelancer-author-thumb {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.single-freelancer-author-thumb img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 50%;
  background: #fff;
  /* Borda interna branca opcional */
  border: 2px solid #fff;
  position: relative;
  z-index: 2;
}

/* Borda circular com gradiente */
.single-freelancer-author-thumb::before {
  content: "";
  position: absolute;
  width: 132px;    /* img width + 2*border */
  height: 132px;
  border-radius: 50%;
  background: linear-gradient(90deg, #7647c7, #54a8e2); /* roxo para azul */
  z-index: 1;
}

/* Opcional: garantir que o container não corte a borda */
.single-freelancer-author-thumb {
  width: 132px;
  height: 132px;
}


.banner-single-content-logo-list-link img {
  width: 114px !important;
}

.brand-area.pat-50.pab-100 {
  display: none;
}


[data-padding-top="100"] {
  padding-top: 65px !important;
}






.profile-wrapper-author-thumb {
  position: relative !important;
  width: 96px !important;
  height: 96px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 28px !important; /* Espaço do nome */
}

.profile-wrapper-author-thumb::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: conic-gradient(
    #7B6BE6 0deg 90deg,    /* arco roxo */
    #9E8DE8 90deg 180deg,  /* arco lilás */
    transparent 180deg 360deg  /* resto transparente */
  );
  z-index: 1;
  animation: spin-arco 2.5s linear infinite;
}

.profile-wrapper-author-thumb::after {
  content: "";
  position: absolute;
  top: 8px; left: 8px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #fff;
  z-index: 2;
}

.profile-wrapper-author-thumb img {
  position: absolute !important;
  left: 14px !important;
  top: 14px !important;
  width: 68px !important;
  height: 68px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  z-index: 3 !important;
  border: none !important;
  background: none !important;
  display: block !important;
}

@keyframes spin-arco {
  to { transform: rotate(360deg);}
}

.profile-wrapper-author-thumb {
  margin-right: 24px !important; /* ou ajuste para 32px se quiser ainda mais espaço */
}























.single-freelancer-author-thumb {
  position: relative !important;
  width: 96px !important;
  height: 96px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Arco gradiente animado */
.single-freelancer-author-thumb::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: conic-gradient(
    #7B6BE6 0deg 90deg,
    #9E8DE8 90deg 180deg,
    transparent 180deg 360deg
  );
  z-index: 1;
  animation: spin-arco-freelancer 2.5s linear infinite;
}

/* Fundo branco para separar o arco da imagem */
.single-freelancer-author-thumb::after {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #fff;
  z-index: 2;
}

.single-freelancer-author-thumb img {
  position: absolute !important;
  left: 14px !important;
  top: 14px !important;
  width: 68px !important;
  height: 68px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  z-index: 3 !important;
  border: none !important;
  background: none !important;
  display: block !important;
}

@keyframes spin-arco-freelancer {
  to { transform: rotate(360deg);}
}










.jobFilter-proposal-author-thumb {
  position: relative !important;
  width: 70px !important;
  height: 70px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.jobFilter-proposal-author-thumb::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #e0e0e0; /* cinza claro */
  z-index: 1;
}

/* Arco gradiente curto e animado */
.jobFilter-proposal-author-thumb::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: conic-gradient(
    #7B6BE6 0deg 45deg,
    #9E8DE8 45deg 90deg,
    transparent 90deg 360deg
  );
  z-index: 2;
  animation: spin-arco-jobfilter 2.5s linear infinite;
  pointer-events: none;
}

.jobFilter-proposal-author-thumb img {
  position: absolute !important;
  left: 10px !important;
  top: 10px !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  z-index: 3 !important;
  border: 4px solid #fff !important;
  background: #fff !important;
  display: block !important;
}

@keyframes spin-arco-jobfilter {
  to { transform: rotate(360deg);}
}