.hero-container{background-color:#8a62e3;margin-top:0}.hero-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:80px 0;gap:20px}.hero-content h1{font-size:44px;color:#fff;line-height:55px;margin:0;padding:0}.hero-content p{font-size:20px;color:#fff;margin:20px 0}.hero-info{width:45%}.hero-mockup{width:60%}.hero-mockup img{width:100%}.page-btn{background-color:#1e1e1e;color:#fff;font-size:20px;border-radius:6px;border:0;display:flex;flex-direction:row;align-items:center;gap:10px;padding:20px 40px;transition:.2s}.page-btn:hover{box-shadow:0 20px 30px rgba(45,223,232,0.2);transform:scale(1.05)}.second-container{margin-top:60px}.left-info{text-align:center;margin:0 auto;margin-top:60px}.left-info h3{font-size:42px;color:#3b6e85;margin:0}.left-info p{font-size:18px;font-weight:100;color:#8f8f8f;width:35%;margin:0 auto;margin-top:20px;margin-bottom:60px}.center-btn{background-color:#3b6e85;color:#fff;border-radius:6px;border:1px solid #1e1e1e;padding:15px 30px;margin-top:60px;font-size:20px;display:flex;align-items:center;gap:20px;transition:.2s;margin:0 auto}.center-btn:hover{box-shadow:0 20px 30px rgba(30,30,30,0.2);transform:scale(1.05)}.right-info{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;gap:50px;margin-top:60px;margin-bottom:60px}.second-container{width:100%}.second-point{width:35%;text-align:center}.icon-bg{background-color:#1e1e1e;width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}.icon-bg img{width:60%}.second-point p{font-size:18px;font-weight:100;color:#8f8f8f}.third-headline h2{width:50%;font-size:36px;color:#1e1e1e;text-align:center;margin:0 auto;margin-top:80px}.third-info-div{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:40px;margin-top:110px}.third-info-img{width:55%}.third-info-img img{width:100%;box-shadow:0 0 21px rgba(30,30,30,0.05)}.third-info-text{width:45%}.third-info-text h3{font-size:34px;font-weight:700;margin:0}.third-info-text p{font-size:18px;text-align:left;font-weight:500;color:#464545}.third-section-btn{background-color:#3b6e85;color:#fff;margin:0;margin-top:60px}.color-info-div{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:center;justify-content:center;gap:30px;margin-top:60px}.fourth-div{border-radius:6px;padding:20px;font-size:28px;text-align:center;transition:.2s;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.blue{background-color:#d4e0e7;color:#3b6e85}.fourth-div h3{font-size:24px;margin:0}.fourth-div p{font-size:18px;margin:0;margin-top:16px;font-weight:500;color:#464545}.green{color:#3e8807;background-color:#d4e6cd}.yellow{color:orange;background-color:#fbebcc}.red{color:#b00020;background-color:#ebccd5}.grey{background-color:#ebebeb;color:#1e1e1e}.seagreen{color:#32dcb8;background-color:#d2f6f1}.color-block-info .third-section-btn{margin:0 auto;display:block;margin-top:40px}.green:hover{box-shadow:0 0 13px rgba(62,136,7,0.1);transform:scale(1.05)}.red:hover{box-shadow:0 0 13px rgba(177,6,47,0.1);transform:scale(1.05)}.blue:hover{box-shadow:0 0 13px rgba(59,110,133,0.1);transform:scale(1.05)}.yellow:hover{box-shadow:0 0 13px rgba(255,165,0,0.1);transform:scale(1.05)}.grey:hover{box-shadow:0 0 13px rgba(235,235,235,0.1);transform:scale(1.05)}.seagreen:hover{box-shadow:0 0 13px rgba(50,220,184,0.1);transform:scale(1.05)}.cta-bg{background-image:url(../assets/sale-productivity/cta-bg.webp);background-repeat:no-repeat;background-position:center;background-size:cover;margin-top:60px}.cta-content-div{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;padding:20px 0}.cta-info{width:50%}.cta-mockup{width:20%}.cta-mockup img{width:100%}.cta-info h2{font-size:42px;color:#fff;margin:0}.cta-info p{font-size:18px;color:#fff;padding-bottom:20px}@media only screen and (max-width:1200px){.container{width:90%}.grey{padding:0 15px}}@media only screen and (max-width:1100px){.container{width:90%}.nav-right ul li a{display:none}.page-headline{width:60%}.hero-content{flex-direction:column}.hero-info{width:90%}.hero-info p,.hero-info h1{text-align:center}.page-btn{margin:0 auto}.hero-mockup{width:90%;margin-top:60px}.color-info-div{gap:10px;justify-content:space-around}.fourth-div{width:90%;margin-bottom:60px}.grey{padding:20px}}@media only screen and (max-width:900px){.container{width:90%}.page-headline{width:60%}.page-btn{width:50%;display:block;margin-top:40px}.hero-content{padding-top:40px}.hero-mockup{width:100%;margin-top:40px}.hero-content p{font-size:18px}.hero-mockup img{width:100%}.left-info{width:100%;text-align:center}.left-info h3{font-size:44px}.left-info p{text-align:center;padding-bottom:40px;width:60%}.border-btn{margin:0 auto}.right-info{margin-top:60px;gap:20px}.second-point{width:45%;text-align:center}.third-headline h2{font-size:30px;width:100%}.third-info-div{flex-direction:column;align-items:center}.third-info-img{width:100%;margin-top:40px}.third-info-text{width:100%;text-align:center}.fourth-div{margin-bottom:10px;width:100%}.cta-content-div{flex-direction:column-reverse;padding-top:180px}.cta-bg{margin-top:0}.cta-info{text-align:center;width:100%;margin-top:11px}.cta-info h2{font-size:30px}.cta-info p{width:70%;margin:0 auto;margin-top:40px}.cta-mockup{width:40%;margin-top:40px}.cta-btn{margin:0 auto;margin-top:40px}}@media only screen and (max-width:500px){.login-btn{display:none}.signup-btn{display:none}.hero-content h1{font-size:30px;line-height:40px}.page-btn,.center-btn{width:100%;display:block}.second-container{flex-direction:column;justify-content:center;align-items:center;width:100%}.right-info{width:100%;margin:0 auto;margin-bottom:40px}.left-info{width:100%;text-align:center}.left-info h3{font-size:28px}.left-info p{text-align:center;padding-bottom:0;width:100%}.border-btn{margin:0 auto}.right-info{width:90%;margin-top:40px}.second-point{width:90%;text-align:center}.third-info-div{margin-bottom:40px;margin-top:40px}.third-headline{width:100%}.third-headline h2{font-size:24px;width:100%}.third-info-text h3{font-size:24px}.color-div{width:100%;padding:60px 20px}.color-div h3{font-size:22px}.cta-bg{margin-top:-80px;padding-top:0}.cta-content-div{flex-direction:column-reverse}.cta-info{text-align:center;width:100%;margin-top:0}.cta-info h2{font-size:24px}.cta-info p{width:100%;padding:0;margin-top:20px}.cta-mockup{width:60%}.cta-btn{margin:0 auto;margin-top:40px}}