.del__story {
padding-bottom: 2rem;
margin-bottom: 2rem;
background-color: lightgray;
background-size: cover;
background-position: center center;
}
.del__story .del__container {
padding-top: 2rem;
display: flex;
flex-direction: column;
gap: 2rem;
} .del__story .del__s_left h2 {
font-size: 36px;
font-weight: 700;
text-align: center;
margin-bottom: 40px;
}
.del__story .del__s_left h2 b {
color: var(--color-green);
} .del__story .del__s_right {
position: relative;
width: 100%;
padding: 40px 0;
} .del__story .del__s_right::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 2px;
background: var(--color-green);
transform: translateX(-50%);
} .del__story .del__s_item {
position: relative;
width: 45%;
padding: 22px 30px;
background: #fff;
border-radius: 14px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
margin-bottom: 60px;
} .del__story .del__s_item:nth-child(odd) {
margin-left: 0;
}
.del__story .del__s_item:nth-child(even) {
margin-left: auto;
} .del__story .del__s_year {
font-size: var(--size-text-xl);
font-weight: 600;
color: var(--color-green);
margin-bottom: 8px;
}
.del__story .del__s_title {
font-size: 18px;
font-weight: 700;
margin-bottom: 10px;
}
.del__story .del__s_text {
font-size: 15px;
line-height: 1.5;
color: #555;
} @media (max-width: 1366px) {
.del__story .del__s_item {
width: 48%;
padding: 20px 25px;
margin-bottom: 50px;
}
.del__story .del__s_item::after {
width: 30px;
}
} @media (max-width: 960px) {
.del__story {
background: lightgray;
}
.del__story .del__s_right {
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
}
.del__story .del__s_item {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.del__story .del__s_item:nth-child(odd) {
margin-left: auto;
margin-right: auto;
}
.del__story .del__s_item::before,
.del__story .del__s_item::after {
display: none; }
.del__story .del__s_left h2 {
font-size: 28px;
}
}