/* Landing page */
position: relative;
width: 1440px;
height: 4811px;
background: #FFFFFF;
/* Image - Drag in to fill. */
position: absolute;
visibility: hidden;
width: 1440px;
height: 720px;
left: 0px;
top: 0px;
background: url(image.png);
/* image 3 */
position: absolute;
width: 1440px;
height: 1920px;
left: 0px;
top: -390px;
background: url(image.png);
/* dimmer */
position: absolute;
width: 1440px;
height: 720px;
left: 0px;
top: 0px;
background: rgba(0, 0, 0, 0.15);
/* Section heading */
position: absolute;
width: 625px;
height: 58px;
left: calc(50% - 625px/2 - 327.5px);
top: 3857px;
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 48px;
line-height: 58px;
/* identical to box height */
letter-spacing: -0.02em;
color: #000000;
/* Cards */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 32px;
position: absolute;
width: 1280px;
height: 198px;
left: 80px;
top: 3963px;
/* Customer Quote */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 32px;
gap: 48px;
width: 405.33px;
height: 198px;
background: #FFFFFF;
border: 1px solid #E6E6E6;
border-radius: 12px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;
/* “A terrific piece of praise” */
width: 341.33px;
height: 36px;
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 150%;
/* identical to box height, or 36px */
color: #000000;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* Avatar */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 16px;
width: 149px;
height: 50px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* Avatar */
width: 45px;
height: 45px;
background: url(image.png), #D9D9D9;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* Frame 2610301 */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 2px;
width: 88px;
height: 50px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* Name */
width: 45px;
height: 24px;
/* Small text
Small text
*/
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 150%;
/* identical to box height, or 24px */
display: flex;
align-items: center;
color: #000000;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* Description */
width: 88px;
height: 24px;
/* Small text
Small text
*/
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 150%;
/* identical to box height, or 24px */
display: flex;
align-items: center;
color: #828282;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* Customer Quote */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 32px;
gap: 48px;
width: 405.33px;
height: 198px;
background: #FFFFFF;
border: 1px solid #E6E6E6;
border-radius: 12px;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 1;
/* “A fantastic bit of feedback” */
width: 341.33px;
height: 36px;
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 150%;
/* identical to box height, or 36px */
color: #000000;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* Avatar */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 16px;
width: 149px;
height: 50px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* Avatar */
width: 45px;
height: 45px;
background: url(image.png), #D9D9D9;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* Frame 2610301 */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 2px;
width: 88px;
height: 50px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* Name */
width: 45px;
height: 24px;
/* Small text
Small text
*/
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 150%;
/* identical to box height, or 24px */
display: flex;
align-items: center;
color: #000000;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* Description */
width: 88px;
height: 24px;
/* Small text
Small text
*/
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 150%;
/* identical to box height, or 24px */
display: flex;
align-items: center;
color: #828282;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* Customer Quote */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 32px;
gap: 48px;
width: 405.33px;
height: 198px;
background: #FFFFFF;
border: 1px solid #E6E6E6;
border-radius: 12px;
/* Inside auto layout */
flex: none;
order: 2;
align-self: stretch;
flex-grow: 1;
/* “A genuinely glowing review” */
width: 341.33px;
height: 36px;
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 150%;
/* identical to box height, or 36px */
color: #000000;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* Avatar */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 16px;
width: 149px;
height: 50px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* Avatar */
width: 45px;
height: 45px;
background: url(frank-ching-L1hlPG8-57A-unsplash (1).jpg), #D9D9D9;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* Frame 2610301 */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 2px;
width: 88px;
height: 50px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* Name */
width: 45px;
height: 24px;
/* Small text
Small text
*/
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 150%;
/* identical to box height, or 24px */
display: flex;
align-items: center;
color: #000000;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* Description */
width: 88px;
height: 24px;
/* Small text
Small text
*/
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 150%;
/* identical to box height, or 24px */
display: flex;
align-items: center;
color: #828282;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* Navigation */
position: absolute;
visibility: hidden;
height: 164px;
left: 0px;
right: 0px;
top: 0px;
/* Items */
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
padding: 0px;
gap: 48px;
position: absolute;
width: 390px;
height: 52px;
right: 80px;
top: 56px;
/* Page */
width: 49px;
height: 30px;
/* Body text
Text for body copy
*/
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 150%;
/* identical to box height, or 30px */
display: flex;
align-items: center;
color: #FFFFFF;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* Page */
width: 49px;
height: 30px;
/* Body text
Text for body copy
*/
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 150%;
/* identical to box height, or 30px */
display: flex;
align-items: center;
color: #FFFFFF;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* Page */
width: 49px;
height: 30px;
/* Body text
Text for body copy
*/
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 150%;
/* identical to box height, or 30px */
display: flex;
align-items: center;
color: #FFFFFF;
/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;
/* Button */
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 14px 24px;
gap: 8px;
width: 99px;
height: 52px;
background: #000000;
/* Button Shadow */
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
border-radius: 8px;
/* Inside auto layout */
flex: none;
order: 3;
flex-grow: 0;
/* Button */
width: 51px;
height: 24px;
/* Small text
Small text
*/
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 150%;
/* identical to box height, or 24px */
display: flex;
align-items: center;
color: #FFFFFF;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* Site name */
position: absolute;
width: 95px;
height: 30px;
left: 80px;
top: 67px;
/* Body text
Text for body copy
*/
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 150%;
/* identical to box height, or 30px */
display: flex;
align-items: center;
color: #FFFFFF;
/* Navigation / Footer */
position: absolute;
height: 264px;
left: 0px;
right: 0px;
bottom: 0px;
background: #FFFFFF;
/* Items */
/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-end;
padding: 0px;
gap: 24px;
position: absolute;
width: 187px;
height: 168px;
right: 517px;
top: 48px;
/* Topic */
width: 187px;
height: 24px;
/* Small text
Small text
*/
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 150%;
/* identical to box height, or 24px */
display: flex;
align-items: center;
color: #000000;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* Page */
width: 187px;
height: 24px;
/* Small text
Small text
*/
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 150%;
/* identical to box height, or 24px */
display: flex;
align-items: center;
color: #454545;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
/* Page */
width: 187px;
height: 24px;
/* Small text
Small text
*/
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 150%;
/* identical to box height, or 24px */
display: flex;
align-items: center;
color: #454545;
/* Inside auto layout */
flex: none;
order: 2;
align-self: stretch;
flex-grow: 0;
/* Page */
width: 187px;
height: 24px;
/* Small text
Small text
*/
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 150%;
/* identical to box height, or 24px */
display: flex;
align-items: center;
color: #454545;
/* Inside auto layout */
flex: none;
order: 3;
align-self: stretch;
flex-grow: 0;
/* Items */
/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-end;
padding: 0px;
gap: 24px;
position: absolute;
width: 187px;
height: 168px;
right: 298px;
top: 48px;
/* Topic */
width: 187px;
height: 24px;
/* Small text
Small text
*/
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 150%;
/* identical to box height, or 24px */
display: flex;
align-items: center;
color: #000000;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* Page */
width: 187px;
height: 24px;
/* Small text
Small text
*/
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 150%;
/* identical to box height, or 24px */
display: flex;
align-items: center;
color: #454545;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
/* Page */
width: 187px;
height: 24px;
/* Small text
Small text
*/
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 150%;
/* identical to box height, or 24px */
display: flex;
align-items: center;
color: #454545;
/* Inside auto layout */
flex: none;
order: 2;
align-self: stretch;
flex-grow: 0;
/* Page */
width: 187px;
height: 24px;
/* Small text
Small text
*/
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 150%;
/* identical to box height, or 24px */
display: flex;
align-items: center;
color: #454545;
/* Inside auto layout */
flex: none;
order: 3;
align-self: stretch;
flex-grow: 0;
/* Items */
/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-end;
padding: 0px;
gap: 24px;
position: absolute;
width: 187px;
height: 168px;
right: 80px;
top: 48px;
/* Topic */
width: 187px;
height: 24px;
/* Small text
Small text
*/
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 150%;
/* identical to box height, or 24px */
display: flex;
align-items: center;
color: #000000;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* Page */
width: 187px;
height: 24px;
/* Small text
Small text
*/
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 150%;
/* identical to box height, or 24px */
display: flex;
align-items: center;
color: #454545;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
/* Page */
width: 187px;
height: 24px;
/* Small text
Small text
*/
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 150%;
/* identical to box height, or 24px */
display: flex;
align-items: center;
color: #454545;
/* Inside auto layout */
flex: none;
order: 2;
align-self: stretch;
flex-grow: 0;
/* Page */
width: 187px;
height: 24px;
/* Small text
Small text
*/
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 150%;
/* identical to box height, or 24px */
display: flex;
align-items: center;
color: #454545;
/* Inside auto layout */
flex: none;
order: 3;
align-self: stretch;
flex-grow: 0;
/* momako.ir */
position: absolute;
width: 118px;
height: 72px;
left: 80px;
top: 34px;
/* Subheading
Description or small heading
*/
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 150%;
/* or 36px */
display: flex;
align-items: center;
color: #000000;
/* Social Icons */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 8px;
position: absolute;
width: 184px;
height: 40px;
left: 80px;
top: 176px;
/* Buttons / Icon */
width: 40px;
height: 40px;
border-radius: 4px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* Icon */
position: absolute;
width: 24px;
height: 24px;
left: 8px;
top: 8px;
/* Icon */
position: absolute;
width: 20px;
height: 19.92px;
left: 2px;
top: 2.04px;
background: #828282;
/* Icons / Social / facebook */
position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;
/* Vector */
position: absolute;
left: 8.33%;
right: 8.33%;
top: 8.5%;
bottom: 8.5%;
background: #828282;
/* Buttons / Icon */
width: 40px;
height: 40px;
border-radius: 4px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* Icon */
position: absolute;
width: 24px;
height: 24px;
left: 8px;
top: 8px;
/* Icon */
position: absolute;
width: 18px;
height: 18px;
left: 3px;
top: 3px;
background: #828282;
/* Icons / Social / linkedin */
position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;
/* Vector */
position: absolute;
left: 12.5%;
right: 12.5%;
top: 12.5%;
bottom: 12.5%;
background: #828282;
/* Buttons / Icon */
width: 40px;
height: 40px;
border-radius: 4px;
/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;
/* Icon */
position: absolute;
width: 24px;
height: 24px;
left: 8px;
top: 8px;
/* Icon */
position: absolute;
width: 20px;
height: 14px;
left: 2px;
top: 5px;
background: #828282;
/* Icons / Social / youtube */
position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;
/* Vector */
position: absolute;
left: 8.33%;
right: 8.33%;
top: 20.83%;
bottom: 20.83%;
background: #828282;
/* Buttons / Icon */
width: 40px;
height: 40px;
border-radius: 4px;
/* Inside auto layout */
flex: none;
order: 3;
flex-grow: 0;
/* Icon */
position: absolute;
width: 24px;
height: 24px;
left: 8px;
top: 8px;
/* Icon */
position: absolute;
width: 20px;
height: 20px;
left: 2px;
top: 2px;
background: #828282;
/* Icons / Social / instagram */
position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;
/* Vector */
position: absolute;
left: 8.33%;
right: 8.33%;
top: 8.33%;
bottom: 8.33%;
background: #828282;
/* Divider */
position: absolute;
width: 1280px;
height: 0px;
left: 80px;
top: 1px;
border: 1px solid #E6E6E6;
/* Navigation */
position: absolute;
height: 179px;
left: -1.53px;
right: 1.53px;
top: -13.31px;
background: #FFFFFF;
transform: rotate(-178.94deg);
/* Items */
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
padding: 0px;
gap: 48px;
position: absolute;
width: 390px;
height: 123px;
right: 968.98px;
top: 1.48px;
transform: rotate(-178.94deg);
/* Page */
width: 49px;
height: 30px;
/* Body text
Text for body copy
*/
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 150%;
/* identical to box height, or 30px */
display: flex;
align-items: center;
color: #000000;
transform: rotate(-178.94deg);
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* Page */
width: 49px;
height: 30px;
/* Body text
Text for body copy
*/
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 150%;
/* identical to box height, or 30px */
display: flex;
align-items: center;
color: #000000;
transform: rotate(-178.94deg);
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* Page */
width: 49px;
height: 30px;
/* Body text
Text for body copy
*/
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 150%;
/* identical to box height, or 30px */
display: flex;
align-items: center;
color: #000000;
transform: rotate(-178.94deg);
/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;
/* Button */
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 14px 24px;
gap: 8px;
width: 99px;
height: 52px;
background: #000000;
/* Button Shadow */
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
border-radius: 8px;
transform: rotate(-178.94deg);
/* Inside auto layout */
flex: none;
order: 3;
flex-grow: 0;
/* Button */
width: 51px;
height: 24px;
/* Small text
Small text
*/
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 150%;
/* identical to box height, or 24px */
display: flex;
align-items: center;
color: #FFFFFF;
transform: rotate(-178.94deg);
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* momako */
position: absolute;
width: 129px;
height: 86px;
left: 1232.03px;
top: 48.78px;
/* Body text
Text for body copy
*/
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 150%;
/* or 30px */
display: flex;
align-items: center;
color: #000000;
transform: rotate(-178.94deg);
/* Frame 1321317457 */
position: absolute;
width: 100px;
height: 100px;
left: 863.11px;
top: 26.95px;
transform: rotate(-178.94deg);
/* Hero Image */
position: absolute;
height: 640px;
left: 6.67%;
right: 4.44%;
top: calc(50% - 640px/2 - 1536.5px);
background: url(image.png);
border-radius: 8px;
/* Section heading */
position: absolute;
width: 624px;
height: 58px;
left: calc(50% - 624px/2 - 328px);
top: 1371px;
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 48px;
line-height: 58px;
/* identical to box height */
letter-spacing: -0.02em;
color: #000000;
/* Frame 1321317456 */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 32px;
position: absolute;
width: 1279px;
height: 541px;
left: 80px;
top: 1477px;
/* Card */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 24px;
width: 405px;
height: 541px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;
/* Image */
width: 405px;
height: 405px;
background: url(image.png);
border-radius: 8px;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* Copy */
/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 0px;
gap: 4px;
width: 381px;
height: 112px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* Subheading */
width: 381px;
height: 36px;
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 150%;
/* identical to box height, or 36px */
color: #000000;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* Body text for whatever you’d like to add more to the subheading. */
width: 381px;
height: 72px;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 150%;
/* or 36px */
display: flex;
align-items: center;
color: #828282;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
/* Card */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 24px;
width: 405px;
height: 541px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;
/* Image */
width: 405px;
height: 405px;
background: url(image.png);
border-radius: 8px;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* Copy */
/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 0px;
gap: 4px;
width: 381px;
height: 112px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* Subheading */
width: 381px;
height: 36px;
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 150%;
/* identical to box height, or 36px */
color: #000000;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* Body text for whatever you’d like to expand on the main point. */
width: 381px;
height: 72px;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 150%;
/* or 36px */
display: flex;
align-items: center;
color: #828282;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
/* Card */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 24px;
width: 405px;
height: 541px;
/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 1;
/* Image */
width: 405px;
height: 405px;
background: url(image.png);
border-radius: 8px;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* Copy */
/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 0px;
gap: 4px;
width: 381px;
height: 112px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* Subheading */
width: 381px;
height: 36px;
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 150%;
/* identical to box height, or 36px */
color: #000000;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* Body text for whatever you’d like to share more. */
width: 381px;
height: 72px;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 150%;
/* or 36px */
display: flex;
align-items: center;
color: #828282;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
/* Image */
position: absolute;
width: 704px;
height: 704px;
left: 736px;
top: 2198px;
background: url(image.png);
border-radius: 8px 0px 0px 8px;
/* Section heading */
position: absolute;
width: 624px;
height: 58px;
left: calc(50% - 624px/2 - 328px);
top: 3082px;
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 48px;
line-height: 58px;
/* identical to box height */
letter-spacing: -0.02em;
color: #000000;
/* Cards */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 31px;
position: absolute;
width: 1280px;
height: 489px;
left: 80px;
top: 3188px;
/* Card */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 32px;
width: 624.5px;
height: 489px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;
/* Image */
width: 624.5px;
height: 341px;
background: url(image.png);
border-radius: 8px;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* Copy */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 8px;
width: 548.44px;
height: 116px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* Subheading */
width: 548px;
height: 36px;
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 150%;
/* identical to box height, or 36px */
color: #000000;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* Body text for whatever you’d like to add more to the subheading. */
width: 548px;
height: 72px;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 150%;
/* or 36px */
display: flex;
align-items: center;
color: #828282;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* Card */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 32px;
width: 624.5px;
height: 489px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 1;
/* Image */
width: 624.5px;
height: 341px;
background: url(image.png);
border-radius: 8px;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* Copy */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 8px;
width: 547.56px;
height: 116px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* Subheading */
width: 548px;
height: 36px;
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 150%;
/* identical to box height, or 36px */
color: #000000;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* Body text for whatever you’d like to expand on the main point. */
width: 548px;
height: 72px;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 150%;
/* or 36px */
display: flex;
align-items: center;
color: #828282;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* Section heading */
position: absolute;
width: 624px;
height: 58px;
left: 80px;
top: 2198px;
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 48px;
line-height: 58px;
/* identical to box height */
letter-spacing: -0.02em;
color: #000000;
/* Text */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-end;
padding: 0px;
gap: 48px;
position: absolute;
width: 516px;
height: 480px;
left: 79px;
top: 2304px;
/* Text */
/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 0px;
gap: 8px;
width: 516px;
height: 116px;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* Subheading */
width: 515px;
height: 36px;
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 150%;
/* identical to box height, or 36px */
color: #000000;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* Body text for whatever you’d like to expand on the main point. */
width: 515px;
height: 72px;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 150%;
/* or 36px */
display: flex;
align-items: center;
color: #828282;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* Text */
/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 0px;
gap: 8px;
width: 516px;
height: 116px;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
/* Subheading */
width: 515px;
height: 36px;
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 150%;
/* identical to box height, or 36px */
color: #000000;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* Body text for whatever you’d like to say. Add main takeaway points, quotes, anecdotes. */
width: 515px;
height: 72px;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 150%;
/* or 36px */
display: flex;
align-items: center;
color: #828282;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* Text */
/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 0px;
gap: 8px;
width: 516px;
height: 152px;
/* Inside auto layout */
flex: none;
order: 2;
align-self: stretch;
flex-grow: 0;
/* Subheading */
width: 516px;
height: 36px;
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 150%;
/* identical to box height, or 36px */
color: #000000;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* Body text for whatever you’d like to add more to the main point. It provides details, explanations, and context. */
width: 516px;
height: 108px;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 150%;
/* or 36px */
display: flex;
align-items: center;
color: #828282;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
/* Buttons */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 16px;
position: absolute;
width: 396px;
height: 60px;
left: 79px;
top: 2831px;
/* Button */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 12px 24px;
gap: 8px;
width: 125px;
height: 60px;
background: #000000;
/* Button Shadow */
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
border-radius: 8px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* Button */
width: 77px;
height: 36px;
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 150%;
/* identical to box height, or 36px */
display: flex;
align-items: center;
color: #FFFFFF;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* Button */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 12px 24px;
gap: 8px;
width: 255px;
height: 60px;
background: #E6E6E6;
/* Button Shadow */
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
border-radius: 8px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* Secondary button */
width: 207px;
height: 36px;
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 150%;
/* identical to box height, or 36px */
display: flex;
align-items: center;
color: #000000;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* Section */
position: absolute;
width: 1440px;
height: 236px;
left: 0px;
top: 4311px;
background: #F7F7F7;
/* Buttons */
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
padding: 0px;
gap: 24px;
position: absolute;
width: 436px;
height: 76px;
right: 80px;
top: 80px;
/* Button */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 20px 32px;
gap: 8px;
width: 141px;
height: 76px;
background: #000000;
/* Button Shadow */
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
border-radius: 8px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* Button */
width: 77px;
height: 36px;
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 150%;
/* identical to box height, or 36px */
display: flex;
align-items: center;
color: #FFFFFF;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* Button */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 20px 32px;
gap: 8px;
width: 271px;
height: 76px;
background: #E6E6E6;
/* Button Shadow */
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
border-radius: 8px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* Secondary button */
width: 207px;
height: 36px;
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 150%;
/* identical to box height, or 36px */
display: flex;
align-items: center;
color: rgba(0, 0, 0, 0.9);
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* Section heading */
position: absolute;
width: 625px;
height: 58px;
left: calc(50% - 625px/2 - 327.5px);
top: 89px;
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 48px;
line-height: 58px;
/* identical to box height */
letter-spacing: -0.02em;
color: #000000;
/* Copy */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 40px;
position: absolute;
width: 844px;
height: 289px;
left: 79px;
top: 212px;
/* Page title */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 24px;
width: 844px;
height: 173px;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* Landing page title */
width: 844px;
height: 77px;
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 64px;
line-height: 77px;
letter-spacing: -0.02em;
color: #000000;
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
/* Subheading that sets up context, shares more info about the website, or generally gets people psyched to keep scrolling. */
width: 844px;
height: 72px;
/* Subheading
Description or small heading
*/
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 150%;
/* or 36px */
display: flex;
align-items: center;
color: rgba(0, 0, 0, 0.75);
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
/* Button */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 20px 32px;
gap: 8px;
width: 141px;
height: 76px;
background: #000000;
/* Button Shadow */
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
border-radius: 8px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
/* Button */
width: 77px;
height: 36px;
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 150%;
/* identical to box height, or 36px */
display: flex;
align-items: center;
color: #FFFFFF;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
