.about-values-section{padding:29px 0;overflow:hidden;background:#fff}.about-values-wrapper{display:flex;flex-direction:column-reverse;gap:9px}.about-diagram-wrapper{position:relative;width:100%;margin:0 auto -40px;aspect-ratio:1 / 1;background:url(flowe-our-values.png) no-repeat center/contain;z-index:1}.diagram-text{position:absolute;width:28%;font-size:16px;line-height:1.4;text-align:center;transform:translate(-50%,-50%);z-index:3}.text-1{top:21%;left:48%}.text-2{top:36%;left:75%}.text-3{top:61%;left:76%}.text-4{top:78.5%;left:54.5%}.text-5{top:66%;left:27%}.text-6{top:40.5%;left:25%}.diagram-center{position:absolute;top:50%;left:50%;width:133px;height:133px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:url(flowe-badge-our-values.png) no-repeat center/contain;transform:translate(-47%,-45%);z-index:5}.diagram-center img{max-width:84%;height:auto}.about-values-content{width:100%}.about-values-title{margin-bottom:22px;color:var(--color-9)}.about-values-list{display:flex;flex-direction:column}.about-values-item{display:inline-block;gap:16px;padding:11px 0;border-bottom:1px solid var(--color-2)}.about-values-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--color-7);border-radius:50%;color:#fff}.about-values-icon svg{width:12px;height:12px}.about-values-text-block{line-height:1.5}.about-values-item-title{margin-right:5px;font-weight:600;font-size:18px}@media screen and (min-width:750px){.diagram-text{width:30%}.about-values-item{display:flex;align-items:flex-start;gap:16px;padding:11px 0 10px}.about-diagram-wrapper{max-width:615px}.diagram-center{transform:translate(-44%,-54%)}.text-1{top:19%;left:47.5%}.text-2{top:34%;left:74%}.text-3{top:59%;left:77%}.text-4{top:77.5%;left:55%}.text-5{top:65%;left:26%}.text-6{top:41%;left:24%}}@media screen and (min-width:990px){.about-values-section{padding:0}.about-values-wrapper{flex-direction:row;align-items:center;justify-content:space-between;gap:0;margin:-37px 0 -28px}.about-diagram-wrapper{max-width:49%;margin:0}.about-values-content{max-width:49%;padding:100px 0 85px}}@media screen and (max-width:749px){.about-values-icon{float:left;margin:0 8px 0 0}.about-values-item-title{display:block;margin-bottom:7px}.about-values-text-block span:not(.about-values-item-title){letter-spacing:.5px}.about-diagram-wrapper{width:132%;margin:-7px 0 -12px -16%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-about-diagram.css.map */