.tabs {
  display: flex;
 justify-content: center;
  background-color: transparent;
  border-top: none;
  overflow-x: auto;
  margin: 5px;
  margin: 0 auto; 
}

.tabs__tab {
  font-weight: 600;
  background-color: transparent;
  position: relative;
  border-radius: 50px;
  transition: all 200ms;
  border-top: solid 4px rgba(0,0,0,0);
  white-space: pre;
  margin: 8px;
  border: 1px solid #eee6fe;
  color: #4b22f4;
 
}

.tabs__tab,
.tabs__tab:focus,
.tabs__tab:active {
  
  justify-content: center;
  padding: 8px 20px !Important;
  text-align: center;
  font-size: 16px;
  
}

.tabs__tab:hover {
 border: 1px solid #6f4ef6;

}

.tabs__tab[aria-selected='true'] {
 
  background-color: rgba(255, 255, 255, 1);
  border-top: solid 4px var(--primary-accent);
  color: var(--primary-accent);
}

.tabs__tab[aria-selected=true] {
    background-color: #6f4ef6;
    border: 1px solid #6f4ef6;
    color: #ffff;
}

.tabs__tab[aria-selected='false']:hover{
 
  border: 1px solid #6f4ef6
  color: #ffff;
}

.tabs__tab[aria-selected='false']:focus,
.tabs__tab[aria-selected='true']:focus {
  outline: solid 4px var(--primary-accent);
}

.tabs__content {
  padding: 0px !Important;
  background-color: ;
  margin-top: 30px;
  margin-bottom: 30px;
  

}

.c-tabs-container img {
border-radius: 20px;
width: 100%;
height: auto;
}
.content-ul {
display: flex;
align-items: center;
margin-top: 60px;
margin-bottom: 60px;
}

.tabs__content__img {
margin-right: 30px;
width: 50%;
}

.tabs__content__img img{
  border-radius: 15px !Important;
}
.tabs__content__text {
width: 50%;
}


/*****************************************/
/* INICIO RESPONSIVE MOBILE   */
/*****************************************/

@media (max-width:765px){
.tabs__content__img {
margin-right: 0px;
width: 100%;
margin-top: -40px;
}

.tabs__content__text {
margin-right: 0px;
width: 100%;
}

.tabs__content__img {
 margin-right: 0px;
 margin-bottom: 30px;
 }  
  
  
.tabs__tab,
.tabs__tab:hover;
.tabs__tab:focus,
.tabs__tab:active {
  margin: 5px;
  border: 1px solid #9C86F9;
  color: #9C86F9;

}
  .tabs__tab {
 font-size: 14px; 
  }

  .tabs {
  justify-content: left;
  }
}