.tws-about-wrap { width: 100%; }
.tws-about-grid{
    display:flex;
    gap:32px;
    align-items:flex-start;
}

.tws-left{ width: 34%; min-width: 280px; }
.tws-right{ width: 66%; display:flex; flex-direction:column; gap:24px; }

.tws-section-title{
    margin: 0 0 16px;
    font-size: 22px;
    font-weight: 700;
}

.tws-timeline{ display:flex; flex-direction:column; gap:18px; }

.tws-timeline-item{
    display:flex;
    gap:12px;
    align-items:center;
}

.tws-timeline-avatar{
    width:56px; height:56px;
    border-radius:14px;
    overflow:hidden;
    background:#f2f2f2;
    flex: 0 0 auto;
}
.tws-timeline-avatar img{ width:100%; height:100%; object-fit:cover; display:block; }
.tws-avatar-placeholder{ display:block; width:100%; height:100%; }

.tws-role{ font-weight:700; font-size:16px; line-height:1.2; }
.tws-company{ opacity:.75; margin-top:4px; }
.tws-dates{ opacity:.6; margin-top:6px; font-size:13px; }

.tws-card{
    display:flex;
    gap:18px;
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

.tws-card-media{ width: 42%; min-height: 220px; background:#f2f2f2; }
.tws-card-media img{ width:100%; height:100%; object-fit:cover; display:block; }


.tws-card-content{
    /* le contenu Creative Elements vit ici */
}

.tws-card-footer{
    margin-top:14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}

.tws-skills{ display:flex; flex-wrap:wrap; gap:10px; }
.tws-skill{ font-size:13px; opacity:.75; }
.tws-skill + .tws-skill::before{ content:"|"; margin:0 10px 0 2px; opacity:.4; }

.tws-year{ font-size:14px; opacity:.7; }

@media (max-width: 980px){
    .tws-about-grid{ flex-direction:column; }
    .tws-left, .tws-right{ width:100%; }
    .tws-card{ flex-direction:column; }
    .tws-card-media, .tws-card-body{ width:100%; }
    .tws-card-media{ min-height: 180px; }
}

.tws-card-content .et_pb_row.et_pb_row_4 {
    padding: 0%;
}

/**
CLASSES CREATIVE ELEMENTS CUSTOM
 */ 
.dtq-carousel .slick-track {
    padding-top: 2vh !important;
    padding-bottom: 2vh !important;
    display: block;
    margin: unset;
}

.year_experience {
    position: absolute;
    bottom: 1vh;
    right: 1vw;
    margin-bottom: 0% !important;
}

.raccourcis_experience {
    position: absolute;
    bottom: 1vh;
    left: 0vw;
}

.image_card_experience img {
    border-radius: 25px;
}

/*-------------*/
.double_column_card.et_pb_equal_columns {
    margin: 0%;
    padding: 0%;
    width: 100%;
}
.tws-card-content .et_pb_section.et_pb_section_3.et_section_regular {
    padding: unset;
}
.titre_experience span {
    font-family: 'Inter',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 700;
    color: #E10073!important;
}
.text_desc_experience p {
    color: black;
}
.year_experience span {
    color: black;
}
.raccourcis_experience span {
    color: black;
}
.logos_experience_card .slick-slide {
    margin-right: 2%;
}

/**
----------------------------------------------------------------
CARTE EXPERIENCE SEOLYNE
----------------------------------------------------------------
 */

.tws-about-card {
    padding: 1.4rem 1.6rem;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0,0,0,0.04);
    margin: 0 0 1.5rem;
    color: black;
}
.top-tws-about-card {
    display: flex;
    gap: 1.2rem;
}

.tws-about-card__avatar-wrap {
    position: relative;
    flex-shrink: 0;
    width: 70px;
    height: 70px;
}

.tws-about-card__avatar-bg {
    position: absolute;
    inset: 0;
    border-radius: 999px;
    background: linear-gradient(135deg,#ff73c5,#e1007a);
}

.tws-about-card__avatar {
    position: relative;
    width: 70px;
    height: 70px;
    border-radius: 999px;
    object-fit: cover;
}

.tws-about-card__body {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-top: 2vh;
}


.tws-about-card__name {
    font-weight: 700;
    font-size: 15px;
}

.tws-about-card__subtitle {
    font-size: 13px;
    color: #555;
}

.tws-about-card__text {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
}

.tws-about-card__links {
    display: flex;
    gap: .8rem;
    margin: .4rem 0 0;
    padding: 0;
    list-style: none;
}

.tws-about-card__links a {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    font-size: 13px;
    text-decoration: none;
    color: #111;
}
ul.tws-about-card__links {
    list-style: none;
    padding: unset;
}
span.tws-about-card__link-icon {
    width: 2vw;
}