.hero-banner-comp{position:relative;display:grid;grid-template-areas:"overlap"}
.hero-banner-comp__bg-desktop{object-fit:contain;grid-area:overlap;min-width:100%;min-height:100%;width:auto;height:auto}
.hero-banner-comp .hero-banner-comp-container{grid-area:overlap;padding:8rem .8rem 6rem !important}
@media(max-width:1199px){.hero-banner-comp{padding-bottom:170px}
}
@media(min-width:1440px){.hero-banner-comp .hero-banner-comp-container.container{max-width:1440px !important}
}
@media(min-width:1200px){.hero-banner-comp .hero-banner-comp-container.container{max-width:1200px;margin:0 auto}
}
@media(min-width:1024px){.hero-banner-comp .hero-banner-comp-container.container{max-width:960px;margin:0 auto}
}
@media(min-width:768px){.hero-banner-comp .hero-banner-comp-container.container{max-width:720px;width:100%;margin:0 auto}
}
.hero-banner-comp .scroll-down{display:none}
.hero-banner-comp .container-rb{position:relative;z-index:1}
.hero-banner-comp .container-rb.hero-banner-comp__main-container{display:flex}
.hero-banner-comp__bg-mobile{position:absolute;bottom:0;left:-100px}
.hero-banner-comp .button-main--light{display:inline-flex;background-color:#000;color:#fff}
.hero-banner-comp__video{margin-top:5.4rem;position:relative;z-index:1}
.hero-banner-comp video{width:100% !important;height:auto !important;margin-bottom:1.6rem;position:absolute !important;top:0 !important;bottom:0 !important;left:0 !important;border:0 !important}
.hero-banner-comp__video-wrapper{position:relative}
.hero-banner-comp .icon-video-inside{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin-right:5px;height:107px;width:107px;background-repeat:no-repeat;background-image:url("../../../../../etc.clientlibs/logista-corporate/clientlibs/clientlib-base/resources/icons/play_button_555.png");background-size:contain;cursor:pointer}
.hero-banner-comp__image>a,.hero-banner-comp__image>p{font-family:"UntitledSans-Medium",sans-serif;font-size:1.2rem !important;color:#000;text-transform:uppercase !important;border-bottom:1px solid #767676 !important}
.hero-banner-comp__image>.icon-video-outside{display:none}
.hero-banner-comp__image{margin-top:12.4rem;position:relative;height:fit-content;z-index:2}
@media(min-width:1200px){.hero-banner-comp__image{margin-top:20rem}
}
.hero-banner-comp__image>img{width:100%;border-radius:20px;margin-bottom:0}
.hero-banner-comp__image>a{font-family:"UntitledSans-Medium",sans-serif;font-size:1.3rem;color:#000;text-transform:uppercase;border-bottom:1px solid #767676}
.hero-banner-comp .modal-body{padding:0rem !important}
.hero-banner-comp .video-player{top:500% !important}
.hero-banner-comp .icon-video:before{content:none}
@media(min-width:1200px){.hero-banner-comp{position:relative;overflow:hidden}
.hero-banner-comp-container{padding-top:100px}
.hero-banner-comp__bg-desktop{min-width:100%;min-height:100%;width:auto;height:auto}
.hero-banner-comp .scroll-down{display:block;font-family:"UntitledSans-Light",sans-serif;color:#fff;position:absolute;left:1rem;bottom:10rem;transform:rotateZ(-90deg);text-transform:uppercase;font-size:.8rem;cursor:pointer}
.hero-banner-comp__bg-mobile{display:none}
.hero-banner-comp .container-rb{position:relative;z-index:1}
.hero-banner-comp__wrapper{display:flex;justify-content:space-between;width:56%}
.hero-banner-comp__wrapper .hero-banner-comp__content{width:85%;margin-right:15%}
.hero-banner-comp .hero-banner-comp__paragraph{margin-bottom:5rem;max-width:90%;font-family:"UntitledSans-Light",sans-serif;color:#000}
.hero-banner-comp .button-main--light{display:inline-flex;background-color:#fff;color:#000;transition:all .3s ease;height:5.8rem;border-radius:30px;font-size:2rem}
.hero-banner-comp .button-main--light:hover{background-color:#fc4c02;color:#fff}
.hero-banner-comp__video{position:absolute;right:0;bottom:12rem;z-index:2}
.hero-banner-comp video{border-radius:0;height:41rem;width:72rem}
.hero-banner-comp__image{position:relative;display:inline-block}
.hero-banner-comp__image>a,.hero-banner-comp__image>p{color:#fff !important;font-size:1.2rem}
.hero-banner-comp__image>.icon-video-outside{display:block;position:absolute;right:350px;bottom:-10px;cursor:pointer}
.hero-banner-comp__image>.icon-video-outside::before{color:#fc4c02;font-size:3.8rem}
.hero-banner-comp__image{z-index:2;width:44%}
.hero-banner-comp__image>img{border-radius:0;display:block;height:34rem;width:100%;object-fit:cover;object-position:center}
.hero-banner-comp__image a{font-family:"UntitledSans-Medium",sans-serif;font-size:1.3rem;color:#fff !important;text-transform:uppercase;border-bottom:1px solid #fff}
.modal-dialog{max-width:1250px;margin:30px auto}
.close{position:absolute;right:-30px;top:0;z-index:999;font-size:2rem;font-weight:normal;color:#fff;opacity:1}
}
@media(max-width:576px){.hero-banner-comp__bg-desktop{display:none}
}
@media(max-width:1200px){.hero-banner-comp .container-rb.hero-banner-comp__main-container{display:flex;flex-flow:column}
.hero-banner-comp .hero-banner-comp__bg-desktop{display:none}
.hero-banner-comp .modal-content{background:0;border:0}
.hero-banner-comp .modal-content .close{color:white;font-size:26px}
}