.app-wrapper{position:relative;display:flex;flex-direction:column;min-height:100%}img{max-width:100%;vertical-align:bottom}._center{margin:0 auto;max-width:1400px;box-sizing:border-box}.logo{position:relative;margin-top:41px}.logo_container{width:111px}.logo_container img{width:100%}@media screen and (max-width: 768px){.logo_container{margin-top:20px;width:46px}}.intro{position:relative;padding:40px 40px 40px 60px;margin-top:48px;z-index:1;background-color:#fff;border-radius:20px}@media screen and (max-width: 1024px){.intro{margin-top:100px;min-height:400px}}@media screen and (max-width: 768px){.intro{margin-top:20px;min-height:400px;overflow:hidden}}@media screen and (max-width: 768px){.intro{min-height:600px}}@media screen and (max-width: 480px){.intro{padding:20px 15px;min-height:648px}}.intro>h1{font-size:52px;color:#01b4cc;max-width:692px;margin-top:20px;font-weight:600}@media screen and (max-width: 1450px){.intro>h1{font-size:44px;max-width:572px}}@media screen and (max-width: 1280px){.intro>h1{font-size:40px;max-width:552px}}@media screen and (max-width: 1224px){.intro>h1{font-size:38px;max-width:472px}}@media screen and (max-width: 1024px){.intro>h1{font-size:28px;margin-top:20px;max-width:300px}}.intro>h1 span{color:#000}#star{color:#01b4cc}.intro>p{font-size:28px;margin-top:20px;max-width:688px}@media screen and (max-width: 1450px){.intro>p{font-size:24px;max-width:568px}}@media screen and (max-width: 1280px){.intro>p{font-size:22px;max-width:548px}}@media screen and (max-width: 1224px){.intro>p{font-size:20px;margin-top:20px;max-width:468px}}@media screen and (max-width: 1024px){.intro>p{font-size:18px;margin-top:20px;max-width:300px}}#Petr_only{font-size:14px;font-weight:500}#city{font-weight:700}.intro>button{background:#000000;color:#fff;border:none;padding:10px 20px;cursor:pointer;font-size:16px;border-radius:15px;transition:.4s;width:336px;height:72px;margin-top:30px}@media screen and (max-width: 1224px){.intro>button{margin-top:20px}}@media screen and (max-width: 768px){.intro>button{position:relative;max-width:360px;width:100%}}.intro>button:hover{background-color:#20bdd2;color:#fff;box-shadow:0 0 3px 1px #fff}.girl{position:absolute;bottom:0;right:0;z-index:-1;width:582px}@media screen and (max-width: 1450px){.girl{width:532px}}@media screen and (max-width: 1280px){.girl{width:502px}}@media screen and (max-width: 1224px){.girl{width:482px}}@media screen and (max-width: 768px){.girl{width:286px;margin-top:13px}}@media screen and (max-width: 480px){.girl{width:286px}}.description{position:relative;padding:60px;margin-top:148px;z-index:1;background-color:#fff;border-radius:20px;min-height:352px}@media screen and (max-width: 1450px){.description{padding:50px}}@media screen and (max-width: 1280px){.description{padding:40px}}@media screen and (max-width: 1024px){.description{margin-top:100px;min-height:400px;padding:30px}}@media screen and (max-width: 768px){.description{margin-top:20px}}@media screen and (max-width: 480px){.description{padding:20px}}.description_text{position:relative;max-width:67%}@media screen and (max-width: 1395px){.description_text{width:65%}}@media screen and (max-width: 1200px){.description_text{width:63%}}@media screen and (max-width: 1024px){.description_text{width:57%}}@media screen and (max-width: 768px){.description_text{margin:8px 15px;max-width:100%}}@media screen and (max-width: 539px){.description_text{margin:8px 15px;width:90%}}.logo_intext{position:absolute;top:0;right:0;width:72px}@media screen and (max-width: 1560px){.logo_intext{right:-16px}}@media screen and (max-width: 1366px){.logo_intext{right:-8px}}@media screen and (max-width: 1280px){.logo_intext{right:-4px}}@media screen and (max-width: 1118px){.logo_intext{right:-16px}}@media screen and (max-width: 1024px){.logo_intext{position:absolute;top:0;right:-42px}}@media screen and (max-width: 873px){.logo_intext{position:relative;left:0;bottom:-40px;width:46px}}@media screen and (max-width: 768px){.logo_intext{position:relative;left:0;bottom:-40px;width:46px}}.description_text p{font-size:36px;text-transform:uppercase;font-weight:600}@media screen and (max-width: 1450px){.description_text p{font-size:34px}}@media screen and (max-width: 1395px){.description_text p{font-size:33px}}@media screen and (max-width: 1280px){.description_text p{font-size:30px}}@media screen and (max-width: 1224px){.description_text p{font-size:28px}}@media screen and (max-width: 1024px){.description_text p{font-size:26px}}@media screen and (max-width: 768px){.description_text p{font-size:22px}}@media screen and (max-width: 540px){.description_text p{font-size:18px}}@media screen and (max-width: 400px){.description_text p{font-size:16px}}._mockup{position:absolute;right:-41px;bottom:-45px}@media screen and (max-width: 1450px){._mockup{width:425px}}@media screen and (max-width: 1395px){._mockup{width:415px}}@media screen and (max-width: 1280px){._mockup{width:375px}}@media screen and (max-width: 1118px){._mockup{width:365px}}@media screen and (max-width: 1024px){._mockup{width:352px}}@media screen and (max-width: 768px){._mockup{width:242px;right:4px;bottom:-96px}}.features{display:flex;flex-direction:row;justify-content:space-between;margin-top:103px;gap:26px}@media screen and (max-width: 1024px){.features{display:flex;flex-direction:column;align-items:center;margin-top:103px;gap:48px}}.feature_card{text-align:center;background:#ffffff;border-radius:20px;max-width:330px;flex:0 1 25%;min-width:0}@media screen and (max-width: 1366px){.feature_card{width:auto}}@media screen and (max-width: 1024px){.feature_card{max-width:440px}}@media screen and (max-width: 1024px){.feature_card img{width:440px}}.feature_card_text{padding:20px 45px;text-align:center}@media screen and (max-width: 1450px){.feature_card_text{padding:14px 20px}}@media screen and (max-width: 1024px){.feature_card_text{padding:20px 45px}}.feature_card h3{font-size:28px;font-weight:600;color:#01b4cc}@media screen and (max-width: 1450px){.feature_card h3{font-size:24px}}@media screen and (max-width: 1280px){.feature_card h3{font-size:22px}}@media screen and (max-width: 1160px){.feature_card h3{font-size:20px}}@media screen and (max-width: 1024px){.feature_card h3{font-size:28px}}.feature_card p{font-size:16px}@media screen and (max-width: 1280px){.feature_card p{font-size:14px}}@media screen and (max-width: 1160px){.feature_card p{font-size:12px}}@media screen and (max-width: 1024px){.feature_card p{font-size:16px}}.benefits{position:relative;padding:14px 60px;margin-top:174px;z-index:1;background-color:#fff;border-radius:20px;min-height:339px}@media screen and (max-width: 768px){.benefits{min-height:495px;padding:0;text-align:center;margin-top:30px}}.mockup_hand{position:absolute;left:70px;bottom:0}@media screen and (max-width: 1024px){.mockup_hand{position:relative;width:247px;bottom:-14px}}@media screen and (max-width: 768px){.mockup_hand{position:relative;width:247px;bottom:-51px}}@media screen and (max-width: 711px){.mockup_hand{position:relative;width:247px;bottom:-29px}}@media screen and (max-width: 494px){.mockup_hand{position:relative;width:247px;bottom:-9px}}@media screen and (max-width: 416px){.mockup_hand{position:relative;width:247px;bottom:0px}}.benefits_content{padding:48px 60px 61px 0;margin-left:519px}@media screen and (max-width: 1024px){.benefits_content{margin:auto}}@media screen and (max-width: 768px){.benefits_content{padding:20px 15px 25px;margin-left:15px;margin-right:15px;text-align:left}}.benefits_content h2{font-size:36px;font-weight:600;color:#000}@media screen and (max-width: 768px){.benefits_content h2{font-size:24px}}.benefits_content ul{list-style-type:disc;padding:0}@media screen and (max-width: 768px){.benefits_content ul{margin-left:15px}}.benefits_content ul li{margin:10px 0;color:#000;font-size:28px;font-weight:400}@media screen and (max-width: 768px){.benefits_content ul li{font-size:16px}}.categories{position:relative;padding:60px;margin-top:150px;z-index:1;background-color:#fff;border-radius:20px;min-height:339px}@media screen and (max-width: 768px){.categories{margin-top:30px}}.categories h2{font-size:36px;font-weight:600}.grid_container{display:flex;flex-direction:row;justify-content:space-between;margin-top:30px}@media screen and (max-width: 768px){.grid_container{display:flex;flex-direction:column;align-items:center;margin-top:30px;gap:20px}}@media screen and (max-width: 480px){.grid_container{gap:0px}}.category_container{text-align:center;width:100%;max-width:335px;flex:0 1 33%;min-width:0;margin-left:20px;margin-right:20px}@media screen and (max-width: 768px){.category_container{margin-left:0;margin-right:0}}.category{margin-top:36px;text-align:center;max-width:335px;min-height:152px}@media screen and (max-width: 768px){.category{margin-top:20px}}.category .rounded_rectangle{border-radius:32px;max-width:100%;background:#01b4cc}.rounded_rectangle h3{color:#fff;font-size:28px;font-weight:600}@media screen and (max-width: 480px){.rounded_rectangle h3{font-size:20px}}.category p{color:#000;font-size:16px;font-weight:400;margin-top:10px}.contact{position:relative;margin-top:150px;z-index:1;min-height:339px;display:flex;flex-direction:row;justify-content:space-between;gap:99px}@media screen and (max-width: 768px){.contact{margin-top:0}}.contact_box{background-color:#fff;border-radius:20px;max-height:754px;max-width:869px;padding:60px;margin-top:39px;margin-bottom:39px}@media screen and (max-width: 768px){.contact_box{padding:20px 15px;margin-top:30px;display:flex;flex-direction:column;align-items:left;gap:20px}}.contact_box h2{text-align:left;font-weight:600;font-size:36px}@media screen and (max-width: 768px){.contact_box h2{font-size:24px}}.contact_box p{font-size:28px;font-weight:400;margin-top:30px}@media screen and (max-width: 768px){.contact_box p{font-size:18px}}@media screen and (max-width: 480px){.contact_box p{margin-top:20px}}.contact_box form{display:flex;flex-direction:column;align-items:left;margin-top:30px;gap:30px}@media screen and (max-width: 480px){.contact_box form{gap:20px}}.contact_input{width:100%;border:none;resize:none;padding:8px;font-size:20px;font-weight:300;background-color:#f6f9ff}.contact_box form input,.contact_box form textarea{margin:5px 0}.contact__wrapper-check{position:relative;padding-left:32px}.contact__wrapper-check a{color:#2f80ed}.contact__wrapper-check label:before{content:"";position:absolute;width:16px;height:16px;border:2px solid #000000;border-radius:3px;cursor:pointer;left:0;top:0}.contact__wrapper-check input[type=checkbox]:checked+label:after{content:"";position:absolute;width:16px;height:16px;background-image:url(../img/on.svg);left:0;top:0}.contact__checkbox{position:absolute;opacity:0}.contact__check-text{font-size:16px;font-weight:300}@media screen and (max-width: 480px){.contact__check-text{font-size:16px}}.contact_box form button{background:#000000;color:#fff;border:none;padding:10px 20px;cursor:pointer;font-size:16px;border-radius:15px;transition:.4s;max-width:360px;width:100%;height:72px;text-align:center}.contact_box form button:hover{background-color:#20bdd2;color:#fff;box-shadow:0 0 3px 1px #fff}.mockup3{position:relative;right:-40px}@media screen and (max-width: 1280px){.mockup3{width:451px}}@media screen and (max-width: 1024px){.mockup3{visibility:hidden;display:none}}
