.interventions .opt_title {
width: 40%;
width: 35%;
}
.interventions {
width: 100%;
display: flex;
justify-content: space-between;
}
.interventions .expert_ct {
width: 65%;
}
.interventions .expert_box {
width: 100%;
}
.interventions .accordion {
width: 100%;
}
.option {
position: relative;
} .toggle {
display: none;
}
.accordion .title {
font-size: clamp(1rem, 1vw + 1rem, 1.2rem);
}
.accordion .title h4 {
font-weight: 400;
}
.title {
padding: 1.5rem 2rem 1.5rem .5rem;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
}
.title,
.content {
transform: translateZ(0);
transition: all 0.2s;
}
.orange .content {
border-bottom: 1px solid var(--main-orange);
}
.green .content {
border-bottom: 1px solid var(--main-green);
}
.purple .content {
border-bottom: 1px solid var(--main-purple);
}
.content {
max-height: 0;
overflow: hidden;
margin-bottom: 0.25rem;
}
.content p {
padding: 1.2rem .5rem;
line-height: 1.5;
}
.toggle + .title + .content {
transition: all .25s ease;
}
.title:after,
.title:before {
content: '';
position: absolute;
right: 1.25rem;
width: 2px;
height: 1rem;
background-color: var(--main-black);
transition: all .4s;
}
.accordion .title:after,
.accordion .title:before {
top: 50%;
}
.title:after {
transform: translateY(-50%) rotate(90deg);
}
.accordion .title:before {
transform: translateY(-50%);
} .toggle:checked + .title + .content {
max-height: 5000px;
}
.toggle:checked + .title:before {
transform: translateY(-50%) rotate(90deg) !important;
}
@media all and (max-width: 1800px) {
.interventions .opt_title {
width: 35%;
}
}
@media all and (max-width: 1300px) {
.interventions {
flex-direction: column;
}
.interventions .expert_ct {
width: 100%;
}
}
@media all and (max-width: 950px) {
.interventions .opt_title {
width: 100%;
}
.accordion {
width: 100%;
}
}
@media (max-width: 768px) {
.interventions {
flex-direction: column;
justify-content: center;
}
.interventions .opt_title {
text-align: center;
}
} @media all and (max-width: 480px) {
.title::before,
.title::after {
right: 1rem;
}
}