.relative{position:relative}.relative:after{clear:both;content:"";display:block}.hero-banner{height:650px;margin-top:80px;position:relative}@media screen and (min-width:768px){.hero-banner{height:440px}}.hero-banner-image{position:relative;z-index:2}@media screen and (min-width:1024px){.hero-banner-image{width:50%}}.hero-banner-image .image{position:absolute;z-index:2}.hero-banner-image .bg{margin-top:615px}@media screen and (min-width:375px){.hero-banner-image .bg{margin-top:470px}}@media screen and (min-width:414px){.hero-banner-image .bg{width:430px}}@media screen and (min-width:768px){.hero-banner-image .bg{margin-top:215px;left:50%;transform:translateX(-50%)}}@media screen and (min-width:1024px){.hero-banner-image .bg{width:auto;margin-top:20px}}.hero-banner-text{position:absolute;z-index:1;background-color:rgba(19,83,84,.8);border-radius:20px;-webkit-backdrop-filter:blur(21px);backdrop-filter:blur(21px);transform:translateY(33%);padding:20px 20px 20px 40px;width:100%;top:-105px;left:-20px}@media screen and (min-width:375px){.hero-banner-text{padding:20px 20px 20px 40px;width:100%}}@media screen and (min-width:768px){.hero-banner-text{top:-70px;left:-38px}}@media screen and (min-width:1024px){.hero-banner-text{width:820px;padding:30px 40px 30px 300px;left:17%;top:65%}}@media screen and (min-width:1280px){.hero-banner-text{width:945px;left:23%}}@media screen and (min-width:1441px){.hero-banner-text{top:-50px;left:27%}}@media screen and (min-width:2000px){.hero-banner-text{left:30%}}.hero-banner-text h1{color:#acda63;font-size:22px}@media screen and (min-width:1024px){.hero-banner-text h1{font-size:32px}}@media screen and (min-width:1280px){.hero-banner-text h1{font-size:36px}}.hero-banner-text p{color:#fff;font-weight:600;line-height:34px;font-size:16px;margin-bottom:0}@media screen and (min-width:1280px){.hero-banner-text p{font-size:18px}}