:root{line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:16px}*{box-sizing:border-box;margin:0;padding:0}body{width:100%;padding-top:0}#root{margin:0 auto;padding:0}#hero{position:relative;background:url(/BG.svg);background-size:cover;background-position:bottom;padding:5px 5px 100px}.menu-button{display:none}header{width:80%;height:50px;display:flex;align-items:center;gap:40px;margin:21px auto 0}.navigation{display:flex;flex-basis:90%;justify-content:space-between;align-items:center}nav{display:flex;flex-basis:40%;justify-content:space-between;font-weight:500;font-size:14px;font-family:Inter,sans-serif;color:#12141d;align-items:center;gap:10px}.headerNavs a{padding:7px 10px;border-radius:5px;cursor:pointer;transition:background-color .5s ease-in-out}.headerNavs a:hover,.headerButtonsContainer button:hover{background-color:#55545439}.headerButtonsContainer{display:flex;justify-content:space-between;margin-left:auto}.headerButtonsContainer button{all:unset;padding:10px 20px;font-weight:500;font-size:15px;text-align:center;font-family:Inter,sans-serif;border-radius:5px;cursor:pointer;border:1px solid rgba(85,84,84,.224)}.headerButtonsContainer button:last-child{background-color:#14b082;color:#fff;margin-left:10px;transition:background-color .5s ease-in-out}.headerButtonsContainer button:last-child:hover{background-color:#fff;color:#14b082}.content{width:70%;display:flex;margin:60px auto 0;align-items:center;justify-content:space-between}.imageContent{position:relative;flex-basis:45%}.imageContent img{width:100%;height:100%;vertical-align:middle}.heroContentWrapper{overflow:hidden}.textContent{flex-basis:48%}#hero .textContent{animation:slideIn .8s ease-in-out forwards}@keyframes slideIn{0%{opacity:.5;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.heading,.subHeading,.experienceContainer h2,form h2{font-family:Prosto One,sans-serif;font-weight:400;font-size:4.5cqw;line-height:5cqw;letter-spacing:0px;margin-bottom:30px}.adjectiveWrapper{display:inline-block;overflow:hidden;vertical-align:bottom}.highlightedAdjective{display:inline-block;color:#14b082;animation:slideInOut 5s ease-in-out forwards}@keyframes slideInOut{0%{opacity:0;transform:translate(100%)}15%{opacity:1;transform:translate(0)}70%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}.paragraph,.experienceParagraph,form p{font-family:Inter,sans-serif;opacity:70%;letter-spacing:-.5px;font-size:16px;margin-bottom:30px}.buttons{all:unset;padding:7px 20px;font-weight:600;font-size:15px;text-align:center;font-family:Inter,sans-serif;border-radius:5px;cursor:pointer;color:#fff;background-color:#14b082;display:inline-block;box-sizing:border-box;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.buttons:hover{transform:scale(1.03);box-shadow:-4px 4px #68dab8}.arrowIcon{vertical-align:middle;margin-left:5px;width:35px}.dotImage{position:absolute;top:55%}.review{position:absolute;top:67%;left:52%;width:40%;border-radius:10px;padding:0 15px 15px;background-color:#fff;opacity:92%}.number{font-family:Prosto One,sans-serif;font-weight:400;font-size:4cqw;margin-bottom:10px}.reviewText{font-size:1.2cqw;font-family:Inter,sans-serif;font-weight:500}#features{width:80%;margin:auto;padding:60px 0}#features h2{width:55%;margin:auto;text-align:center;font-family:Prosto One,sans-serif;font-size:2.8cqw;line-height:3.5cqw}.featuresContainer{display:flex;margin-top:30px;justify-content:space-between}.feature{flex-basis:32%;border:1px solid rgba(0,0,0,.215);border-radius:10px;padding:30px}.featureImgContainer{width:63px;padding:20px;display:flex;justify-content:center;border:1px solid rgba(0,0,0,.215);border-radius:50%;margin-bottom:20px}.feature h3{font-family:Inter,sans-serif;font-weight:700;font-size:17px;margin-bottom:20px}.feature p{font-family:Inter,sans-serif;font-size:12.8px;opacity:70%}#productivity{padding:60px 0;position:relative;overflow:hidden}.background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:bottom;z-index:-1}.background_2{display:none}#productivity .content{width:80%;margin-top:0}#productivity .textContent{order:-1;flex-basis:35%}#productivity .imageContent{display:flex;flex-basis:45%}#productivity .imageContent img{width:85%;margin-left:auto}.subHeading{font-size:2.8cqw;line-height:3.5cqw}#productivity .paragraph,#workspace .paragraph{font-size:15px}#productivity .review{left:0;top:48%}#productivity .reviewText{font-size:1.3cqw}#workspace{background-color:#243c35;padding:60px 0;position:relative}#workspace h2{width:40%;margin:auto;font-family:Prosto One,sans-serif;font-size:2.8cqw;text-align:center;line-height:3.5cqw;color:#fafafa}#workspace .topText{width:25%;margin:10px auto 0;font-family:Inter,sans-serif;font-size:14px;text-align:center;color:#fafafa;opacity:80%}.spaceContainer{width:80%;margin:45px auto 0;justify-content:space-between;display:flex}.space{flex-basis:32%}.spaceImg{width:100%}.caption{font-family:Inter,sans-serif;font-size:1.35cqw;font-weight:700;color:#fafafa}.dotImg{position:absolute;right:.5%;top:15%}#customersRating{padding:60px 0}#customersRating .content{width:80%}#customersRating .imageContent{position:relative;flex-basis:55%}#customersRating .mainImg{width:84%}#customersRating .subImgContainer{position:absolute;right:0;bottom:10%;border:2px solid #FAFAFA;border-radius:50%}#customersRating .textContent{flex-basis:38%}.rating{display:flex;justify-content:space-between;margin-top:40px}.ratingNum{font-family:Prosto One,sans-serif;font-size:3cqw;color:#ffc947}.ratingText{font-family:Inter,sans-serif;font-size:16px}#message{background-color:#edfdf8;padding:60px 0}.messageContainer{width:80%;margin:auto;display:flex;justify-content:space-between;align-items:center}.experienceContainer{flex-basis:40%}.experienceContainer h2,form h2{font-size:2.8cqw;line-height:3.5cqw}.experienceParagraph{padding-right:60px}form{flex-basis:40%;padding:20px;background-color:#fff;border-radius:10px;position:relative}form h2,form p{text-align:center}form .buttons{width:100%;margin:30px 0 13px}.label:not(:first-of-type){display:block;margin-top:20px}input{width:100%;padding:10px 5px}.suggestionsList{position:absolute;background-color:#fff;opacity:1;z-index:2;list-style:none;margin:5px 20px 0 0;border:1px solid #bdfbe9;font-size:1cqw;font-family:Inter,sans-serif}.suggestionItem{padding:5px;cursor:pointer}input:focus{border-color:#bdfbe9;border-radius:5px;outline:none}.person{display:flex;align-items:center}.personImg{margin-right:5%;vertical-align:middle}.name,.position,.label,::placeholder{font-family:Inter,sans-serif;font-weight:600;font-size:13px}.position,::placeholder{font-weight:400;opacity:70%}footer{padding:60px 0 30px}.topNav{width:80%;margin:auto}.topNav .logo{margin-bottom:20px}.topNav p{font-family:Inter,sans-serif;font-size:14px;font-weight:600;margin-bottom:20px}.topNav li{list-style:none;margin-bottom:10px}footer a,.bottomSection p{text-decoration:none;color:#52525b;font-family:Inter,sans-serif;font-size:14px;font-weight:500}.bottomSection{width:80%;margin:auto;display:flex;align-items:center;justify-content:space-between}.bottomSection a,.bottomSection p{font-size:12px}.bottomNav{display:flex;flex-basis:70%;align-items:center;margin:30px 0;justify-content:start;gap:10%}.socials{flex-basis:20%;display:flex;justify-content:space-between}.socials img{vertical-align:middle}.repeatedLinks{flex-basis:60%;display:flex;justify-content:start;gap:8%}@media screen and (max-width:1100px){.feature h3,.ratingText{font-size:14px}}@media screen and (max-width:950px){header{width:90%;justify-content:space-between}.menu-button{display:block;background:none;border:none}#menu-icon{width:25px}.navigation{display:none}.navigation.active{display:block;position:absolute;background:#fff;top:75px;left:0;right:0;height:100vh;z-index:2}.headerNavs{flex-direction:column;font-size:14px;height:auto;gap:10px}.headerNavs a{border-top:2px solid #D7FFF3;padding:7px 10px;text-align:center;width:90%;margin:auto;border-radius:5px}.headerNavs a:hover{background-color:#55545439}.headerButtonsContainer{flex-direction:column;margin:50px auto 0;width:90%;height:auto}.headerButtonsContainer button{font-size:16px;border:2px solid #D7FFF3;border-radius:5px;cursor:pointer;margin-bottom:10px}.headerButtonsContainer button:last-child{border:2px solid black;margin-left:0}#hero .reviewText{font-size:1.1cqw}.dotImage,.dotImg{width:50px}.feature h3{font-size:1.4cqw}.ratingText{font-size:1.5cqw}.bottomSection a,.bottomSection p{font-size:1.2cqw}}@media screen and (max-width:773px){#hero .content{width:80%}#hero .reviewText{font-size:1.19cqw}#features,#productivity .content,.spaceContainer,#customersRating .content,.messageContainer,.topNav,.bottomNav{width:90%}.feature{padding:15px}.feature h3,.ratingText{font-size:1.7cqw}.caption{font-size:1.8cqw}form{flex-basis:50%}.topNav{display:flex;flex-wrap:wrap;gap:40px}.topNav ul{width:250px}.bottomSection{flex-direction:column;width:90%}.bottomSection a,.bottomSection p{font-size:12px}.bottomNav{margin-bottom:20px;width:100%}}@media screen and (max-width: 630px){#hero{background:#d7fff3;padding:5px 5px 30px}.content{flex-direction:column}.imageContent{margin-top:20px}.textContent{order:-1}.heading{font-size:7.5cqw;line-height:9cqw;letter-spacing:0px;text-align:center}.subHeading,.experienceContainer h2,form h2{font-size:6cqw;line-height:7.5cqw;letter-spacing:0px;text-align:center}.paragraph,.experienceParagraph,form p{text-align:center;font-size:3cqw;letter-spacing:0}.buttons{display:block;margin:auto}.dotImage{top:14%}.review{padding:12px 15px 18px}.number{font-size:8cqw}#hero .reviewText,#productivity .reviewText{font-size:3cqw}.dotImage,.dotImg{width:32px}#features h2{width:100%;font-size:6.5cqw;line-height:8cqw}.featuresContainer{flex-direction:column;gap:25px}.featureImgContainer{margin:auto auto 20px}.feature h3{font-size:3.5cqw;text-align:center}.feature p{text-align:center;font-size:16px}.background{display:none}.background_2{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:bottom;z-index:-1}#productivity .content{gap:30px}#productivity .textContent{order:1;width:80%}#productivity h2{font-size:6.5cqw;line-height:8cqw}#workspace h2{width:90%;font-size:6.5cqw;line-height:8cqw}#workspace .topText{width:90%;margin-top:20px;font-size:3cqw}.spaceContainer{gap:40px;flex-direction:column}.caption{width:80%;font-size:3.5cqw}.dotImg{display:none}#customersRating{padding:30px 0}#customersRating .content{margin-top:0;gap:30px}#customersRating .imageContent{order:-1}#customersRating h2,#customersRating p{text-align:left}#customersRating .textContent{flex-basis:38%}.rating{margin-top:20px;justify-content:flex-start;gap:50px}.ratingNum{font-size:5.5cqw}.ratingText{font-size:3cqw}.messageContainer{flex-direction:column;gap:30px}.experienceContainer h2{text-align:left}.experienceParagraph{padding-right:0;text-align:left}.suggestionsList{font-size:3.5cqw}.name,.position,.label,::placeholder{font-size:2.5cqw}.topNav{width:90%;gap:40px}.topNav ul{width:180px}.bottomSection{width:95%}.bottomNav{display:block}.socials{gap:30px;justify-content:flex-start;margin-bottom:20px}.bottomSection p{margin-right:auto}}@media screen and (max-width:430px){#hero .content,#features,#productivity .content,.spaceContainer,#customersRating .content,.messageContainer{width:95%}.heading{font-size:9.5cqw;line-height:12cqw}.number{font-size:9.5cqw}#hero .reviewText,#productivity .reviewText{font-size:3.5cqw}.subHeading,.experienceContainer h2,form h2{font-size:8cqw;line-height:10cqw}.paragraph,.experienceParagraph,form p{font-size:4.25cqw}#features h2,#productivity h2,#workspace h2{font-size:8cqw;line-height:10cqw}.feature h3{font-size:5cqw}.feature p{font-size:17px}#workspace .topText{font-size:4.2cqw}.caption{font-size:4.8cqw}.ratingNum{font-size:7cqw}.ratingText{font-size:4cqw}.name,.position,.label,::placeholder{font-size:3.5cqw}.topNav{width:95%}.topNav ul{width:150px}}