.wwd-section{.wrap{display:flex;flex-direction:column;gap:1.25rem}.title-wrap{flex:0 0 32%;padding-inline:30px;.num{font:var(--text-h1);font-size:44px;margin-block-end:4px}.title{font:var(--text-h4);font-size:24px;margin-block-end:16px}.subtitle{font:var(--text-400-20);font-size:20px;color:var(--gray-text);margin-block-end:16px}}.img-wrap{min-width:0;overflow:hidden;border-radius:24px;align-self:center;max-width:420px;aspect-ratio:42/53;img{object-fit:cover;transition:var(--hover-block-transition)}&:hover img{transform:scale(1.04)}}.list-wrap{flex:0 0 32%;display:flex;flex-direction:column;justify-content:space-between}.list{padding-block-start:18px;.l-item{font:var(--text-600-18);font-size:18px;padding-block-end:16px;margin-block-end:32px;border-bottom:1px solid var(--blue-1);position:relative;&::before, &::after{content:'';position:absolute;bottom:-1px;height:1px;background-color:var(--error);transition:var(--hover-block-transition)}&::before{left:0;right:100%}&::after{left:100%;right:0}&:hover{&::before{right:50%}&::after{left:50%}}}}.text-block{border-radius:24px;padding:24px;background-color:var(--white);transition:var(--hover-block-transition);.tb-title{margin-block-end:16px;font:var(--text-h4);font-size:24px}.tb-subtitle{font:var(--text-400-20);color:var(--gray-text);font-size:20px}&:hover{box-shadow:var(--hover-block-shadow)}}@media screen and (min-width:620px){@media screen and (max-width:1199px){&.--block-02{.wrap{grid-template-columns:auto min(420px,50%)}.list-wrap{grid-column:1/2}.img-wrap{grid-column:2/3}}.wrap{display:grid;grid-template-columns:min(420px,50%)auto}.title-wrap{grid-column:1/-1;grid-row:1/2}.img-wrap{grid-column:1/2;grid-row:2/3;img{max-width:100%}}.list-wrap{grid-column:2/3;grid-row:2/3}}}@media screen and (min-width:1200px){&.--block-02{.wrap{flex-direction:row-reverse}}.wrap{flex-direction:row}.title-wrap{align-self:center}.img-wrap{flex:auto;img{max-width:400px;height:100%}}}}.block4{.cards{--gap:1.25rem;display:flex;flex-wrap:wrap;gap:var(--gap);margin-block-end:1.25rem}.card{flex:1 1 100%;border-radius:24px;background-color:var(--white);padding:min(20px,1.25rem);display:flex;flex-direction:column;gap:1rem;transition:var(--hover-block-transition);.num{color:var(--blue-1);font:var(--text-h1)}.title{font:var(--text-h4);color:var(--black)}.text{color:var(--gray-text);font:var(--text-600-18)}&:hover{box-shadow:var(--hover-block-shadow)}}.text-wrap{background-color:var(--blue-2);padding:2.5rem;border-radius:24px;display:flex;flex-direction:column;align-items:center;gap:1rem;.tw-title{text-align:center;font:var(--text-h1)}.tw-text{text-align:center;font:var(--text-400-20)}}@media screen and (min-width:480px){.card{flex:1 1 calc(50% - var(--gap))}}@media screen and (min-width:768px){.card{flex:1 1 calc(33% - var(--gap))}}@media screen and (min-width:992px){.card{padding:min(2rem,32px)}}}