.fixed{background-color:#fff;left:0;position:fixed;top:0;width:100%;z-index:999}body{margin:0}.page-center{margin:0 auto;max-width:1200px}.resultBannerOuterWrapper{padding-top:40px}.resultBannerHeaderOuter{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background-color:hsla(0,0%,100%,.72);box-sizing:border-box;padding:10px}.resultBannerInnerWrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.resultBannerLeft{flex:0 40%}.resultBannerRight{flex:0 60%;position:relative}.resultBannerRight iframe{height:100%;width:100%}.resultBannerOuter{background-size:contain;cursor:pointer;height:359px;width:600px}.resultBannerOuter,.resultBannerPlaceholderIcon{background-position:50%;background-repeat:no-repeat;position:absolute}.resultBannerPlaceholderIcon{background-size:80px;height:150px;left:calc(52% - 80px);top:calc(46% - 80px);width:150px}.resultBannerLeft p{font-size:16px;font-weight:700;letter-spacing:.5px;line-height:20px;margin-bottom:10px}.resultBannerLeft h1,.resultBannerLeft p{color:#3d3b44;font-style:normal;margin-top:0}.resultBannerLeft h1{font-size:38px;font-weight:300;line-height:48px}.resultBannerHeaderWrapper{align-items:center;display:flex;justify-content:space-between}.headerNextBtn a{background:#8a036d;border:2px solid #8a036d;border-radius:77px;color:#fff;display:inline-block;font-size:14px;font-style:normal;font-weight:500;letter-spacing:.5px;line-height:16px;padding:13px 40px 13px 30px;position:relative;text-decoration:none}.headerNextBtn a:hover{background:transparent;color:#8a036d}.headerNextBtn a:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(https://ap.resmed.com/hubfs/KR%20-%20Sleep%20Assessment/right-arrow-white.svg);background-repeat:no-repeat;background-size:14px;color:#8a036d;content:"";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;font-weight:900;height:14px;margin-left:5px;position:absolute;right:20px;text-rendering:auto;top:14px;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;width:14px}.headerNextBtn a:hover:after{background-image:url(https://ap.resmed.com/hubfs/KR%20-%20Sleep%20Assessment/right-arrow.svg);background-size:12px;color:#8a036d;transform:translate3d(5px,0,0)}@media (max-width:1080px){.resultBannerOuter{right:0;width:400px}.resultBannerPlaceholderIcon{left:calc(50% - 30px);top:calc(50% - 80px);width:81px}}@media (max-width:990px){.resultBannerLeft h1{font-size:31px}.resultBannerRight iframe{height:100%;width:100%}.resultBannerHeaderOuter{padding-left:0;padding-right:0}}@media (max-width:850px){.resultBannerLeft h1{font-size:30px}.resultBannerOuter{background-size:auto;left:0;width:100%}.resultBannerLeft,.resultBannerRight{flex:0 100%}.resultBannerRight{margin:20px 0}}@media (max-width:600px){.resultBannerLogo img{width:70px}.resultBannerOuterWrapper{padding-bottom:0}body{padding-top:0!important}.resultBannerOuterWrapper .page-center{padding:0}.resultBannerLeft{flex:0 100%;padding-left:28px;padding-right:28px}.resultBannerRight{flex:0 100%}.resultBannerOuter{width:100%}.resultBannerRight iframe{height:100%;width:100%}.resultBannerLeft h1{font-size:25px;line-height:31px}.resultBannerOuter{height:220px}.resultBannerPlaceholderIcon{background-size:46px}.resultBannerLogo{text-align:center}.resultBannerRight{margin-bottom:0}}@media (max-width:320px){.resultBannerLogo img{width:60px}.headerNextBtn a{font-size:13px}}