:root {
    --fixed-header-height: 80px;
}
#root .app-body .doc.promo-landing-page {
    color:var(--c-text-light-e)
}
#root .fixed-promo-header {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height:var(--fixed-header-height);
    background-image:unset;
    align-items:center;
    justify-content:center;
    padding:0px;
}
#root .fixed-promo-header > app-widget-host {
    background-image:unset;
    padding:0 20px;
}
#root .fixed-promo-header::before {
    content:"";
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    opacity:0;
    animation-duration: .2s;
    animation-name: opacity-hide;
    background-image:var(--c-linear-gradient-1);
}
#root .fixed-promo-header.show-color::before {
    animation-duration: .2s;
    animation-name: opacity-show;
    opacity:1;
}

.fixed-promo-header .logo {
    margin-right: auto;
}
.desktop .fixed-promo-header .header-links {
     width: 100%;
}
.fixed-promo-header .header-links {
   
    z-index:1;
    align-items:center;
}
.mobile .promo-landing-page .body {
    margin-top:0;
}
.promo-landing-page .splash-screen {
    
   
    background-image: linear-gradient(to bottom, #063e6600 75%,#063E66 100%),url(/v1.100/r/images/banners/promolandingpageheroimage.png);
    background-repeat:no-repeat;
    background-size:cover;
    justify-content:space-between;
    background-position:center;
    align-items:center;
    padding-top:var(--c-header-mobile);
    color:var(--c-text-light-e)
}
.desktop .promo-landing-page .splash-screen {
    flex-wrap:wrap;
    height: calc(100vh - (var(--c-header-top) + var(--c-header-bottom)));
    padding-top:0px;
}
.promo-landing-page .promotion-title {
    font-size:3vw;
    line-height:1;
    font-weight:bold;
    align-items:center;
}
.promo-landing-page .asset-container.row .placeholder:not(:last-child) {
    margin-right:20px;
}
.promo-landing-page .asset-container.column .placeholder:not(:last-child) {
    margin-bottom:20px;
}
.promo-landing-page .placeholder {
    width:320px;
    height:100px;
    display:flex;
    background-color:red;
}
.promo-landing-page .asset-container {
    margin-top:20px;
}
.promo-steps {
    flex-wrap:wrap;
    justify-content:center;
    /* align-items:center; */
    padding:30px;
    background-color:var(--c-dark-blue);
     color:var(--c-text-light-e)
}
.mobile .promo-steps {
    align-items:center;
}
.promo-step {
    align-items:center;
    max-width:365px;
    justify-content:flex-start;
    width:100%;
    background-color:var(--c-background-white-10);
    border:1px solid var(--c-background-white-30);
    border-radius:var(--r-10);
    padding:30px 20px;
}
.promo-step .step-title {
    margin-bottom:10px;;
    font-weight:bold;
}
.promo-step .step-description {
    font:var(--t-body-text)
}
.desktop .promo-step:not(:last-child) {
    margin-right:20px;
}
.mobile .promo-step:not(:last-child) {
    margin-bottom:20px;
    
}
.mobile .promo-step {
    /* justify-content:center; */
}
.promo-steps-title {
    width:100%;
    justify-content:center;
    text-align:center;
    margin-bottom:20px;
    /* font-weight:bold; */
}
.promo-step-number {
    min-width:50px;
    height:50px;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    background-color:var(--c-accent-color);
    margin-right:20px;
    font-weight:bold;
    line-height:1
}
.promo-landing-page .terms-and-conditions {
    justify-content:center;
    padding:10px 30px;
    align-items:center;
    background-color:var(--c-text-dark-blue);
    
}
.promo-landing-page .terms-and-conditions .content-accordion {
    max-width:1520px
}
.promo-landing-page .terms-and-conditions .content-accordion-title {
    justify-content:center;
    background-color:transparent;
    border:1px solid var(--c-background-white-30)
}
.promo-landing-page .terms-and-conditions .content-accordion-title .content-accordion-text {
    margin-right:0px;
}
.promo-landing-page .terms-and-conditions .content-accordion {
    width:100%;
    /* text-align:center; */
}


.promo-landing-page .loader {
    position:fixed;
    background-color:var(--c-dark-blue);
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:1000;
    display:flex;
    align-items:center;
    justify-content:center;
}
.placeholder {
    
    opacity:0;
}
.page-loaded .placeholder {
    animation-duration: .5s;
    animation-name: opacity-show;
    
}
.page-loaded .placeholder.asset-shown {
    opacity:1;
}
.asset-1 {
    animation-delay:1s;
}
.asset-2 {
    animation-delay:2s;
}
.asset-3 {
    animation-delay:3s;
}
.asset-4 {
    animation-delay:4s;
}
@keyframes opacity-show {
    from {
        opacity:0;
    }

    to {
       opacity:1;
    }
}
@keyframes opacity-hide {
    from {
        opacity:1;
    }

    to {
       opacity:0;
    }
}
.promo-landing-page .asset-column {
  width:100%;
    /* flex: 1; */
    /* height:100%; */
    justify-content:center;
    align-items: center;
    padding:20px;
    margin-bottom:10px;
}
.desktop .promo-landing-page .asset-column{
      width:50%;
}
#root .desktop .promo-landing-page .asset-column:first-of-type > app-widget-host {
    max-width:450px;
    justify-content:flex-start;
    align-items:flex-start
}
.promo-landing-page .asset-column:first-of-type {
    margin-right:auto;
}
.mobile .promo-landing-page .asset-column:first-of-type  {
    margin-bottom:50px;
}
.promo-landing-page .asset-column:last-of-type {
    margin-left:auto;
}
.promo-landing-page .asset-box {
    max-width:411px;
    width:100%;
    border:4.5px solid #043F99;
    backdrop-filter:blur(10px);
    background-image: linear-gradient(
109deg, rgb(4 63 226 / 10%), rgb(3 64 234 / 46%));
    position:relative;
    border-radius:var(--r-20);
    line-height:1;
    margin-bottom:10px
}
.promo-landing-page .asset-box > app-widget-host {
    border:2px solid #5BFFFF;
    border-radius:var(--r-20);
}
.promo-landing-page .asset-box .asset-box-inner {
    border:4.5px solid #043F99;
    border-radius:var(--r-20);
    /* padding:20px; */
    align-items:flex-end;
}
.promo-landing-page .asset-box .asset-box-inner .beto-image {
    width:100%;
}
.promo-landing-page .asset-box.info .asset-box-inner {
    padding:20px;
}
.desktop .promo-landing-page .asset-text {
    justify-content:flex-start
}
.promo-landing-page .asset-text {
     max-width:450px;
     width:100%;
     line-height:1;
    
     align-items:center;
     margin-bottom:20px;
    justify-content:center;
}



