.about-area{width:100%;padding:0 10%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:10%}.about-area .about-area-item{width:50%;margin-bottom:5%;position:relative;padding:0 5%}.about-area .about-area-item img{padding:0 20%}.about-area .about-area-item h6{font-size:1cqw;color:#6f3ee9;opacity:.6;margin-bottom:3%}.about-area .about-area-item h4{font-size:2cqw;margin-bottom:3%;color:var(--color-secondary)}.about-area .about-area-item p{font-size:.9cqw;margin-bottom:5%;color:var(--color-primary)}.about-area .about-area-item .item-logo{position:absolute;top:-10%;left:0;opacity:.2;padding:0 5%;width:14cqw}.about-area .about-area-item .before-number:before{position:absolute;left:10%;opacity:.2;color:var(--color-secondary);font-size:3.5cqw;transform:translate(-15%,-35%)}.about-area .about-area-item .before-number:first-child:before{content:"1"}.about-area .about-area-item .before-number:nth-child(3):before{content:"2"}@media (max-width:768px){.about-area .about-area-item{width:100%}.about-area .about-area-item h4{font-size:5cqw}.about-area .about-area-item p{font-size:2.5cqw}.about-area .about-area-item .item-logo{top:-5%;padding:0}.about-area .about-area-item .before-number:before{font-size:7cqw;left:5%}.about-area .about-area-item h6{font-size:2.5cqw}.about-area .about-area-item:nth-child(3){order:2}.about-area .about-area-item:nth-child(4){order:1}}