.how-section{padding:120px 325px;align-items:center;display:flex;flex-direction:column;justify-content:center}.how-content{padding:80px 0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,auto);gap:110px}.how-content .audit:after{content:"";display:block;border-radius:50%;width:7px;height:7px;background-color:#3b3b3b;position:absolute;top:40%;right:-23.5px;z-index:2}.how-content .audit:before{content:"";display:block;clip-path:polygon(0% 0%,100% 0%,100% 100%,calc(100% - 1px) 100%,calc(100% - 1px) 1px,0% 1px);background-color:#3b3b3b;position:absolute;width:35.5px;height:calc(60% + 107px);top:calc(40% + 3px);left:calc(100% + 20px);z-index:3}.how-content .training:after{content:"";display:block;border-radius:50%;width:7px;height:7px;background-color:#3b3b3b;position:absolute;top:70%;left:-3.5px;z-index:2}.how-content .training:before{content:"";display:block;clip-path:polygon(100% 0%,0% 0%,0% 100%,calc(0% + 1px) 100%,calc(0% + 1px) 1px,100% 1px);background-color:#3b3b3b;position:absolute;width:55.5px;height:calc(30% + 107px);top:calc(70% + 3px);left:-55.5px;z-index:3}.how-content .managing{grid-column:1/3;width:70%}.how-content .managing:before{content:"";display:block;border-radius:50%;width:7px;height:7px;top:-3.5px;left:calc(50% - 3.5px);z-index:2;position:absolute;background-color:#3b3b3b}.how-content .managing:after{content:"";display:block;border-radius:50%;width:7px;height:7px;bottom:-23.5px;left:calc(50% - 3.5px);z-index:2;position:absolute;background-color:#3b3b3b}.how-content .autonomy:before{content:"";display:block;clip-path:polygon(calc(50% - .5px) 0%,calc(50% + .5px) 0%,calc(50% + .5px) calc(70% - 1.5px),100% calc(70% - 8.5px),100% calc(70% - 7px),calc(50% + .5px) 70%,calc(50% - .5px) 70%,0% calc(70% - 7px),0% calc(70% - 8.5px),calc(50% - .5px) calc(70% - 1.5px));background-color:#3b3b3b;position:absolute;width:15px;height:170px;top:-170px;left:calc(50% - 7.5px);z-index:3}.how-content .autonomy{grid-column:1/3;width:40%;margin-top:80px}@media (max-width: 1600px){.how-section{padding:120px 250px}}@media (max-width: 1400px){.how-section{padding:120px 150px}}@media (max-width: 1024px){.how-section{padding:80px 100px}.how-content{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,auto);gap:110px}.how-content .managing{grid-column:1;width:70%}.how-content .training,.how-content .audit{width:70%}.how-content .autonomy{grid-column:1;width:70%}.how-content .audit:after{top:auto;bottom:-23.5px;left:calc(50% - 3.5px)}.how-content .audit:before{clip-path:none;width:1px;height:90px;top:auto;bottom:-110px;left:calc(50% - .5px)}.how-content .training:after{top:auto;bottom:-23.5px;left:calc(50% - 3.5px)}.how-content .training:before{clip-path:none;width:1px;height:90px;top:auto;bottom:-110px;left:calc(50% - .5px)}.how-content .managing:before{display:none}}@media (max-width: 800px){.how-content .managing,.how-content .training,.how-content .audit{width:100%}.how-content .autonomy{width:80%}}.card-container{position:relative;width:fit-content;height:fit-content;justify-self:center}.card{position:relative;background-color:#fff;border-radius:24px;margin:0;padding:24px;border:1px solid #3B3B3B}.step{position:absolute;top:-14px;left:20px;background:#fff;border:1px solid #3B3B3B;border-radius:50%;padding:6px 12px}h3{font-weight:700;font-size:33px}hr{margin:12px 0;border:none;border-top:1px solid #3B3B3B}.step-item{padding:16px 0}.step-item:first-child{padding-top:40px}.step-item-category{border:1px solid #3B3B3B;border-radius:4px;padding:4px 8px;margin-bottom:4px;width:fit-content}.step-item-description{margin:10px 0}.hashtag{color:#3e91b3}.learn-more{margin-top:12px;padding:8px 16px;background-color:#eee;border:none;border-radius:6px;cursor:pointer;font-size:21px}.card-shadow{position:absolute;top:20px;left:20px;z-index:-1;width:100%;height:100%}.card-shadow img{object-fit:cover;width:100%;height:100%;border-radius:24px;border:1px solid #3B3B3B}@media (max-width: 1400px){h3{font-size:26px}p{font-size:17px}}@media (max-width: 800px){h3{font-size:21px}}.autonomy-card-container{position:relative;width:fit-content;height:fit-content;justify-self:center}.autonomy-card{position:relative;align-items:center;display:flex;flex-direction:column;justify-content:center;background-color:#fff;border-radius:24px;padding:24px}.autonomy-step{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:#fff;border:1px solid #3B3B3B;border-radius:50%;padding:6px 12px;font-weight:700}.autonomy-title{font-size:20px;font-weight:700;margin-top:30px;text-align:center}hr{margin:12px 0;width:100%;height:1px;border:none;border-top:1px solid #ccc}.autonomy-description{text-align:center}