.hero-top{position:relative;background-size:cover;background-position:center 20%;padding:31.5% 0 4% 0;overflow:hidden}.hero-top .wrapper{max-width:1300px;padding:0 20px;margin:0 auto;position:relative}.hero-disc{line-height:43px;color:#fff;font-size:36px;font-weight:300;margin:0px}.hero-right-icons-outer{position:absolute;right:0;bottom:0}.hero-right-icons{position:relative;padding:65px 25px 50px 45px;z-index:1;list-style:none}.hero-right-icons li{padding:16px 7px 13px 7px;border-bottom:1px solid #575756;text-align:center}.hero-right-icons li:last-child{border-bottom:0;padding-bottom:0}.hero-content{position:relative;padding:0 0 0 108px}.hero-content:before{content:'';position:absolute;bottom:15px;left:0;background-image:url(https://f.hubspotusercontent10.net/hubfs/7099268/NET_June_2021/Home_Page/hero-title-before.svg);background-size:100%;height:44px;background-repeat:no-repeat;background-position:bottom;width:58px}.hero-right-icons:before{content:'';position:absolute;top:0;left:0;bottom:0;right:-100vh;background-color:#333;z-index:-1;transform:skew(340deg)}.hero-right-icons li img{max-width:30px !important}.blog-btn .article-link a{display:flex;align-items:center;font-size:24px;font-weight:bold;color:#fff;margin:30px 0 0px}@media only screen and (max-width:1399px){.hero-content{padding:0 0 0 85px}}@media only screen and (max-width:991px){.hero-disc{line-height:normal;font-size:24px}.blog-btn .article-link a{font-size:20px;font-weight:normal;margin:25px 0 0px}}@media only screen and (max-width:767px){.hero-disc{font-size:18px}.hero-content{padding:0 25% 0 85px}.hero-right-icons{padding:35px 10px 20px 30px}.hero-right-icons li a img{max-width:20px !important}.blog-btn .article-link a{font-size:18px}.blog-listing-banner .article-link img{max-width:24px}}@media only screen and (max-width:699px){.hero-content:before{bottom:10px;width:40px}.hero-content{padding:0 20% 0 60px}}@media only screen and (max-width:599px){.hero-disc{font-size:14px}.blog-btn .article-link a{font-size:16px}}@media only screen and (max-width:450px){.hero-top{padding:40% 0 10% 0}.hero-disc{font-size:11px}.hero-content{padding:0 23% 0 60px}.hero-right-icons{padding:15px 5px 15px 25px}.hero-right-icons li a img{max-width:17px !important}.hero-right-icons li{padding:10px 7px 7px 7px}.blog-btn .article-link a{font-size:14px;margin:15px 0 0px}.hero-content:before{top:-5px;width:39px}}