@import"https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap";.hero{margin:0}.hero__container{position:relative}.hero__image{height:600px;overflow:hidden;position:relative}@media screen and (min-width: 768px){.hero__image{height:618px}}@media screen and (min-width: 1024px){.hero__image{height:718px}}@media screen and (min-width: 1440px){.hero__image{height:818px}}.hero__content-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;left:0;position:absolute;right:0;top:0}.hero__wrapper{width:100%}.hero__content{max-width:400px}.hero__content h1,.hero__content h2,.hero__content h3,.hero__content h4,.hero__content h5,.hero__content h6,.hero__content p,.hero__content a,.hero__content img{-webkit-transition:all .7s ease-in-out;transition:all .7s ease-in-out;color:#fff;left:0;opacity:1;position:relative}.hero__content .animate-text h1,.hero__content .animate-text h2,.hero__content .animate-text h3,.hero__content .animate-text h4,.hero__content .animate-text h5,.hero__content .animate-text h6,.hero__content .animate-text p,.hero__content .animate-text a,.hero__content .animate-text img{left:-120px;opacity:0}.hero__logo{margin-bottom:24px}.hero__logo img{height:auto;width:100%}.hero__button{margin-top:32px}.hero__background{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;background:#d9d9d9 -webkit-gradient(linear, left top, right top, from(rgba(82, 47, 145, 0.9)), color-stop(60%, rgba(3, 100, 182, 0.9)), to(rgba(60, 199, 211, 0.9)));background:#d9d9d9 linear-gradient(90deg, rgba(82, 47, 145, 0.9) 0%, rgba(3, 100, 182, 0.9) 60%, rgba(60, 199, 211, 0.9) 100%);display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(240px - 24px);padding-bottom:16px;position:relative}@media screen and (min-width: 768px){.hero__background{height:calc(280px - 24px);padding-bottom:24px}}@media screen and (min-width: 1024px){.hero__background{height:calc(308px - 32px);padding-bottom:32px}}.hero__background--1 .hero__group--1{display:block}.hero__background--2 .hero__group--2{display:block}.hero__background--3 .hero__group--3{display:block}.hero__background--4 .hero__group--4{display:block}.hero__background--5 .hero__group--5{display:block}.hero__background--6 .hero__group--6{display:block}.hero__background--7 .hero__group--7{display:block}.hero__title{position:relative;width:100%;z-index:2}.hero__title h1,.hero__title h2,.hero__title h3,.hero__title h4,.hero__title h5,.hero__title h6,.hero__title p,.hero__title a{color:#fff;max-width:540px}.hero__group{bottom:0;display:none;position:absolute;right:0;z-index:1}.hero__group svg{display:block}.hero--overlay-brand .hero__image::before{background-image:url("../img/overlay.png");background-size:cover;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hero--overlay-brand .hero__container::after{background-position:68% 0%;background-image:url("../img/brand-teardrop.png");background-size:cover;content:"";height:552px;left:0;position:absolute;right:0;top:100%}@media screen and (min-width: 1024px){.hero--overlay-brand .hero__container::after{background-position:90% 0%;height:642px}}@media screen and (min-width: 1440px){.hero--overlay-brand .hero__container::after{background-position:100% 0%;height:730px}}.hero--overlay-left .hero__image{background-position:0% 0%}.hero--overlay-left .hero__image::before{background-position:0% 0%}.hero--overlay-center .hero__image{background-position:50% 0%}.hero--overlay-center .hero__image::before{background-position:50% 0%}.hero--overlay-right .hero__image{background-position:78% 0%}@media screen and (min-width: 768px){.hero--overlay-right .hero__image{background-position:72% 0%}}@media screen and (min-width: 1024px){.hero--overlay-right .hero__image{background-position:86% 0%}}@media screen and (min-width: 1440px){.hero--overlay-right .hero__image{background-position:100% 0%}}.hero--overlay-right .hero__image::before{background-position:0% 0%}@media screen and (min-width: 768px){.hero--overlay-right .hero__image::before{background-position:68% 0%}}@media screen and (min-width: 1024px){.hero--overlay-right .hero__image::before{background-position:90% 0%}}@media screen and (min-width: 1440px){.hero--overlay-right .hero__image::before{background-position:100% 0%}}.hero--hidden-heading h1,.hero--hidden-heading h2,.hero--hidden-heading h3,.hero--hidden-heading h4,.hero--hidden-heading h5,.hero--hidden-heading h6{display:none}