.mobile .asset-box .big-text-span > div {
     font-size:12.8vw;
      line-height:12vw;
}
.mobile .asset-box.text-big .fine-text-span {
      font-size:9.8vw;
}

.promo-landing-page .asset-box.left-aligned.column .asset-box-inner{
    align-items:flex-start
}
.asset-box.text-big .fine-text-span.slightly-smaller {
    font-size:1.3vw;
}
.asset-box.text-big .fine-text-span.orange {
    color:var(--c-emphasis);
    font-weight:400
}
.promo-button-container {
      max-width:450px;
      width:100%;
}
.mobile .promo-button-container {
    justify-content:center;
}
.promo-landing-page .promo-button {
    max-width:200px;
    background-color:var(--c-accent-color);
    box-shadow:0px 4px 0px rgba(146, 71, 19, 0.8);
    border-radius:var(--r-10);
    align-items:center;
    padding:10px;
}
.promo-button .h2 {
    font-weight:bold;
}
.asset-box.info .dynamic-text{
    font:var(--t-body-text);
    text-align:center;
}
.promo-landing-page .register-button-container {
    width:100%;
    justify-content:center;
    margin-top:auto;
    margin-bottom:20px;
}
.promo-landing-page .register-button-container .button.register {
    max-width:250px;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}
.promo-landing-page .register-button-container ui-button {
    display:block;
}
.promo-landing-page .register-button-container .button.register {
    background-color:var(--c-accent-color);
    color:var(--c-text-light-e);
    height:60px;
    width:100%;
    font:var(--t-h2);
    font-weight:bold;
    border:0;
}