.banner-wrapper{display:block;height:100vh;padding:100px 0 30px 0;min-height:500px;background:url(https://f.hubspotusercontent20.net/hubfs/6389024/MBN_May2021/images/first-bg.png) center/cover no-repeat;position:relative}.banner-wrapper:after{position:absolute;top:0;bottom:0;left:0;width:34.3%;content:"";mix-blend-mode:multiply;background-color:#3bb291}.banner-wrapper .first__bg{position:absolute;top:0;right:0;bottom:0;border-bottom-left-radius:0;height:100%;width:100%}.banner-wrapper .first__bg .first__bg-dark{position:absolute;top:0;right:0;bottom:0;border-bottom-left-radius:0;height:100%;width:100%;background-color:#000;opacity:.2}.banner-wrapper .first__bg .first__bg-color{position:absolute;top:0;right:0;bottom:0;border-bottom-left-radius:0;height:100%;width:100%;background-image:linear-gradient(to right,#102754 0%,#009abc 100%);mix-blend-mode:color}.banner-wrapper .first-pattern.is-inview{position:absolute;top:50%;transform:translateY(-50%);right:214px;max-width:462.64px;max-height:462.64px}.banner-wrapper .first-pattern.is-inview img{height:auto}.banner-wrapper .banner-content{max-width:976px;margin:auto 0;position:relative;z-index:2}.banner-wrapper .banner-content .top-text{margin-bottom:84px}.top-text h1.title{font-size:80px;font-weight:700;line-height:96px;position:relative;margin-bottom:20px}.top-text h1.title:after{width:102px;height:102px;background:url(https://f.hubspotusercontent20.net/hubfs/6389024/MBN_May2021/images/pattern_2.svg) center/contain no-repeat;position:absolute;content:"";transform:translate(-50%,-50%);top:22px;left:4px}.top-text h1.title span.text-first{position:relative;display:inline-block}.top-text h1.title span.text-first span.text-first-bg{display:block;width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:100%;z-index:100;transform-origin:left}.top-text .sub-title{font-size:20px;font-weight:200;line-height:24px;max-width:800px}.banner-wrapper .page-center{display:flex;height:100%;z-index:2}.banner-content ul{list-style-position:inside;list-style-type:none;font-size:20px;font-weight:200;line-height:24px;display:flex;flex-flow:row wrap;margin:0 0 -20px -50px;padding:0}.banner-content ul li{margin:0 0 20px 50px;display:flex;align-items:center}.banner-content ul li a{color:#d2d5d2;position:relative;padding-right:20px;font-weight:300;font-size:18px;line-height:24px}.banner-content ul li a:after{position:absolute;content:"";font-family:"icomoon" !important;font-weight:300;font-size:9px;top:50%;right:0;transform:translateY(-50%)}.first-pattern{position:absolute;top:50%;transform:translateY(-50%);right:214px;max-width:462.64px;max-height:462.64px}@media(max-width:1680px){.top-text h1.title{font-size:70px;line-height:86px}.top-text h1.title:after{width:85px;height:85px}}@media(max-width:1480px){.banner-wrapper .first-pattern.is-inview{right:171.2px;max-width:369px;max-height:369px}.banner-wrapper .banner-content .top-text{margin-bottom:50px}.top-text h1.title{font-size:60px;line-height:76px}.top-text h1.title:after{top:17px;left:3px;width:75px;height:75px}.top-text .sub-title{max-width:650px}.first-pattern{right:171.2px;max-width:369px;max-height:369px}}@media(max-width:1280px){.banner-wrapper .first-pattern.is-inview{max-width:295.2px;max-height:295.2px}.banner-wrapper .banner-content{max-width:786px}.banner-wrapper .banner-content .top-text{margin-bottom:40px}.banner-content ul{font-size:18px}.top-text h1.title{font-size:50px;line-height:66px}.top-text h1.title:after{width:60px;height:60px}.top-text .sub-title{font-size:18px}.first-pattern{max-width:295.2px;max-height:295.2px}}@media(max-width:1080px){.banner-wrapper .first-pattern.is-inview{max-width:236.2px;max-height:236.2px}.banner-wrapper .banner-content{max-width:646px}.banner-content ul{font-size:16px}.banner-content ul li a{font-size:16px}.top-text h1.title{font-size:40px;line-height:56px}.top-text h1.title:after{width:45px;height:45px;top:15px;left:3px}.top-text .sub-title{font-size:16px;max-width:500px}.banner-wrapper:after{width:44%}.first-pattern{max-width:236.2px;max-height:236.2px}}@media(max-width:768px){.banner-section .dnd-section>.row-fluid{padding:0}header.header{padding:15px 0}.banner-wrapper{min-height:400px}.banner-wrapper .first-pattern.is-inview{max-width:180px;max-height:180px;right:100px}.banner-content ul{font-size:14px;line-height:20px}.banner-content ul li a{font-size:14px;line-height:20px;padding-right:15px}.banner-wrapper .banner-content .top-text{margin-bottom:20px}.top-text h1.title{font-size:30px;line-height:40px;margin-bottom:10px}.top-text .sub-title{font-size:14px;line-height:20px;max-width:400px}.top-text h1.title:after{width:30px;height:30px;top:10px;left:3px}.first-pattern{max-width:180px;max-height:180px;right:100px}}@media(min-width:1280px){.banner-content ul{font-size:18px}}