.integration-how-it-works{padding:60px 0;position:relative}.integration-how-it-works-container{margin:0 auto;max-width:1200px}.integration-how-it-works-content{align-items:center;display:flex;flex-direction:column;gap:32px}.integration-how-it-works-header{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center;width:100%}.integration-how-it-works-subtitle{color:#038181;font-family:Roboto,sans-serif;font-size:16px;font-weight:700;letter-spacing:.5px;line-height:1.4;margin:0}.integration-how-it-works-title{color:#383d3d;font-family:Cooper Lt BT,serif;font-weight:400;line-height:1.3;margin:0;text-transform:capitalize}.integration-how-it-works-steps{display:flex;flex-direction:column;gap:40px;width:100%}.integration-how-it-works-step{align-items:center;display:flex;flex-direction:column;gap:24px;width:100%}.integration-how-it-works-step-visual{aspect-ratio:512/348;border:2px solid #038181;border-radius:12px;box-shadow:10px 8px 28px 0 rgba(56,61,61,.2);flex-shrink:0;max-width:500px;order:2;overflow:hidden;position:relative;width:100%}.integration-how-it-works-step-visual img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.integration-how-it-works-step-visual-placeholder{align-items:center;background:#f5f5f5;border-radius:12px;display:flex;height:100%;justify-content:center;width:100%}.integration-how-it-works-step-visual-placeholder svg{height:100%;width:100%}.integration-how-it-works-step-figure{display:block;height:100%;margin:0;width:100%}.integration-how-it-works-step-figure picture{display:block;height:100%;width:100%}.integration-how-it-works-step-figure img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.integration-how-it-works-step-content{display:flex;flex-direction:column;gap:10px;max-width:500px;text-align:center;width:100%}.integration-how-it-works-step-header{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;width:100%}.integration-how-it-works-step-number{align-items:center;background-color:#9bd0d3;border-radius:50%;display:flex;flex-shrink:0;height:45px;justify-content:center;width:45px}.integration-how-it-works-step-number span{color:#000;font-family:Roboto,sans-serif;font-size:24px;font-weight:700;letter-spacing:.5px;line-height:1}.integration-how-it-works-step-title{color:#383d3d;flex:1;font-family:Roboto,sans-serif;font-size:18px;font-weight:700;line-height:1.3;margin:0}.integration-how-it-works-step-description{color:#383d3d;font-family:Roboto,sans-serif;font-weight:400;line-height:normal;margin:0;text-wrap:auto;width:100%}@media (min-width:768px){.integration-how-it-works-content{gap:40px}.integration-how-it-works-subtitle{font-size:18px;line-height:24px}.integration-how-it-works-title{font-size:36px;line-height:1.2}.integration-how-it-works-step{gap:30px}.integration-how-it-works-step-visual{order:inherit}.integration-how-it-works-step-header{flex-direction:row}.integration-how-it-works-step-content{gap:20px}.integration-how-it-works-step-number{height:50px;width:50px}.integration-how-it-works-step-number span{font-size:28px}.integration-how-it-works-step-title{font-size:20px}.integration-how-it-works-step-description{font-size:16px}}@media (max-width:1023px){.integration-how-it-works .uk-container{max-width:768px}}@media (min-width:1024px){.integration-how-it-works{padding:80px 0}.integration-how-it-works-content{gap:56px}.integration-how-it-works-subtitle{font-size:20px;letter-spacing:.51px;line-height:26px}.integration-how-it-works-title{font-size:42px;line-height:normal;max-width:826px}.integration-how-it-works-step{flex-direction:row;gap:60px;justify-content:center;text-align:left}.integration-how-it-works-step:nth-child(2n){flex-direction:row-reverse}.integration-how-it-works-step-visual{height:300px;max-width:none;width:450px}.integration-how-it-works-step-content{gap:26px;max-width:none;text-align:left;width:450px}.integration-how-it-works-step-header{justify-content:flex-start}.integration-how-it-works-step-number{border-radius:31px;height:60px;width:58px}.integration-how-it-works-step-number span{font-size:32px;letter-spacing:.5357px}.integration-how-it-works-step-title{font-size:24px}.integration-how-it-works-step-description{font-size:18px}}@media (min-width:1200px){.integration-how-it-works-step{gap:90px}.integration-how-it-works-step-visual{height:348px;width:512px}.integration-how-it-works-step-content{width:514px}}
