.testimonialSection{background-color:#141414;padding:150px 0 100px 32px;.testimonial-container{display:flex;flex-direction:column;gap:80px;margin:0 auto;width:100%;.section-title{display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:1375px;width:100%;.section-tagline{//width:32%;align-items:center;display:flex;gap:8px;.icon{display:flex;width:16px}.text{color:#fff;font-family:IBM Plex Mono;font-size:16px;font-style:normal;font-weight:400;line-height:130%;text-transform:uppercase}}.title{color:#fff;font-family:Manrope;font-size:40px;font-style:normal;font-weight:550;letter-spacing:-1.2px;line-height:110%;width:68%}}.testimonial-list{display:flex;flex-direction:column;gap:40px;width:100%;.testimonial-content{display:flex;overflow-x:scroll;scrollbar-width:none;width:100%;&::-webkit-scrollbar{display:none}.testimonial-item{border:1px solid hsla(0,0%,100%,.2);min-width:720px;padding:32px;.card{background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:360px;padding:40px;.quote{color:#141414;font-family:Manrope;font-size:24px;font-style:normal;font-weight:500;letter-spacing:-.24px;line-height:140%;width:100%}.information{align-items:flex-end;display:flex;gap:32px;justify-content:space-between;width:100%;.person{align-items:flex-end;display:flex;gap:24px;width:calc(100% - 162px);.photo-and-company{align-items:flex-end;display:flex;gap:4px;.photo{width:72px;img{width:100%}}.company{width:48px;img{width:100%}}}.name-and-job-title{.name{color:#141414;font-family:Manrope;font-size:18px;font-style:normal;font-weight:700;line-height:150%}.job-title{color:#141414;font-family:Manrope;font-size:18px;font-style:normal;font-weight:300;line-height:150%;span{font-weight:400}}}}.read-more-btn{background-color:#141414;color:#fff;display:block;font-family:Manrope;font-size:16px;font-style:normal;font-weight:600;height:fit-content;line-height:150%;padding:12px 0;position:relative;text-align:center;width:130px;&:hover{cursor:pointer}}}}}}.testimonial-controller{align-items:center;display:flex;justify-content:space-between;padding-right:32px;width:100%;.progress-bar{background:#474747;height:2px;overflow:hidden;position:relative;width:300px;.progress-fill{background:#e7d6c2;height:100%;left:0;position:absolute;top:0;transition:none;width:0}}.button-controller{align-items:center;display:flex;gap:8px;width:100px;.btn{align-items:center;background-color:#e7d6c2;display:flex;height:48px;justify-content:center;transition:opacity .2s,background-color .2s;width:48px;&:hover{cursor:pointer}&.disabled{cursor:not-allowed;opacity:.3;pointer-events:none}}}}}}@media screen and (max-width:600px){padding-bottom:80px;padding-left:16px;padding-right:16px;padding-top:80px;.testimonial-container{gap:56px;.section-title{flex-direction:column;.title{font-size:32px;width:100%}}.testimonial-list{.testimonial-content{.testimonial-item{min-width:100%;padding:16px;width:100%;.card{min-height:520px;padding:16px;.quote{font-size:20px}.information{align-items:flex-start;flex-direction:column;gap:16px;.person{align-items:flex-start;flex-direction:column;gap:16px;width:100%}}}}}.testimonial-controller{align-items:flex-end;gap:40px;padding:0;.progress-bar{width:50%}}}}}@media screen and (min-width:600px) and (max-width:1024px){padding-left:24px;padding-right:24px;.testimonial-container{.section-title{align-items:flex-start;.title{font-size:40px;width:80%}}.testimonial-list{.testimonial-content{.testimonial-item{min-width:100%;padding:16px;width:100%;.card{min-height:420px;padding:16px;.quote{font-size:24px}.information{align-items:flex-start;flex-direction:column;gap:16px;.person{align-items:flex-start;flex-direction:column;gap:16px;width:100%}}}}}.testimonial-controller{align-items:flex-end;gap:40px;padding:0}}}}}