.integrations{background:var(--gray-100)}.hero{height:auto;padding:44px 0 96px;width:100%}.integrations .hero,.realgeeksmailchimp .hero{background:var(--gray-100);position:relative}.integrations .hero:before,.realgeeksmailchimp .hero:before{background:var(--gray-100);content:"";height:150px;left:0;position:absolute;top:-150px;width:100%;z-index:0}.integrations .hero{padding-top:28px}.integrations .breadcrumbs{margin-bottom:0}.hero-wrapper{align-items:center;display:flex;height:auto;justify-content:space-between;margin:0 auto;max-width:1230px;padding:0 30px;width:100%}.hero-details{display:block;height:auto;margin-right:30px;max-width:570px;width:100%}.hero-details h5{color:#3e60c9;font-size:18px;font-style:normal;font-weight:500;line-height:1.55;margin-bottom:10px}.hero-details h1{color:#101828;font-size:40px;font-style:normal;font-weight:700;line-height:1.5;margin-bottom:12px}.hero-details p{color:#667085;font-size:20px;font-style:normal;font-weight:400;line-height:1.4;margin-bottom:24px}.hero-details .buttons{align-items:center;display:flex;height:auto;justify-content:space-between;width:max-content}.hero-details .buttons a:first-child{margin-right:12px}.hero-details .buttons a svg{margin-right:8px}.hero-details .main-btn{font-size:16px;padding:12px 20px}.hero-details .main-btn svg{display:none}.integrations .hero-details h1{font-size:26px;letter-spacing:-.02em;line-height:1.25;margin-bottom:24px}.integrations .hero-details p{font-size:18px;margin-bottom:24px}.hero-image{height:auto;max-width:570px;width:100%}.hero-image .lottie,.hero-image img{height:100%;object-fit:cover;width:100%}@media (min-width:992px){.integrations .hero-details h1{font-size:48px}.integrations .hero-details{max-width:565px}.hero-details .main-btn{font-size:18px;padding:16px 28px}.hero-details .main-btn svg{display:inline-block}}@media (max-width:991px){.hero-wrapper{max-width:830px}.hero-details h1{font-size:26px}}@media (max-width:768px){.hero{padding:44px 0 64px}.hero-wrapper{flex-direction:column}.hero-details{margin-right:0;padding:0;text-align:center;width:100%}.hero-details h1{font-size:25.63px;line-height:30px}.hero-details p{font-size:18px;line-height:1.55}.hero-details .buttons{align-items:flex-start;flex-direction:column;text-align:center;width:100%}.hero-details .buttons a{width:100%}.hero-details .buttons a:first-child{margin:0 0 16px}.hero-details .buttons{margin-bottom:64px}}