.del__tree{
margin-bottom: 2rem;
}
.del__tree h2 {
text-align: left;
font-size: var(--size-text-xxl);
margin-bottom: 2rem;
font-weight: 300;
text-align: center;
}
.del__tree h2::first-letter {
color: var(--color-green);
font-weight: 600;
}
.del__tree .del__s_img img {
width: 100%;
aspect-ratio: 5 / 4;
border-radius: 1rem;
object-fit: cover;
}
.del__tree .del__s_items{
display: flex;
flex-direction: column;
gap: 2rem;
}
.del__tree .del__s_items .del__s_item{
display: flex;
flex-direction: row;
gap: 2rem;
}
.del__tree .del__s_items .del__s_item:nth-child(odd){
flex-direction: row-reverse;
}
.del__tree .del__s_items .del__s_item .del__s_img{
flex-grow: 1;
}
.del__tree .del__s_items .del__s_item .del__s_data{
flex: 0 0 50%;
}
.del__tree .del__s_items .del__s_item .del__s_data .del__s_name h3{
font-size: var(--size-text-l);
font-weight: 300;
color: var(--color-green);
}
.del__tree .del__s_items .del__s_item .del__s_data .del__s_link a {
display: flex;
padding: 1rem 2rem;
border: 1px solid var(--color-green);
color: var(--color-green);
font-size: var(--size-text-m);
font-weight: 600;
border-radius: 16px;
width: fit-content;
cursor: pointer;
}
.del__tree .del__s_items .del__s_item .del__s_data .del__s_link a:hover{
background: var(--color-green);
color: white;
}
@media (max-width: 960px) {
.del__tree  .del__container{
padding-left: 1rem;
padding-right: 1rem;
}
.del__tree .del__s_items .del__s_item:nth-child(odd){
flex-direction: column;
}
.del__tree .del__s_items .del__s_item{
flex-direction: column;
}
.del__tree .del__s_items .del__s_item .del__s_img{
flex: unset;
}
.del__tree .del__s_items .del__s_item .del__s_data{
flex: 0 0 100%;
}
.del__tree .del__s_items .del__s_item .del__s_data .del__s_name h3{
margin-top: 0;
}
}