.subject{background-color:#f4f4f4;padding:22px;border-radius:20px;margin-bottom:16px;display:flex}.subject .subject-left{width:40px;margin-right:24px;align-items:center;justify-content:center;display:flex;flex:none}.subject .subject-title{font-size:20px;font-weight:bold;flex:none;color:#3f4852;position:relative}.subject .subject-title .dots{position:absolute;bottom:-36px;left:17px}.subject .subject-title .dot{width:6px;height:6px;background-color:#3f4852;border-radius:50px;margin:4px 0}.subject .text{font-size:16px;font-weight:bold;line-height:170%;color:#3f4852}.effect{background-color:#f4f4f4;padding:22px;border-radius:20px;display:flex}.effect .effect-title{width:40px;font-size:20px;font-weight:bold;color:#4aa574;margin-right:24px;align-items:center;justify-content:center;display:flex;flex:none}.effect .text{font-size:16px;font-weight:bold;line-height:170%;color:#3f4852}@media(max-width:767px){.effect .effect-title,.subject .subject-title{font-size:16px}.subject .text,.effect .text{font-size:14px}}