/*********************************************
 * Home Banner
**********************************************/
/* remove spacing top */
body.home {padding-top:0;}
.home-banner-content {
    width:48.5%;
    padding:0 0 0 var(--bb-gap-container);
    position:relative;
}

.home-banner-desktop-image {position:relative; width:51.5%;}
.home-banner-content__graphic-text {max-width:854px;}
.home-banner-content__buttons {padding-left:80px;}


/* no desktop image */
.home-banner.no-image-desktop .home-banner-content {width:100%; padding-bottom:0;}
.home-banner.no-image-desktop .home-banner-content__graphic-text {margin-right:auto;}

/* style text */
h1.home-banner-content__graphic-text-inner {
    font-family:var(--bb-font-third);
    font-size:5.9vw;
    width:49.1vw;
    aspect-ratio:632/355;
}

.home-banner-content__graphic {
    position:absolute;
}
.home-banner-content__graphic-item.text-1 {
    top:16%;
    left:16%;
    white-space:nowrap
}
.home-banner-content__graphic-item.text-2 {
    top:40%;
    left:19%;
}
.home-banner-content__graphic-item.text-3 {
    top:49.1%;
    left:43.8%;
}

/*********************************************
 * Graphic text - content
**********************************************/
@media only screen and (min-width:769px) {
    .home-banner-content__content {
        text-align:left;
    }

    .home-banner-content__content + .home-banner-content__buttons {
        justify-content:flex-start;
    }
}


/*********************************************
 * Home Banner Responsive
**********************************************/
@media only screen and (min-width:769px) {
    .home-banner-content:before {
        content:"";
        position:absolute;
        background:linear-gradient(var(--bb-color-light-grey) 0%, #fff 100%);; z-index:0;
        top:calc(var(--bb-header-height) * -1); left:0; right:0; bottom:0;
        width:var(--bb-100vw);
    }
}

@media only screen and (min-width:1681px) {
    .home-banner-content {
        padding-bottom:30vh;
    }
}

@media only screen and (max-width:1680px) {
    .home-banner-content {width:50%;}
    .home-banner-desktop-image {width:50%;}
    .home-banner-content__graphic-text {max-width:625px;}
    .home-banner-content__buttons {padding-left:0}
}
@media only screen and (min-width:1430px) and (max-width:1441px) {
    .home-banner-content {
        padding-right:var(--bb-gap-container);
    }
    .home-banner-content__buttons {
        justify-content:flex-end;
    }
}
@media only screen and (max-width:1024px) {
    .home-banner-content__graphic-text {margin-left:0;}
}
@media only screen and (max-width:768px) {
    h1.home-banner-content__graphic-text-inner {
        font-size:53px; width:100%;
        max-width:394px; margin-left:auto; margin-right:auto;
    }

    .home-banner-content__graphic-item.text-1 {
        right:unset;
    }

    /* no image mobile */
    .home-banner.no-image-mobile {
        --bb-spacing-default:var(--bb-spacing-100);
        padding-bottom:0;
    }

    .home-banner-content {width:100%;padding:calc(var(--bb-header-height) + 40px) 0 0;}
    .home-banner-content__graphic-text {margin-right:auto; margin-left:auto;}
    .home-banner-content__buttons {max-width:283px;margin-left:auto;margin-right:auto}

}

@media only screen and (max-width:374px) {
    h1.home-banner-content__graphic-text-inner {
        font-size:40px;
        max-width:300px;
    }
}

@media only screen and (max-height:800px) and (min-width:1024px) {
    .bb-home-banner__inner {align-items:flex-start;}
    .home-banner-content {padding-top:calc(var(--bb-header-height) - 40px);}
}