.hero-container{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;display:flex;min-height:70vh;overflow:hidden;padding:20px;position:relative;&.large{&:after{background:linear-gradient(102deg,rgba(2,13,31,.75) 13.66%,rgba(4,31,71,.01) 60.15%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.hero-content{padding:200px 0}}&.inside{height:50vh;min-height:650px;.hero-inside-image{border-radius:100px 0 20px;height:100%;object-fit:cover;position:absolute;right:0;top:0;width:50%;@media(max-width:900px){border-radius:0;filter:grayscale(1);opacity:.2;width:100%}}.hero-content{gap:200px;p{font-size:24px}@media(max-width:900px){display:block;padding-top:0!important;p{font-size:18px}}}&:before{background-image:url(//48431102.fs1.hubspotusercontent-na1.net/hubfs/48431102/raw_assets/public/pief-theme/images/grid-footer.svg);background-position:100%;background-size:contain;content:"";height:100%;left:0;position:absolute;top:0;width:50%}}.hero-content{color:#fff;display:flex;flex-wrap:wrap;margin:0 auto;max-width:1395px;position:relative;width:100%;z-index:1;.hero-content-left,.hero-content-right{flex:1 0 0%}@media (max-width:766px){padding-top:100px!important;.hero-content-left,.hero-content-right{flex:unset}}h1{color:#fff;@media(max-width:900px){font-size:30px}}.hero-content-buttons{display:flex;gap:20px;.button{align-items:center;border:0;display:flex;font-weight:700;gap:10px;justify-content:center;padding-left:25px;padding-right:25px;white-space:nowrap;&.button1{background-color:#00aff4}&.button2{background-color:transparent!important;border:none}&:hover{opacity:.8;text-decoration:none}}.hero-arrow-down{animation:bounce 2s infinite;cursor:pointer;height:40px;margin-top:20px;opacity:.8;transition:transform .3s ease,opacity .3s ease;width:40px;&:hover{opacity:1;transform:translateY(5px)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}}}}.hero-breadcrumbs{margin-bottom:20px;.breadcrumb-list{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.breadcrumb-item{align-items:center;color:hsla(0,0%,100%,.8);display:flex;font-size:14px;&:not(:last-child):after{color:hsla(0,0%,100%,.5);content:"/";margin:0 8px}a{color:hsla(0,0%,100%,.8);text-decoration:none;transition:color .2s ease;&:hover{color:#fff;text-decoration:underline}}span{color:#fff;font-weight:500}}}@media (max-width:767px){.hero-breadcrumbs{.breadcrumb-list{font-size:12px}}}