.hero{padding-top:15.3rem;background:#e0f6fb;padding-bottom:8.1rem;position:relative}.hero .pattern{position:absolute;top:0;left:0;width:48.5%;height:100%;z-index:1;pointer-events:none}.hero .pattern img{width:100%;height:100%;object-fit:cover}.hero .bg{position:absolute;top:0;right:0;width:51.5%;height:100%;background-color:#d7eff4;pointer-events:none}.hero .container{display:flex;align-items:center}.hero .container .heroLeft{width:40%}.hero .container .heroLeft .heading{color:#c18178;margin-bottom:1.2rem}.hero .container .heroLeft .heading:before{background-color:#c4968f}.hero .container .heroLeft h1,.hero .container .heroLeft h2{font-size:4.4rem;margin-bottom:2rem;text-align:left;width:90%;color:#2b6a76;font-style:normal;font-weight:500;line-height:4.8rem 52.8px;letter-spacing:-.096rem}.hero .container .heroLeft p{color:#034b59;font-size:1.6rem;font-style:normal;font-weight:300;line-height:2.25rem;letter-spacing:-.048rem;opacity:.9;width:70%;margin-bottom:4.7rem}.hero .container .heroRight{width:60%}@media screen and (max-width:767.9px){.hero{padding-bottom:5rem}.hero .pattern{width:100%;height:50%}.hero .bg{bottom:0;left:0;width:100%;height:30rem;right:unset;top:unset}.hero .container{flex-direction:column}.hero .container>div{width:100%!important}.hero .container .heroLeft{padding-bottom:3rem}.hero .container .heroLeft h1{width:100%;font-size:3.2rem;line-height:4.2rem}.hero .container .heroLeft p{width:100%;margin-bottom:1.2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1.4rem;line-height:2rem}.hero .container .heroRight{padding-top:2rem}.hero .container .heroRight .splide .splide__slide{height:21rem}}