.boy-with-circles{width:100%;position:relative}.boy-with-circles__photo{z-index:2;width:100%;height:auto;display:block;position:relative}.boy-with-circles__ring{z-index:1;position:absolute}.boy-with-circles__ring img{width:100%;height:100%;display:block}.boy-with-circles__ring--lg{aspect-ratio:1;top:20%;width:49.5%;inset-inline-start:-3%}.boy-with-circles__ring--md{aspect-ratio:1;top:27%;width:39%;inset-inline-start:8%}.boy-with-circles__ring--sm{aspect-ratio:1;top:34%;width:28.5%;inset-inline-start:13%}
.workshop-benefit{background-color:var(--workshop-card-olive);border:12px solid var(--workshop-bg);border-radius:36px;max-width:76rem;margin-left:auto;margin-right:auto;position:relative;overflow:visible}.workshop-benefit__grid{grid-template-columns:1fr;align-items:center;display:grid;position:relative}@media (min-width:1024px){.workshop-benefit__grid{grid-template-columns:1fr 1fr;align-items:stretch}}.workshop-benefit__text{text-align:start;flex-direction:column;order:1;justify-content:center;padding-block:2.5rem;padding-inline:2.5rem 1rem;display:flex}@media (min-width:1024px){.workshop-benefit__text{order:2;padding-block:3rem;padding-inline:2rem 1.5rem}.workshop-benefit__line1,.workshop-benefit__line2{font-size:38px;line-height:42px}}@media (min-width:1280px){.workshop-benefit__line1,.workshop-benefit__line2{font-size:43px;line-height:45px}}.workshop-benefit__line1{color:var(--workshop-text-muted);margin-bottom:1rem;font-size:26px;line-height:1.15}.workshop-benefit__line2{color:var(--color-lime);margin-bottom:0;font-size:26px;line-height:1.15}@media (min-width:375px){.workshop-benefit__line1,.workshop-benefit__line2{font-size:32px;line-height:1.1}}@media (min-width:480px){.workshop-benefit__line1,.workshop-benefit__line2{font-size:43px;line-height:45px}}.workshop-benefit__image-col{order:2;min-height:280px;position:relative;overflow:visible}@media (min-width:1024px){.workshop-benefit__image-col{min-height:unset;order:1}}.workshop-benefit__image-stage{position:absolute;inset:0;overflow:visible}.workshop-benefit__child{z-index:20;width:130%;position:absolute;top:-10%;left:50%;transform:translate(-50%)rotate(-5.29deg)}@media (min-width:768px){.workshop-benefit__child{top:-35%}}@media (min-width:1024px) and (max-width:1279px){.workshop-benefit__child{width:120%;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-5.29deg)}}@media (min-width:1280px){.workshop-benefit__child{width:140%;top:-40%}}.workshop-benefit__child>img{z-index:2;width:100%;height:auto;display:block;position:relative}