.referral-page .pre-header{padding:138px 0 92px;background-size:cover;background-repeat:no-repeat}.referral-page .pre-header .row{display:flex;align-items:center}.referral-page .pre-header .row .col{flex:1;display:flex;flex-direction:column}.referral-page .pre-header h2{font-size:56px;line-height:69px;color:#FFF;margin-bottom:32px}.referral-page .pre-header .actions{display:flex}.referral-page .pre-header .actions .btn:first-child{margin:0 28px 0 0}.referral-page .pre-header picture{width:49%;height:inherit}.referral-page .pre-header picture img{width:100%}@media (max-width: 900px){.referral-page .pre-header{padding:129px 0 96px;background-image:url(../../../uploads/2022/06/referral-pre-header-bg-mob.jpg)!important;background-size:100% 100%;background-repeat:no-repeat}.referral-page .pre-header .row{flex-direction:column-reverse}.referral-page .pre-header picture{width:72vw;margin:0 0 32px}.referral-page .pre-header .col{align-items:center}.referral-page .pre-header .col h2{text-align:center;font-size:48px;line-height:55px;margin-bottom:32px}}@media (max-width: 600px){.referral-page .pre-header{padding:113px 0 64px}.referral-page .pre-header picture{width:100%;margin:0 0 32px}.referral-page .pre-header .col h2{font-size:32px;line-height:40px;margin:0 0 32px}.referral-page .pre-header .actions{flex-direction:column}.referral-page .pre-header .actions .btn{width:244px}.referral-page .pre-header .actions .btn:first-child{margin:0 0 24px}}.referral-page .referral-steps{padding:128px 0;position:relative}.referral-page .referral-steps .container{position:relative;z-index:11}.referral-page .referral-steps .planet{width:22vw;position:absolute;right:0;top:300px}.referral-page .referral-steps .planet img{width:100%}.referral-page .referral-steps h2{max-width:1000px;font-size:56px;line-height:69px;text-align:center;color:#353A3E;margin:0 auto 56px}.referral-page .referral-steps .steps{display:grid;gap:96px;margin-bottom:56px;position:relative}.referral-page .referral-steps .steps::before{content:'';position:absolute;left:0;right:0;top:10%;bottom:10%;width:3px;background:#6959AB;margin:0 auto;z-index:1}.referral-page .referral-steps .steps .row{display:flex;align-items:center}.referral-page .referral-steps .steps .row:nth-child(2n + 1){flex-direction:row-reverse}.referral-page .referral-steps .steps .row .col{flex:1;display:flex;flex-direction:column}.referral-page .referral-steps .steps .row .col h4{font-size:32px;line-height:40px;color:#353A3E;margin:0 0 18px}.referral-page .referral-steps .steps .row .col p{font-size:24px;line-height:36px;color:#686868;margin:0}.referral-page .referral-steps .steps .row .col p a{color:#6959AB}.referral-page .referral-steps .steps .row .col p a:hover{text-decoration:underline}.referral-page .referral-steps .steps .row .image{flex:1;display:flex}.referral-page .referral-steps .steps .row .image picture{width:100%;height:inherit}.referral-page .referral-steps .steps .row .image picture img{width:100%}.referral-page .referral-steps .steps .row .step{width:64px;min-width:64px;height:92px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#fff;margin:0 53px;z-index:11;position:relative}.referral-page .referral-steps .steps .row .step::before{width:64px;height:64px;content:'';position:absolute;background:#6959AB;box-shadow:0 4px 45px rgba(0,0,0,0.07);border-radius:8px;font-weight:700;font-size:32px;line-height:40px;color:#FFF;display:flex;align-items:center;justify-content:center}.referral-page .referral-steps .steps .row:nth-child(1) .step::before{content:'1'}.referral-page .referral-steps .steps .row:nth-child(2) .step::before{content:'2'}.referral-page .referral-steps .steps .row:nth-child(3) .step::before{content:'3'}.referral-page .referral-steps .steps .row:nth-child(4) .step::before{content:'4'}.referral-page .referral-steps .btn{margin:0 auto}@media (max-width: 900px){.referral-page .referral-steps{padding:96px 0}.referral-page .referral-steps .planet{display:none}.referral-page .referral-steps h2{font-size:48px;line-height:55px;text-align:left;margin-bottom:48px}.referral-page .referral-steps .steps{gap:28px}.referral-page .referral-steps .steps::before{display:none}.referral-page .referral-steps .steps .row{display:grid;grid-column-gap:20px;grid-row-gap:18px;grid-template-columns:60px 1fr;position:relative}.referral-page .referral-steps .steps .row::before{width:3px;content:'';position:absolute;left:30px;top:0;bottom:0;background:#6959AB}.referral-page .referral-steps .steps .row:last-child::before{display:none}.referral-page .referral-steps .steps .row .step{height:88px;width:100%;min-width:100%;align-items:flex-start;grid-area:1 / 1 / 3 / 2;margin:0 0 auto}.referral-page .referral-steps .steps .row .step::before{width:60px;height:60px;font-size:32px;line-height:40px}.referral-page .referral-steps .steps .row .col{grid-area:1 / 2 / 2 / 3}.referral-page .referral-steps .steps .row .image{grid-area:2 / 2 / 3 / 3}.referral-page .referral-steps .steps .row .col h4{font-size:32px;line-height:40px;margin-bottom:18px}.referral-page .referral-steps .steps .row .col p{font-size:24px;line-height:36px}}@media (max-width: 600px){.referral-page .referral-steps{padding:64px 0}.referral-page .referral-steps h2{font-size:32px;line-height:40px;margin:0 0 32px}.referral-page .referral-steps .steps{margin:0 0 32px;grid-row-gap:18px}.referral-page .referral-steps .steps .row{grid-template-columns:48px 1fr;grid-column-gap:12px;grid-row-gap:18px}.referral-page .referral-steps .steps .row::before{left:24px}.referral-page .referral-steps .steps .row .step{height:66px}.referral-page .referral-steps .steps .row .step::before{width:48px;height:48px;font-size:24px;line-height:33px}.referral-page .referral-steps .steps .row .col h4{font-size:24px;line-height:33px;margin:0 0 12px}.referral-page .referral-steps .steps .row .col p{font-size:16px;line-height:24px}}.referral-page .cmo-section{padding:0 0 128px}.referral-page .cmo-section h2{max-width:1000px;font-size:56px;line-height:69px;text-align:center;color:#353A3E;margin-bottom:48px}.referral-page .cmo-section .row{display:flex}.referral-page .cmo-section .row .image{width:40%;margin:0 48px 0 0}.referral-page .cmo-section .row .image svg{display:none}.referral-page .cmo-section .row img{width:100%;height:inherit}.referral-page .cmo-section .row .col{flex:1;display:flex;flex-direction:column}.referral-page .cmo-section .row .col h3{font-size:32px;line-height:40px;color:#353A3E;margin:39px 0 32px}.referral-page .cmo-section .row .col h3 span{color:#6959AB}.referral-page .cmo-section .row .col h5{font-size:24px;line-height:33px;color:#353A3E;margin:0 0 8px}.referral-page .cmo-section .row .col p{font-size:16px;line-height:24px;color:#686868;margin:0 0 32px}@media (max-width: 900px){.referral-page .cmo-section{padding:0 0 96px}.referral-page .cmo-section h2{font-size:48px;line-height:55px;margin:0 0 42px}.referral-page .cmo-section .row{flex-direction:column;align-items:center}.referral-page .cmo-section .row .image{width:39%;position:relative;margin:0 0 28px}.referral-page .cmo-section .row .image svg{display:block;position:absolute;right:-37px;top:-24px}.referral-page .cmo-section .row .col{align-items:center}.referral-page .cmo-section .row .col svg{display:none}.referral-page .cmo-section .row .col h3{font-size:32px;line-height:40px;text-align:center;margin:0 0 24px}.referral-page .cmo-section .row .col h3 span{color:#353A3E}.referral-page .cmo-section .row .col h5{font-size:24px;line-height:33px;margin-bottom:8px}.referral-page .cmo-section .row .col p{font-size:16px;line-height:24px;margin-bottom:32px}}@media (max-width: 600px){.referral-page .cmo-section{padding:0 0 64px}.referral-page .cmo-section h2{font-size:32px;line-height:40px;margin-bottom:48px}.referral-page .cmo-section .row{gap:32px}.referral-page .cmo-section .row .image{width:60%}.referral-page .cmo-section .row .image svg{width:50px;height:34px;right:-25px;top:-17px}.referral-page .cmo-section .row .col h3{font-size:24px;line-height:33px;margin:0 0 18px}.referral-page .cmo-section .row .col h5{font-size:16px;line-height:24px;margin:0 0 8px}.referral-page .cmo-section .row .col p{font-size:12px;line-height:18px;margin:0 0 32px}}.referral-page .help-block{padding:0 0 150px;position:relative}.referral-page .help-block .container{display:flex;flex-direction:column}.referral-page .help-block h2{font-size:56px;line-height:69px;color:#353A3E;margin:0 0 48px;text-align:center}.referral-page .help-block ul{list-style:none;padding:0;margin:0;display:grid;grid-gap:28px;grid-template-columns:1fr 32% 1fr 15%;grid-template-rows:1fr 1fr;z-index:11}.referral-page .help-block ul li{display:flex;flex-direction:column;padding:32px 28px 48px;background:#FFF;box-shadow:0 4px 45px rgba(0,0,0,0.07);border-radius:8px}.referral-page .help-block ul li h4{font-weight:700;font-size:24px;line-height:33px;color:#353A3E;margin-bottom:12px}.referral-page .help-block ul li h4 svg{margin:0 8px 0 0}.referral-page .help-block ul li p{font-size:16px;line-height:24px;color:#686868;margin-bottom:34px}.referral-page .help-block ul li .learn-more-link{width:max-content;font-weight:700;font-size:16px;line-height:14px;text-transform:uppercase;margin:auto 0 0}.referral-page .help-block ul li.zth{background:#353A3E;grid-area:1 / 2 / 3 / 3}.referral-page .help-block ul li.zth picture{width:80%;height:auto;margin:-55px -28px 0 auto}.referral-page .help-block ul li.zth picture img{width:100%}.referral-page .help-block ul li.analytics{grid-area:1 / 3 / 2 / 4;background:#FF5256}.referral-page .help-block ul li.analytics h4,.referral-page .help-block ul li.zth h4,.referral-page .help-block ul li.analytics p,.referral-page .help-block ul li.zth p{color:#fff}.referral-page .help-block ul li.blog{grid-area:2 / 1 / 3 / 2}.referral-page .help-block ul li.automation{grid-area:2 / 3 / 3 / 5}.referral-page .help-block .btn{margin:64px auto 0}.referral-page .help-block .mob{display:none}@media (max-width: 900px){.referral-page .help-block{padding:0 0 148px}.referral-page .help-block h2{font-size:48px;line-height:55px;margin-bottom:32px}.referral-page .help-block ul{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);grid-row-gap:18px;grid-column-gap:20px;grid-template-areas:'analytics automation' 'zth zth' 'helpCenter blog'}.referral-page .help-block ul li{height:40vw;padding:32px 18px}.referral-page .help-block ul li p{margin-bottom:32px}.referral-page .help-block ul li.analytics{grid-area:analytics}.referral-page .help-block ul li.automation{grid-area:automation}.referral-page .help-block ul li.zth{grid-area:zth;padding-right:35%;position:relative;overflow:hidden}.referral-page .help-block ul li.zth picture.desk{display:none}.referral-page .help-block ul li.zth picture.mob{display:flex;align-items:center;width:33%;position:absolute;right:0;top:0;bottom:0;margin:auto -45px auto 0}.referral-page .help-block ul li.help-center{grid-area:helpCenter}.referral-page .help-block ul li.blog{grid-area:blog}.referral-page .help-block .btn{margin:48px auto 0}}@media (max-width: 600px){.referral-page .help-block{padding:0 0 96px}.referral-page .help-block h2{font-size:32px;line-height:40px;margin-bottom:28px}.referral-page .help-block .section-description{font-size:16px;line-height:24px;margin:0 0 32px}.referral-page .help-block ul{grid-template-columns:1fr;grid-template-rows:auto;grid-row-gap:12px;grid-template-areas:'analytics' 'automation' 'zth' 'helpCenter' 'blog'}.referral-page .help-block ul li{height:max-content;padding:32px 18px}.referral-page .help-block ul li.zth{padding-right:18px}.referral-page .help-block ul li.zth p{margin-bottom:18px}.referral-page .help-block ul li.zth picture.mob{width:203px;position:relative;left:0;margin-bottom:36px}}.referral-page .request-demo .block img{width:51%}.referral-page .request-demo .block picture.mob{display:none}@media (max-width: 900px){.referral-page .request-demo .block picture.desk{display:none}.referral-page .request-demo .block picture.mob{display:block}.referral-page .request-demo .block picture.mob img{width:67%;bottom:63px}}@media (max-width: 600px){.referral-page .request-demo .block picture.mob img{width:120%;margin:48px 0 -30px;position:initial}}