.hpi{align-items:start;display:flex;gap:32px;max-width:1000px}.hpi:not(.first){background-color:var(--color-light-bg);border-radius:20px;padding:16px}.hpi:not(.first) .text{padding:16px}.hpi img{border-radius:12px;flex:1;flex-shrink:0;max-width:500px}.hpi .text h1{color:var(--color-dark);font-size:48px;font-weight:700px}.hpi .text h2{color:var(--color-dark);font-size:28px;font-weight:600;line-height:136%;margin-bottom:30px;margin-top:0}.hpi .text p{color:var(--color-text);font-size:18px;line-height:30px;margin:0}.hpi .text{flex:1}.hpi.first{align-items:center;max-width:none}.hpi.first img{border-radius:28px;padding:16px}.hpi.reverse{flex-direction:row-reverse;margin-left:auto}@media(max-width:1200px){.hpi{flex-direction:column!important}.hpi:not(.first) img{max-width:none;width:100%}.hpi .first img{max-width:100%;width:400px}}.connection{position:absolute}.connection.reverse{transform:scaleX(-1)}@media(max-width:1024px){.connection{transform:scaleX(-1) translate(100%)}.connection.reverse{transform:scaleX(1) translate(100%)}}.dot{background-color:#000;border-radius:5px;height:10px;position:absolute;width:10px}.about-us{display:flex;flex-direction:column;gap:100px;margin:auto;max-width:1200px;padding:100px}.about-us .title{color:var(--color-dark);font-size:28px;font-weight:600}.about-us .description,.about-us .title{line-height:30px;margin:0 auto;text-align:center}.about-us .description{color:var(--color-text);font-size:18px;max-width:500px}.about-us .specialities{display:flex;flex-direction:column;gap:48px;max-width:1000px}.about-us .specialities .speciality{align-items:center;display:flex;gap:40px;margin-right:auto;width:420px}.about-us .specialities .speciality .connection-point{height:73.79px;position:relative}.about-us .specialities .speciality .connection-point .speciality-img{border:1px solid var(--color-light);border-radius:12px;filter:var(--filter-specialities);padding:12px;width:48px}.about-us .specialities .speciality .text h3{font-size:22px;margin:0 0 12px}.about-us .specialities .speciality .text p{margin:0}.about-us .specialities .speciality{text-align:right}.about-us .specialities .speciality.reverse{flex-direction:row-reverse;margin-left:auto;margin-right:0;text-align:left}@media(max-width:1280px){.about-us{padding:50px}}@media(max-width:1024px){.about-us .specialities .speciality{width:70%}}@media(max-width:768px){.about-us .specialities .speciality{width:85%}}@media(max-width:512px){.about-us .specialities .speciality{width:100%}}