.generic-hero-banner{width:100%;height:auto;box-sizing:border-box;background-color:#fff}.generic-hero-banner .generic-hero-banner__main-container{max-width:1340px;padding:70px 30px;display:flex;flex-direction:column;margin:0 auto}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:100px}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper.swap-column{flex-direction:row-reverse}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__content-wrapper{width:100%;height:100%;padding:0;display:flex;flex-direction:column}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__content-wrapper.full{max-width:100%}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__content-wrapper.contained{max-width:510px}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__content-wrapper.align-content-center{align-items:center}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__content-wrapper.align-content-right{align-items:flex-end}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__content-wrapper .generic-hero-banner__content-subheading{font-weight:500;font-size:18px;margin:0 0;line-height:27px;color:#00a9e0;text-transform:uppercase}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__content-wrapper h1.generic-hero-banner__content-heading{font-weight:700;font-size:60px;margin:0 0;line-height:90px;color:#262832}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__content-wrapper h2.generic-hero-banner__content-heading,.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__content-wrapper h3.generic-hero-banner__content-heading{font-weight:700;font-size:40px;line-height:60px;margin:0 0;color:#262832}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__content-wrapper .generic-hero-banner__content-description{font-weight:400;font-size:16px;margin:0 0;line-height:30px;color:#262832}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__content-wrapper .generic-hero-banner__button-wrapper{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:30px 0 0}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__content-wrapper .generic-hero-banner__button-wrapper .generic-hero-banner__first-button-value{margin:0}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__content-wrapper .generic-hero-banner__button-wrapper .generic-hero-banner__second-button-value{margin:0;background-color:rgba(0,0,0,0)}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__content-wrapper .generic-hero-banner__button-wrapper .generic-hero-banner__second-button-value:hover{background-color:#00a9e0;color:#fff !important}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__media-wrapper{width:100%;height:100%;max-width:730px}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__video-wrapper{cursor:pointer}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__video-wrapper.set-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);transition:.2s ease-in-out all;opacity:1}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__video-wrapper.active:before{opacity:0}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__video-wrapper:not(.active):hover .northspyre_video_play{opacity:.6}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__image-wrapper,.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__video-wrapper{position:relative;width:100%;height:100%;line-height:0;border-radius:4px;overflow:hidden}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__image-wrapper .generic-hero-banner__no-image-selected,.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__image-wrapper .generic-hero-banner__no-link-entered,.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__video-wrapper .generic-hero-banner__no-image-selected,.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__video-wrapper .generic-hero-banner__no-link-entered{background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;box-shadow:5px 5px 14px 0px gray;border:1px solid #e0e0e0}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__image-wrapper img,.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__image-wrapper video,.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__video-wrapper img,.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__video-wrapper video{max-width:100%}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__image-wrapper video,.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__video-wrapper video{width:100%;max-height:370px;min-height:370px;-o-object-fit:cover;object-fit:cover}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__third-party-video{width:100%;max-width:730px;margin:0 auto;position:relative;overflow:hidden;flex:1}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__third-party-video::before{content:"";display:block;padding-top:56.25%}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border:none}.generic-hero-banner .generic-hero-banner__main-container .hide-media .generic-hero-banner__image-wrapper{display:none}.generic-hero-banner .generic-hero-banner__main-container .hide-media .generic-hero-banner__third-party-video,.generic-hero-banner .generic-hero-banner__main-container .hide-media .generic-hero-banner__video-wrapper{display:none}.generic-hero-banner .generic-hero-banner__main-container .hide-media .generic-hero-banner__content-wrapper{max-width:none;max-width:initial}@media screen and (min-width: 651px)and (max-width: 991px){.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__content-wrapper h1.generic-hero-banner__content-heading{font-size:40px !important;line-height:50px !important}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__content-wrapper h2.generic-hero-banner__content-heading,.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__content-wrapper h3.generic-hero-banner__content-heading{font-size:40px !important;line-height:50px !important}}@media (min-width: 992px){.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__image-wrapper,.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__video-wrapper{text-align:right}}@media screen and (max-width: 1200px){.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__image-wrapper video,.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__video-wrapper video{min-height:0;min-height:initial}}@media (max-width: 991px){.generic-hero-banner{background-position:top right !important}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper{max-width:100%;display:flex;flex-direction:column}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper.top-section{flex-direction:column-reverse}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper.bottom-section{flex-direction:column}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__content-wrapper .generic-hero-banner__content-description{max-width:80%}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__image-wrapper,.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__video-wrapper{margin-top:30px}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__image-wrapper img,.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__image-wrapper video,.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__video-wrapper img,.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__video-wrapper video{width:100%}.generic-hero-banner__content-subheading{order:1}.generic-hero-banner__content-heading{order:2}.generic-hero-banner__content-description{order:3}.generic-hero-banner__button-wrapper{order:5}.generic-hero-banner__image-wrapper{order:4}.generic-hero-banner__video-wrapper{order:4}.generic-hero-banner__third-party-video{order:4}}@media screen and (max-width: 991px){.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__content-wrapper.contained{max-width:100%}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__content-wrapper{align-items:center;justify-content:center;text-align:center;max-width:100%}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__third-party-video{margin-top:30px}}@media (max-width: 768px){.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper{gap:20px}}@media screen and (max-width: 768px){.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__content-wrapper .generic-hero-banner__button-wrapper{justify-content:center}}@media (max-width: 650px){.generic-hero-banner .generic-hero-banner__main-container{padding:60px 24px}}@media screen and (max-width: 650px){.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__content-wrapper h1.generic-hero-banner__content-heading{font-size:28px !important;line-height:40px !important;margin:8px 0}.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__content-wrapper h2.generic-hero-banner__content-heading,.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__content-wrapper h3.generic-hero-banner__content-heading{font-size:28px !important;line-height:40px !important;margin:8px 0}}@media (max-width: 480px){.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__content-wrapper .generic-hero-banner__content-description{max-width:100%}}@media screen and (max-width: 425px){.generic-hero-banner .generic-hero-banner__main-container .generic-hero-banner__main-content-wrapper .generic-hero-banner__content-wrapper{padding:15px}}
