@import"animations.css";main{overflow-x:hidden}h2.h2{font-weight:200}.hero{position:relative;padding:153px 12px 0;margin-bottom:34px}.hero:after{content:"";position:absolute;width:100%;height:90%;top:0;left:0;background:linear-gradient(180deg,#0165bc,#72c5f8 50.52%,#fff);z-index:-1}.hero .badge{display:flex;justify-content:center;align-items:center;padding:12px 42px;margin-bottom:28px;border-radius:0 20px;font-size:25px;line-height:116%;color:#000;background:#ffd749;max-width:192px}.hero h1.h1{margin-bottom:8px}.hero h2.h2{font-weight:200;line-height:41px}.pain{position:relative;padding:17px 15px 17px 72px;margin-bottom:18px;background:#fff;box-shadow:0 0 30px #0000000d,2px 2px 20px #0000000d;border-radius:100px 10px 10px 100px}.pain:before{content:"";position:absolute;width:46px;height:46px;top:50%;transform:translateY(-50%);left:9px;background:url(/images/outlook/x.svg)}.pain p{margin-bottom:0}.button:before{content:"Tesztrendszert ind\edtok"}.cards{margin-top:112px}.green-card{background:#fff;box-shadow:0 8px 24px #959da533;border-radius:10px;height:100%}.green-card .green-card__header{position:relative;height:64px;background:#009788;border-radius:10px 10px 0 0}.green-card .green-card__header:before{content:"";position:absolute;width:38px;height:38px;top:50%;left:50%;transform:translate(-50%) translateY(-50%);background:url(/images/outlook/check.svg);background-size:contain;z-index:1}.green-card .green-card__body{padding:16px 24px 6px}.green-card .green-card__body .h3{margin-bottom:18px;font-size:25px;font-weight:200;line-height:29px}.green-card .green-card__body p{letter-spacing:.005rem}.cta{position:relative;padding-bottom:106px;margin-top:64px}.cta:after{content:"";position:absolute;width:100vw;height:150%;bottom:0;left:50%;transform:translate(-50%);background:linear-gradient(0deg,#0165bc,#72c5f8 50.52%,#fff);z-index:-1}.cta .form-container{position:relative;padding-top:28px;background:#fff;border-radius:20px;filter:drop-shadow(0px 0px 30px rgba(0,0,0,.05)) drop-shadow(2px 2px 20px rgba(0,0,0,.05));max-width:584px}.cta .form-container form{scroll-margin:300px}.cta .form-container p,.cta .form-container small,.Response{display:inline-block;padding:0 24px;line-height:25px}.cta .form-container small{line-height:22px}.cta .form-container form fieldset{padding:18px 24px;background:#00569a;border-radius:0 20px}.cta .form-container form button{display:block;max-height:48px;font-weight:500;color:#194276;border:2px solid #194276;border-radius:30px;width:306px;max-width:100%;line-height:1}.cta .form-container form button:hover{background:#194276;color:#fff}.cta .form-container a{color:#0277bd}.cta .form-container a:hover{text-decoration:underline}.cta .form-container .robot{position:absolute;bottom:-56px;left:-230px}@media only screen and (max-width:992px){h2.h2{font-weight:300}.hero{padding-top:14px;margin-bottom:48px}.hero .container{position:relative}.hero img{position:absolute;width:110px;top:10px;right:12px}.hero .badge{padding:8px 18px;font-size:16px;max-width:107px}.hero h1.h1{padding-right:60px;font-size:35px;font-weight:300;line-height:40px}.hero h2.h2{margin-bottom:0;font-size:20px;font-weight:300;line-height:25px}.cards{margin-top:68px}.cta .form-container .robot{width:100px;bottom:-106px;left:0}}@media only screen and (max-width:574px){.hero img{width:100px}}@media only screen and (max-width:430px){.hero img{width:83px}.hero h1.h1{padding-right:40px}}@media only screen and (max-width:344px){.hero h1.h1{padding-right:0}}
