.integration-page {
overflow-wrap: break-word;
}
.page-wrapper {
background-image: linear-gradient(
rgba(255, 255, 255, 0.6),
rgba(255, 255, 255, 0.6)
),
url('/images/help/help-bg.svg');
background-repeat: no-repeat;
background-position: -60px -110px;
@media (min-width: 768px) {
background-position: top -40px center;
}
}
.bg-request-gradient {
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
background-image: url('/images/integration/demo-request-bg.svg'),
linear-gradient(
24.57deg,
#6C78D0 27.14%,
#8178D1 67.83%,
#AC76D2 108.5%
);
}
.bg-stage {
background: #F9FAF7;
}
.stage {
height: 96px;
background-repeat: no-repeat;
background-size: auto 100%;
background-position: left;
}
.stage--1 {
background-image: url('data:image/svg+xml,');
}
.stage--2 {
background-image: url('data:image/svg+xml,');
}
.stage--3 {
background-image: url('data:image/svg+xml,');
}
.stage--4 {
background-image: url('data:image/svg+xml,');
}
.stage-delimiter {
height: 3px;
background: var(--gray-900);
}
.bg-profit {
background-repeat: no-repeat;
background-size: cover;
background-image: url('/images/integration/profit-bg.svg');
}
.profit-item {
border-bottom: 1px solid #A877D2;
}
.profit-item.first {
border-top: 1px solid #A877D2;
}
.text-16 {
font-size: 16px;
}
.text-18 {
font-size: 18px;
}
.text-20 {
font-size: 20px;
}
.text-22 {
font-size: 22px;
}
.text-24 {
font-size: 24px;
}
.text-30 {
font-size: 30px;
}
.text-32 {
font-size: 32px;
}
.text-40 {
font-size: 40px;
}
.text-43 {
font-size: 43px;
}
@media (min-width: 768px) {
.text-20\:md {
font-size: 20px;
}
.text-24\:md {
font-size: 24px;
}
.text-37\:md {
font-size: 37px;
}
.text-40\:md {
font-size: 40px;
}
.text-50\:md {
font-size: 50px;
}
.text-60\:md {
font-size: 60px;
}
.text-64\:md {
font-size: 64px;
}
}
.lh-24 {
line-height: 24px;
}
.lh-28 {
line-height: 28px;
}
.lh-32 {
line-height: 32px;
}
.lh-40 {
line-height: 40px;
}
.lh-43 {
line-height: 43px;
}
.lh-48 {
line-height: 48px;
}
.lh-49 {
line-height: 49px;
}
.lh-53 {
line-height: 53px;
}
.lh-56 {
line-height: 56px;
}
@media (min-width: 768px) {
.lh-32\:md {
line-height: 32px;
}
.lh-43\:md {
line-height: 43px;
}
.lh-60\:md {
line-height: 60px;
}
.lh-76\:md {
line-height: 76px;
}
.lh-78\:md {
line-height: 78px;
}
}