@keyframes fadeInAnimationItem{0%{opacity:0}to{opacity:1}}.client-feedback{padding:100px 0}.client-feedback h2{font-family:HankenGroteskBold;font-size:42px;font-weight:700;font-style:normal;color:#000;line-height:54.6px}.client-feedback p{font-family:HankenGroteskLight;font-size:15px;font-weight:400;font-style:normal;color:#606569;line-height:22.5px}@media only screen and (max-width:767px){.client-feedback p{text-align:center}}@media only screen and (min-width:768px)and (max-width:1023px){.client-feedback p{text-align:center}}.client-feedback .fadeInItem{animation:fadeInAnimationItem 1s linear}.client-feedback .fadeOut{opacity:0;transition:all 2s ease-out}.client-feedback .fadeIn{opacity:1;transition:all .2s ease-in}@media only screen and (max-width:767px){.client-feedback h1,.client-feedback p{text-align:center}}.client-feedback-content{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:80px}@media only screen and (max-width:767px){.client-feedback-content{flex-direction:column}}.client-feedback-content-text{flex-grow:1;width:50%}.client-feedback-content-text .default-content{opacity:0}@media only screen and (max-width:767px){.client-feedback-content-text{text-align:center;width:80%;margin:0 auto}}.client-feedback-content-text-name{margin-top:20px;font-family:HankenGroteskBold;font-size:15px;font-weight:700;font-style:normal;color:#000;line-height:16.95px}@media only screen and (max-width:767px){.client-feedback-content-text-name{text-align:center}}@media only screen and (min-width:768px)and (max-width:1023px){.client-feedback-content-text-name{text-align:center}}.client-feedback-content-text-project{margin-top:4px;font-family:HankenGroteskLight;font-size:15px;font-weight:400;font-style:normal;color:#000;line-height:16.95px}@media only screen and (max-width:767px){.client-feedback-content-text-project{text-align:center}}@media only screen and (min-width:768px)and (max-width:1023px){.client-feedback-content-text-project{text-align:center}}.client-feedback-content-avt{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:20px;width:50%;flex-wrap:wrap}.client-feedback-content-avt img{border-radius:50%}@media only screen and (max-width:767px){.client-feedback-content-avt{width:100%;justify-content:center}}@media only screen and (max-width:767px)and (max-width:767px){.client-feedback-content-avt img{width:70px;height:auto}}.client-feedback-liner{transform:translateX(20%)}.client-feedback-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.client-feedback-img-group{display:flex;gap:30px;position:absolute;top:-70%;right:-20%;z-index:-1}.progress-container{position:relative;display:inline-block;opacity:1;cursor:pointer}.progress-container .ant-progress svg{animation:fadeInAnimationItem 1s linear}.progress-image-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:200px;height:200px}.progress-image{max-width:50%;max-height:50%;width:90px;height:90px}