.off-canvas-wrap
{
    -webkit-backface-visibility: hidden;
    overflow: hidden;
}
.clearfix:after
{
    clear: both;
    content: "";
    display: block;
}
.fixed-top
{
    top: 0;
}
.fixed-bottom, .fixed-top
{
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1030;
}
.fixed-bottom
{
    bottom: 0;
}
.sticky-top
{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 998;
}
.text-twoline-truncate
{
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media(min-width: 640px)
{
    .sticky-sm-top
    {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
@media(min-width: 1025px)
{
    .sticky-md-top
    {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
@media(min-width: 1200px)
{
    .sticky-lg-top
    {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
.hstack
{
    align-items: center;
    flex-direction: row;
}
.hstack, .vstack
{
    align-self: stretch;
    display: flex;
}
.vstack
{
    flex: 1 1 auto;
    flex-direction: column;
}
.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within)
{
    clip: rect(0,0,0,0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
.overlay
{
    bottom: 0;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}
.floating-pseudo, .overlay
{
    content: "";
    position: absolute;
}
.overlay-transition
{
    transition: all;
    transition-duration: .3s;
    transition-timing-function: ease-out;
}
.text-truncate
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.vr
{
    align-self: stretch;
    background-color: currentColor;
    display: inline-block;
    min-height: 1em;
    opacity: .25;
    width: 1px;
}
.align-baseline
{
    vertical-align: baseline;
}
.align-top
{
    vertical-align: top;
}
.align-middle
{
    vertical-align: middle;
}
.align-bottom
{
    vertical-align: bottom;
}
.align-text-bottom
{
    vertical-align: text-bottom;
}
.align-text-top
{
    vertical-align: text-top;
}
.float-start
{
    float: left;
}
.float-end
{
    float: right;
}
.float-none
{
    float: none;
}
.opacity-0
{
    opacity: 0;
}
.overflow-auto
{
    overflow: auto;
}
.overflow-hidden
{
    overflow: hidden;
}
.overflow-visible
{
    overflow: visible;
}
.overflow-scroll
{
    overflow: scroll;
}
.d-inline
{
    display: inline;
}
.d-inline-block
{
    display: inline-block;
}
.d-block
{
    display: block;
}
.d-grid
{
    display: grid;
}
.d-table
{
    display: table;
}
.d-table-row
{
    display: table-row;
}
.d-table-cell
{
    display: table-cell;
}
.d-flex
{
    display: flex;
}
.d-inline-flex
{
    display: inline-flex;
}
.d-none
{
    display: none;
}
.shadow
{
    box-shadow: 0 .8rem 1.6rem rgba(0,0,0,.15);
}
.shadow-sm
{
    box-shadow: 0 .2rem .4rem rgba(0,0,0,.075);
}
.shadow-lg
{
    box-shadow: 0 1.6rem 4.8rem rgba(0,0,0,.175);
}
.shadow-none
{
    box-shadow: none;
}
.position-static
{
    position: static;
}
.position-relative
{
    position: relative;
}
.position-absolute
{
    position: absolute;
}
.position-fixed
{
    position: fixed;
}
.position-sticky
{
    position: -webkit-sticky;
    position: sticky;
}
.top-0
{
    top: 0;
}
.top-50
{
    top: 50%;
}
.top-100
{
    top: 100%;
}
.bottom-0
{
    bottom: 0;
}
.bottom-50
{
    bottom: 50%;
}
.bottom-100
{
    bottom: 100%;
}
.start-0
{
    left: 0;
}
.start-50
{
    left: 50%;
}
.start-100
{
    left: 100%;
}
.end-0
{
    right: 0;
}
.end-50
{
    right: 50%;
}
.end-100
{
    right: 100%;
}
.translate-middle
{
    transform: translate(-50%,-50%);
}
.translate-middle-x
{
    transform: translateX(-50%);
}
.translate-middle-y
{
    transform: translateY(-50%);
}
.border
{
    border: 1px solid #dee2e6;
}
.border-0
{
    border: 0;
}
.border-top
{
    border-top: 1px solid #dee2e6;
}
.border-top-0
{
    border-top: 0;
}
.border-end
{
    border-right: 1px solid #dee2e6;
}
.border-end-0
{
    border-right: 0;
}
.border-bottom
{
    border-bottom: 1px solid #dee2e6;
}
.border-bottom-0
{
    border-bottom: 0;
}
.border-start
{
    border-left: 1px solid #dee2e6;
}
.border-start-0
{
    border-left: 0;
}
.border-dark
{
    border-color: #000;
}
.border-white
{
    border-color: #fff;
}
.border-1
{
    border-width: 1px;
}
.border-2
{
    border-width: 2px;
}
.border-3
{
    border-width: 3px;
}
.border-4
{
    border-width: 4px;
}
.border-5
{
    border-width: 5px;
}
.w-25
{
    width: 25%;
}
.w-30
{
    width: 30%;
}
.w-50
{
    width: 50%;
}
.w-75
{
    width: 75%;
}
.w-70
{
    width: 70%;
}
.hero-banner-31 .banner-slider .banner-slider-container .slide-img img, .hero-banner-31 .banner-slider .swiper .swiper-wrapper, .hero-banner-31-new .banner-slider .banner-slider-container .slide-img img, .hero-banner-31-new .banner-slider .swiper .swiper-wrapper, .w-100
{
    width: 100%;
}
.hero-banner-31 .banner-slider .swiper .swiper-wrapper .swiper-slide, .hero-banner-31-new .banner-slider .swiper .swiper-wrapper .swiper-slide, .w-auto
{
    width: auto;
}
.mw-100
{
    max-width: 100%;
}
.vw-100
{
    width: 100vw;
}
.min-vw-100
{
    min-width: 100vw;
}
.h-0
{
    height: 0;
}
.h-25
{
    height: 25%;
}
.h-50
{
    height: 50%;
}
.h-75
{
    height: 75%;
}
.h-100
{
    height: 100%;
}
.h-auto, .hero-banner-31 .banner-slider .swiper .swiper-wrapper .swiper-slide, .hero-banner-31-new .banner-slider .swiper .swiper-wrapper .swiper-slide
{
    height: auto;
}
.mh-100
{
    max-height: 100%;
}
.vh-100
{
    height: 100vh;
}
.min-vh-100
{
    min-height: 100vh;
}
.flex-fill
{
    flex: 1 1 auto;
}
.flex-row
{
    flex-direction: row;
}
.flex-column
{
    flex-direction: column;
}
.flex-row-reverse
{
    flex-direction: row-reverse;
}
.flex-column-reverse
{
    flex-direction: column-reverse;
}
.flex-grow-0
{
    flex-grow: 0;
}
.flex-grow-1
{
    flex-grow: 1;
}
.flex-shrink-0
{
    flex-shrink: 0;
}
.flex-shrink-1
{
    flex-shrink: 1;
}
.flex-wrap
{
    flex-wrap: wrap;
}
.flex-nowrap
{
    flex-wrap: nowrap;
}
.flex-wrap-reverse
{
    flex-wrap: wrap-reverse;
}
.gap-0
{
    gap: 0;
}
.gap-1
{
    gap: .4rem;
}
.gap-2
{
    gap: .8rem;
}
.gap-3
{
    gap: 1.6rem;
}
.gap-4
{
    gap: 2.4rem;
}
.gap-5
{
    gap: 4.8rem;
}
.justify-content-start
{
    justify-content: flex-start;
}
.justify-content-end
{
    justify-content: flex-end;
}
.justify-content-center
{
    justify-content: center;
}
.justify-content-between
{
    justify-content: space-between;
}
.justify-content-around
{
    justify-content: space-around;
}
.justify-content-evenly
{
    justify-content: space-evenly;
}
.align-items-start
{
    align-items: flex-start;
}
.align-items-end
{
    align-items: flex-end;
}
.align-items-center
{
    align-items: center;
}
.align-items-baseline
{
    align-items: baseline;
}
.align-items-stretch
{
    align-items: stretch;
}
.align-content-start
{
    align-content: flex-start;
}
.align-content-end
{
    align-content: flex-end;
}
.align-content-center
{
    align-content: center;
}
.align-content-between
{
    align-content: space-between;
}
.align-content-around
{
    align-content: space-around;
}
.align-content-stretch
{
    align-content: stretch;
}
.align-self-auto
{
    align-self: auto;
}
.align-self-start
{
    align-self: flex-start;
}
.align-self-end
{
    align-self: flex-end;
}
.align-self-center
{
    align-self: center;
}
.align-self-baseline
{
    align-self: baseline;
}
.align-self-stretch
{
    align-self: stretch;
}
.flex-centered, .hero-banner-31 .banner-slider .swiper .swiper-wrapper .swiper-slide, .hero-banner-31-new .banner-slider .swiper .swiper-wrapper .swiper-slide
{
    align-items: center;
    display: flex;
    justify-content: center;
}
.order-first
{
    order: -1;
}
.order-0
{
    order: 0;
}
.order-1
{
    order: 1;
}
.order-2
{
    order: 2;
}
.order-3
{
    order: 3;
}
.order-4
{
    order: 4;
}
.order-5
{
    order: 5;
}
.order-last
{
    order: 6;
}
.mt-small
{
    margin-top: 0;
}
@media(min-width: 1025px)
{
    .mt-small
    {
        margin-top: 1.5rem;
    }
}
.mt-medium
{
    margin-top: 0;
}
@media(min-width: 1025px)
{
    .mt-medium
    {
        margin-top: 3.2rem;
    }
}
.mt-large
{
    margin-top: 0;
}
@media(min-width: 1025px)
{
    .mt-large
    {
        margin-top: 4.5rem;
    }
}
.pt-small
{
    padding-top: .8rem;
}
@media(min-width: 640px)
{
    .pt-small
    {
        padding-top: 1.6rem;
    }
}
.pt-medium
{
    padding-top: 1.6rem;
}
@media(min-width: 640px)
{
    .pt-medium
    {
        padding-top: 3.2rem;
    }
}
.pt-large
{
    padding-top: 2.4rem;
}
@media(min-width: 640px)
{
    .pt-large
    {
        padding-top: 4.8rem;
    }
}
.pt-xlarge
{
    padding-top: 9.6rem;
}
@media(min-width: 640px)
{
    .pt-xlarge
    {
        padding-top: 6.4rem;
    }
}
.pb-small
{
    padding-bottom: .8rem;
}
@media(min-width: 640px)
{
    .pb-small
    {
        padding-bottom: 1.6rem;
    }
}
.pb-medium
{
    padding-bottom: 1.6rem;
}
@media(min-width: 640px)
{
    .pb-medium
    {
        padding-bottom: 3.2rem;
    }
}
.pb-large
{
    padding-bottom: 2.4rem;
}
@media(min-width: 640px)
{
    .pb-large
    {
        padding-bottom: 4.8rem;
    }
}
.pb-xlarge
{
    padding-bottom: 4rem;
}
@media(min-width: 640px)
{
    .pb-xlarge
    {
        padding-bottom: 6.4rem;
    }
}
.m-0
{
    margin: 0;
}
.m-1
{
    margin: .4rem;
}
.m-2
{
    margin: .8rem;
}
.m-3
{
    margin: 1.6rem;
}
.m-4
{
    margin: 2.4rem;
}
.m-5
{
    margin: 4.8rem;
}
.m-auto
{
    margin: auto;
}
.m-0-auto
{
    margin: 0 auto;
}
.mx-0
{
    margin-left: 0;
    margin-right: 0;
}
.mx-1
{
    margin-left: .4rem;
    margin-right: .4rem;
}
.mx-2
{
    margin-left: .8rem;
    margin-right: .8rem;
}
.mx-3
{
    margin-left: 1.6rem;
    margin-right: 1.6rem;
}
.mx-4
{
    margin-left: 2.4rem;
    margin-right: 2.4rem;
}
.mx-5
{
    margin-left: 4.8rem;
    margin-right: 4.8rem;
}
.mx-auto
{
    margin-left: auto;
    margin-right: auto;
}
.my-0
{
    margin-bottom: 0;
    margin-top: 0;
}
.my-1
{
    margin-bottom: .4rem;
    margin-top: .4rem;
}
.my-2
{
    margin-bottom: .8rem;
    margin-top: .8rem;
}
.my-3
{
    margin-bottom: 1.6rem;
    margin-top: 1.6rem;
}
.my-4
{
    margin-bottom: 2.4rem;
    margin-top: 2.4rem;
}
.my-5
{
    margin-bottom: 4.8rem;
    margin-top: 4.8rem;
}
.my-auto
{
    margin-bottom: auto;
    margin-top: auto;
}
.mt-0
{
    margin-top: 0;
}
.mt-1
{
    margin-top: .4rem;
}
.mt-2
{
    margin-top: .8rem;
}
.mt-3
{
    margin-top: 1.6rem;
}
.mt-4
{
    margin-top: 2.4rem;
}
.mt-5
{
    margin-top: 4.8rem;
}
.mt-auto
{
    margin-top: auto;
}
.me-0
{
    margin-right: 0;
}
.me-1
{
    margin-right: .4rem;
}
.me-2
{
    margin-right: .8rem;
}
.me-3
{
    margin-right: 1.6rem;
}
.me-4
{
    margin-right: 2.4rem;
}
.me-5
{
    margin-right: 4.8rem;
}
.me-auto
{
    margin-right: auto;
}
.mb-0
{
    margin-bottom: 0;
}
.mb-1
{
    margin-bottom: .4rem;
}
.mb-2
{
    margin-bottom: .8rem;
}
.mb-3
{
    margin-bottom: 1.6rem;
}
.mb-4
{
    margin-bottom: 2.4rem;
}
.mb-5
{
    margin-bottom: 4.8rem;
}
.mb-auto
{
    margin-bottom: auto;
}
.ms-0
{
    margin-left: 0;
}
.ms-1
{
    margin-left: .4rem;
}
.ms-2
{
    margin-left: .8rem;
}
.ms-3
{
    margin-left: 1.6rem;
}
.ms-4
{
    margin-left: 2.4rem;
}
.ms-5
{
    margin-left: 4.8em;
}
.ms-auto
{
    margin-left: auto;
}
.p-0
{
    padding: 0;
}
.p-1
{
    padding: .4rem;
}
.p-2
{
    padding: .8rem;
}
.p-3
{
    padding: 1.6rem;
}
.p-4
{
    padding: 2.4rem;
}
.p-5
{
    padding: 4.8rem;
}
.px-0
{
    padding-left: 0;
    padding-right: 0;
}
.px-1
{
    padding-left: .4rem;
    padding-right: .4em;
}
.px-2
{
    padding-left: .8rem;
    padding-right: .8rem;
}
.px-3
{
    padding-left: 1.6rem;
    padding-right: 1.6rem;
}
.px-4
{
    padding-left: 2.4rem;
    padding-right: 2.4rem;
}
.px-5
{
    padding-left: 4.8rem;
    padding-right: 4.8rem;
}
.py-0
{
    padding-bottom: 0;
    padding-top: 0;
}
.py-1
{
    padding-bottom: .4rem;
    padding-top: .4rem;
}
.py-2
{
    padding-bottom: .8rem;
    padding-top: .8rem;
}
.py-3
{
    padding-bottom: 1.6rem;
    padding-top: 1.6rem;
}
.py-4
{
    padding-bottom: 2.4rem;
    padding-top: 2.4rem;
}
.py-5
{
    padding-bottom: 4.8rem;
    padding-top: 4.8rem;
}
.pt-0
{
    padding-top: 0;
}
.pt-1
{
    padding-top: .4rem;
}
.pt-2
{
    padding-top: .8rem;
}
.pt-3
{
    padding-top: 1.6rem;
}
.pt-4
{
    padding-top: 2.4rem;
}
.pt-5
{
    padding-top: 4.8rem;
}
.pe-0
{
    padding-right: 0;
}
.pe-1
{
    padding-right: .4rem;
}
.pe-2
{
    padding-right: .8rem;
}
.pe-3
{
    padding-right: 1.6rem;
}
.pe-4
{
    padding-right: 2.4rem;
}
.pe-5
{
    padding-right: 4.8rem;
}
.pb-0
{
    padding-bottom: 0;
}
.pb-1
{
    padding-bottom: .4rem;
}
.pb-2
{
    padding-bottom: .8rem;
}
.pb-3
{
    padding-bottom: 1.6rem;
}
.pb-4
{
    padding-bottom: 2.4rem;
}
.pb-5
{
    padding-bottom: 4.8rem;
}
.ps-0
{
    padding-left: 0;
}
.ps-1
{
    padding-left: .4rem;
}
.ps-2
{
    padding-left: .8rem;
}
.ps-3
{
    padding-left: 1.6rem;
}
.ps-4
{
    padding-left: 2.4rem;
}
.ps-5
{
    padding-left: 4.8rem;
}
.fs-1
{
    font-size: 3.8rem;
}
.fs-2
{
    font-size: 3.6rem;
}
.fs-3
{
    font-size: 1.6rem;
}
.fs-4
{
    font-size: 2.24rem;
}
.fs-5
{
    font-size: 1.2rem;
}
.fs-6
{
    font-size: 1.1rem;
}
.smaller-text-rich-text
{
    font-size: 1.2rem;
}
.font-family-brixton, .font-family-brixton p, .font-family-brixton span
{
    font-family: BrixtonWood,"888",sans-serif!important;
    line-height: .8em;
}
.font-family-888ExtraCondensed, .font-family-888ExtraCondensed p, .font-family-888ExtraCondensed span
{
    font-family: "888ExtraCondensed","888",sans-serif!important;
    line-height: .8em;
}
.font-size-12
{
    font-size: 9pt;
}
.font-size-14
{
    font-size: 14px;
}
.font-size-16
{
    font-size: 1pc;
}
.font-size-17
{
    font-size: 17px;
}
.font-size-18
{
    font-size: 18px;
}
.font-size-20
{
    font-size: 20px;
}
.font-size-22
{
    font-size: 22px;
}
.font-size-24
{
    font-size: 24px;
}
.font-size-25
{
    font-size: 25px;
}
.font-size-26
{
    font-size: 26px;
}
.font-size-28
{
    font-size: 28px;
}
.font-size-30
{
    font-size: 30px;
}
.font-size-32
{
    font-size: 2pc;
}
.font-size-34
{
    font-size: 34px;
}
.font-size-36
{
    font-size: 36px;
}
.font-size-38
{
    font-size: 38px;
}
.font-size-40
{
    font-size: 40px;
}
.font-size-50
{
    font-size: 50px;
}
.font-size-55
{
    font-size: 55px;
}
.font-size-60
{
    font-size: 60px;
}
.font-size-70
{
    font-size: 70px;
}
.font-size-80
{
    font-size: 5pc;
}
.font-size-90
{
    font-size: 90px;
}
.font-size-100
{
    font-size: 75pt;
}
.font-size-110
{
    font-size: 110px;
}
.font-size-120
{
    font-size: 90pt;
}
.font-size-130
{
    font-size: 130px;
}
.font-size-140
{
    font-size: 140px;
}
.font-size-150
{
    font-size: 150px;
}
.font-size-160
{
    font-size: 10pc;
}
.font-size-170
{
    font-size: 170px;
}
.font-size-180
{
    font-size: 180px;
}
.font-size-190
{
    font-size: 190px;
}
.font-size-200
{
    font-size: 200px;
}
.font-size-210
{
    font-size: 210px;
}
.font-size-1vw
{
    font-size: 1vw;
}
.font-size-1p5vw
{
    font-size: 1.5vw;
}
.font-size-2vw
{
    font-size: 2vw;
}
.font-size-2p5vw
{
    font-size: 2.5vw;
}
.font-size-3vw
{
    font-size: 3vw;
}
.font-size-3p5vw
{
    font-size: 3.5vw;
}
.font-size-4vw
{
    font-size: 4vw;
}
.font-size-5vw
{
    font-size: 5vw;
}
.font-size-6vw
{
    font-size: 6vw;
}
.font-size-7vw
{
    font-size: 7vw;
}
.font-size-8vw
{
    font-size: 8vw;
}
.font-size-9vw
{
    font-size: 9vw;
}
.font-size-10vw
{
    font-size: 10vw;
}
.font-size-11vw
{
    font-size: 11vw;
}
.font-size-12vw
{
    font-size: 12vw;
}
.font-size-13vw
{
    font-size: 13vw;
}
.font-size-14vw
{
    font-size: 14vw;
}
.font-size-15vw
{
    font-size: 15vw;
}
.font-size-16vw
{
    font-size: 16vw;
}
.font-size-17vw
{
    font-size: 17vw;
}
.font-size-18vw
{
    font-size: 18vw;
}
.font-size-19vw
{
    font-size: 19vw;
}
.font-size-20vw
{
    font-size: 20vw;
}
.font-size-21vw
{
    font-size: 21vw;
}
.font-size-22vw
{
    font-size: 22vw;
}
.font-size-23vw
{
    font-size: 23vw;
}
.font-size-24vw
{
    font-size: 24vw;
}
.font-size-25vw
{
    font-size: 25vw;
}
.font-size-26vw
{
    font-size: 26vw;
}
.font-size-27vw
{
    font-size: 27vw;
}
.font-size-28vw
{
    font-size: 28vw;
}
.font-size-29vw
{
    font-size: 29vw;
}
.font-size-30vw
{
    font-size: 30vw;
}
.font-size-31vw
{
    font-size: 31vw;
}
.font-size-32vw
{
    font-size: 32vw;
}
.font-size-33vw
{
    font-size: 33vw;
}
.font-size-34vw
{
    font-size: 34vw;
}
.font-size-35vw
{
    font-size: 35vw;
}
.font-size-36vw
{
    font-size: 36vw;
}
.font-size-37vw
{
    font-size: 37vw;
}
.font-size-38vw
{
    font-size: 38vw;
}
.font-size-39vw
{
    font-size: 39vw;
}
.font-size-40vw
{
    font-size: 40vw;
}
.two-columns
{
    display: flex;
    flex-direction: row;
}
.padding-top-1rem
{
    padding-top: 1rem;
}
.padding-top-1p5rem
{
    padding-top: 1.5rem;
}
.padding-top-2rem
{
    padding-top: 2rem;
}
.padding-top-2p5rem
{
    padding-top: 2.5rem;
}
.padding-top-3rem
{
    padding-top: 3rem;
}
.padding-top-3p5rem
{
    padding-top: 3.5rem;
}
.bigger-text-rich-text
{
    font-size: 2.24rem;
}
.black-background
{
    background-color: #000;
    padding: 10px 9pt 20px;
}
.text-xs
{
    font-size: 1rem;
    line-height: 1.3;
}
.fst-italic
{
    font-style: italic;
}
.fst-normal
{
    font-style: normal;
}
.lh-1
{
    line-height: 1;
}
.lh-sm
{
    line-height: 1.25;
}
.lh-base
{
    line-height: 1.5;
}
.lh-lg
{
    line-height: 2;
}
.text-left, .text-start
{
    text-align: left;
}
.text-end, .text-right
{
    text-align: right;
}
.text-center
{
    text-align: center;
}
.text-decoration-none
{
    text-decoration: none;
}
.text-decoration-underline
{
    text-decoration: underline;
}
.text-decoration-line-through
{
    text-decoration: line-through;
}
.text-lowercase
{
    text-transform: lowercase;
}
.text-uppercase
{
    text-transform: uppercase;
}
.text-capitalize
{
    text-transform: capitalize;
}
.text-wrap
{
    white-space: normal;
}
.text-nowrap
{
    white-space: nowrap;
}
.text-break
{
    word-wrap: break-word;
    word-break: break-word;
}
.text-light
{
    color: #969696;
}
.text-black, .text-dark
{
    color: #000;
}
.text-body, .text-white
{
    color: #fff;
}
.text-muted
{
    color: #6c757d;
}
.text-black-50
{
    color: rgba(0,0,0,.5);
}
.text-white-50
{
    color: hsla(0,0%,100%,.5);
}
.text-reset
{
    color: inherit;
}
.opacity-10
{
    opacity: .1;
}
.opacity-20
{
    opacity: .2;
}
.opacity-25
{
    opacity: .25;
}
.opacity-50
{
    opacity: .5;
}
.opacity-75
{
    opacity: .75;
}
.opacity-100
{
    opacity: 1;
}
.bg-light
{
    background-color: #969696;
}
.bg-black, .bg-dark
{
    background-color: #000;
}
.bg-white
{
    background-color: #fff;
}
.bg-body
{
    background-color: #1e1e1e;
}
.bg-transparent
{
    background-color: transparent;
}
.bg-gradient
{
    background-image: linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));
}
.bglg-gradient
{
    background-image: linear-gradient(180deg,hsla(0,0%,96%,0) 65%,hsla(0,0%,96%,.97) 99%,#f4f4f4);
}
.user-select-all
{
    -webkit-user-select: all;
    -moz-user-select: all;
    user-select: all;
}
.user-select-auto
{
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto;
}
.user-select-none
{
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.pe-none
{
    pointer-events: none;
}
.pe-auto
{
    pointer-events: auto;
}
.rounded
{
    border-radius: .4rem;
}
.rounded-0
{
    border-radius: 0;
}
.rounded-1
{
    border-radius: .2rem;
}
.rounded-2
{
    border-radius: .4rem;
}
.rounded-3
{
    border-radius: .4 .8rem;
}
.rounded-circle
{
    border-radius: 50%;
}
.rounded-pill
{
    border-radius: 5rem;
}
.rounded-top
{
    border-top-left-radius: .4rem;
}
.rounded-end, .rounded-top
{
    border-top-right-radius: .4rem;
}
.rounded-bottom, .rounded-end
{
    border-bottom-right-radius: .4rem;
}
.rounded-bottom, .rounded-start
{
    border-bottom-left-radius: .4rem;
}
.rounded-start
{
    border-top-left-radius: .4rem;
}
.visible
{
    visibility: visible;
}
.invisible
{
    visibility: hidden;
}
.fw-normal, .fw-regular
{
    font-weight: 400;
}
.fw-medium
{
    font-weight: 500;
}
.fw-semi-bold
{
    font-weight: 600;
}
.fw-bold
{
    font-weight: 700;
}
.fw-medium-bold
{
    font-weight: 800;
}
.fw-black, .fw-extra-bold
{
    font-weight: 900;
}
@media(min-width: 640px)
{
    .float-sm-start
    {
        float: left;
    }
    .float-sm-end
    {
        float: right;
    }
    .float-sm-none
    {
        float: none;
    }
    .d-sm-inline
    {
        display: inline;
    }
    .d-sm-inline-block
    {
        display: inline-block;
    }
    .d-sm-block
    {
        display: block;
    }
    .d-sm-grid
    {
        display: grid;
    }
    .d-sm-table
    {
        display: table;
    }
    .d-sm-table-row
    {
        display: table-row;
    }
    .d-sm-table-cell
    {
        display: table-cell;
    }
    .d-sm-flex
    {
        display: flex;
    }
    .d-sm-inline-flex
    {
        display: inline-flex;
    }
    .d-sm-none
    {
        display: none;
    }
    .flex-sm-fill
    {
        flex: 1 1 auto;
    }
    .flex-sm-row
    {
        flex-direction: row;
    }
    .flex-sm-column
    {
        flex-direction: column;
    }
    .flex-sm-row-reverse
    {
        flex-direction: row-reverse;
    }
    .flex-sm-column-reverse
    {
        flex-direction: column-reverse;
    }
    .flex-sm-grow-0
    {
        flex-grow: 0;
    }
    .flex-sm-grow-1
    {
        flex-grow: 1;
    }
    .flex-sm-shrink-0
    {
        flex-shrink: 0;
    }
    .flex-sm-shrink-1
    {
        flex-shrink: 1;
    }
    .flex-sm-wrap
    {
        flex-wrap: wrap;
    }
    .flex-sm-nowrap
    {
        flex-wrap: nowrap;
    }
    .flex-sm-wrap-reverse
    {
        flex-wrap: wrap-reverse;
    }
    .gap-sm-0
    {
        gap: 0;
    }
    .gap-sm-1
    {
        gap: .4rem;
    }
    .gap-sm-2
    {
        gap: .8rem;
    }
    .gap-sm-3
    {
        gap: 1.6rem;
    }
    .gap-sm-4
    {
        gap: 2.4rem;
    }
    .gap-sm-5
    {
        gap: 4.8rem;
    }
    .justify-content-sm-start
    {
        justify-content: flex-start;
    }
    .justify-content-sm-end
    {
        justify-content: flex-end;
    }
    .justify-content-sm-center
    {
        justify-content: center;
    }
    .justify-content-sm-between
    {
        justify-content: space-between;
    }
    .justify-content-sm-around
    {
        justify-content: space-around;
    }
    .justify-content-sm-evenly
    {
        justify-content: space-evenly;
    }
    .align-items-sm-start
    {
        align-items: flex-start;
    }
    .align-items-sm-end
    {
        align-items: flex-end;
    }
    .align-items-sm-center
    {
        align-items: center;
    }
    .align-items-sm-baseline
    {
        align-items: baseline;
    }
    .align-items-sm-stretch
    {
        align-items: stretch;
    }
    .align-content-sm-start
    {
        align-content: flex-start;
    }
    .align-content-sm-end
    {
        align-content: flex-end;
    }
    .align-content-sm-center
    {
        align-content: center;
    }
    .align-content-sm-between
    {
        align-content: space-between;
    }
    .align-content-sm-around
    {
        align-content: space-around;
    }
    .align-content-sm-stretch
    {
        align-content: stretch;
    }
    .align-self-sm-auto
    {
        align-self: auto;
    }
    .align-self-sm-start
    {
        align-self: flex-start;
    }
    .align-self-sm-end
    {
        align-self: flex-end;
    }
    .align-self-sm-center
    {
        align-self: center;
    }
    .align-self-sm-baseline
    {
        align-self: baseline;
    }
    .align-self-sm-stretch
    {
        align-self: stretch;
    }
    .order-sm-first
    {
        order: -1;
    }
    .order-sm-0
    {
        order: 0;
    }
    .order-sm-1
    {
        order: 1;
    }
    .order-sm-2
    {
        order: 2;
    }
    .order-sm-3
    {
        order: 3;
    }
    .order-sm-4
    {
        order: 4;
    }
    .order-sm-5
    {
        order: 5;
    }
    .order-sm-last
    {
        order: 6;
    }
    .m-sm-0
    {
        margin: 0;
    }
    .m-sm-1
    {
        margin: .4rem;
    }
    .m-sm-2
    {
        margin: .8rem;
    }
    .m-sm-3
    {
        margin: 1.6rem;
    }
    .m-sm-4
    {
        margin: 2.4rem;
    }
    .m-sm-5
    {
        margin: 4.8rem;
    }
    .m-sm-auto
    {
        margin: auto;
    }
    .mx-sm-0
    {
        margin-left: 0;
        margin-right: 0;
    }
    .mx-sm-1
    {
        margin-left: .4rem;
        margin-right: .4rem;
    }
    .mx-sm-2
    {
        margin-left: .8rem;
        margin-right: .8rem;
    }
    .mx-sm-3
    {
        margin-left: 1.6rem;
        margin-right: 1.6rem;
    }
    .mx-sm-4
    {
        margin-left: 2.4rem;
        margin-right: 2.4rem;
    }
    .mx-sm-5
    {
        margin-left: 4.8rem;
        margin-right: 4.8rem;
    }
    .mx-sm-auto
    {
        margin-left: auto;
        margin-right: auto;
    }
    .my-sm-0
    {
        margin-bottom: 0;
        margin-top: 0;
    }
    .my-sm-1
    {
        margin-bottom: .4rem;
        margin-top: .4rem;
    }
    .my-sm-2
    {
        margin-bottom: .8rem;
        margin-top: .8rem;
    }
    .my-sm-3
    {
        margin-bottom: 1.6rem;
        margin-top: 1.6rem;
    }
    .my-sm-4
    {
        margin-bottom: 2.4rem;
        margin-top: 2.4rem;
    }
    .my-sm-5
    {
        margin-bottom: 4.8rem;
        margin-top: 4.8rem;
    }
    .my-sm-auto
    {
        margin-bottom: auto;
        margin-top: auto;
    }
    .mt-sm-0
    {
        margin-top: 0;
    }
    .mt-sm-1
    {
        margin-top: .4rem;
    }
    .mt-sm-2
    {
        margin-top: .8rem;
    }
    .mt-sm-3
    {
        margin-top: 1.6rem;
    }
    .mt-sm-4
    {
        margin-top: 2.4rem;
    }
    .mt-sm-5
    {
        margin-top: 4.8rem;
    }
    .mt-sm-auto
    {
        margin-top: auto;
    }
    .me-sm-0
    {
        margin-right: 0;
    }
    .me-sm-1
    {
        margin-right: .4rem;
    }
    .me-sm-2
    {
        margin-right: .8rem;
    }
    .me-sm-3
    {
        margin-right: 1.6rem;
    }
    .me-sm-4
    {
        margin-right: 2.4rem;
    }
    .me-sm-5
    {
        margin-right: 4.8rem;
    }
    .me-sm-auto
    {
        margin-right: auto;
    }
    .mb-sm-0
    {
        margin-bottom: 0;
    }
    .mb-sm-1
    {
        margin-bottom: .4rem;
    }
    .mb-sm-2
    {
        margin-bottom: .8rem;
    }
    .mb-sm-3
    {
        margin-bottom: 1.6rem;
    }
    .mb-sm-4
    {
        margin-bottom: 2.4rem;
    }
    .mb-sm-5
    {
        margin-bottom: 4.8rem;
    }
    .mb-sm-auto
    {
        margin-bottom: auto;
    }
    .ms-sm-0
    {
        margin-left: 0;
    }
    .ms-sm-1
    {
        margin-left: .4rem;
    }
    .ms-sm-2
    {
        margin-left: .8rem;
    }
    .ms-sm-3
    {
        margin-left: 1.6rem;
    }
    .ms-sm-4
    {
        margin-left: 2.4rem;
    }
    .ms-sm-5
    {
        margin-left: 4.8rem;
    }
    .ms-sm-auto
    {
        margin-left: auto;
    }
    .p-sm-0
    {
        padding: 0;
    }
    .p-sm-1
    {
        padding: .4rem;
    }
    .p-sm-2
    {
        padding: .8rem;
    }
    .p-sm-3
    {
        padding: 1.6rem;
    }
    .p-sm-4
    {
        padding: 2.4rem;
    }
    .p-sm-5
    {
        padding: 4.8rem;
    }
    .px-sm-0
    {
        padding-left: 0;
        padding-right: 0;
    }
    .px-sm-1
    {
        padding-left: .4rem;
        padding-right: .4rem;
    }
    .px-sm-2
    {
        padding-left: .8rem;
        padding-right: .8rem;
    }
    .px-sm-3
    {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }
    .px-sm-4
    {
        padding-left: 2.4rem;
        padding-right: 2.4rem;
    }
    .px-sm-5
    {
        padding-left: 4.8rem;
        padding-right: 4.8rem;
    }
    .py-sm-0
    {
        padding-bottom: 0;
        padding-top: 0;
    }
    .py-sm-1
    {
        padding-bottom: .4rem;
        padding-top: .4rem;
    }
    .py-sm-2
    {
        padding-bottom: .8rem;
        padding-top: .8rem;
    }
    .py-sm-3
    {
        padding-bottom: 1.6rem;
        padding-top: 1.6rem;
    }
    .py-sm-4
    {
        padding-bottom: 2.4rem;
        padding-top: 2.4rem;
    }
    .py-sm-5
    {
        padding-bottom: 4.8rem;
        padding-top: 4.8rem;
    }
    .pt-sm-0
    {
        padding-top: 0;
    }
    .pt-sm-1
    {
        padding-top: .4rem;
    }
    .pt-sm-2
    {
        padding-top: .8rem;
    }
    .pt-sm-3
    {
        padding-top: 1.6rem;
    }
    .pt-sm-4
    {
        padding-top: 2.4rem;
    }
    .pt-sm-5
    {
        padding-top: 4.8rem;
    }
    .pe-sm-0
    {
        padding-right: 0;
    }
    .pe-sm-1
    {
        padding-right: .4rem;
    }
    .pe-sm-2
    {
        padding-right: .8rem;
    }
    .pe-sm-3
    {
        padding-right: 1.6rem;
    }
    .pe-sm-4
    {
        padding-right: 2.4rem;
    }
    .pe-sm-5
    {
        padding-right: 4.8rem;
    }
    .pb-sm-0
    {
        padding-bottom: 0;
    }
    .pb-sm-1
    {
        padding-bottom: .4rem;
    }
    .pb-sm-2
    {
        padding-bottom: .8rem;
    }
    .pb-sm-3
    {
        padding-bottom: 1.6rem;
    }
    .pb-sm-4
    {
        padding-bottom: 2.4rem;
    }
    .pb-sm-5
    {
        padding-bottom: 4.8rem;
    }
    .ps-sm-0
    {
        padding-left: 0;
    }
    .ps-sm-1
    {
        padding-left: .4rem;
    }
    .ps-sm-2
    {
        padding-left: .8rem;
    }
    .ps-sm-3
    {
        padding-left: 1.6rem;
    }
    .ps-sm-4
    {
        padding-left: 2.4rem;
    }
    .ps-sm-5
    {
        padding-left: 4.8rem;
    }
    .text-sm-start
    {
        text-align: left;
    }
    .text-sm-end
    {
        text-align: right;
    }
    .text-sm-center
    {
        text-align: center;
    }
}
@media(min-width: 1025px)
{
    .float-md-start
    {
        float: left;
    }
    .float-md-end
    {
        float: right;
    }
    .float-md-none
    {
        float: none;
    }
    .d-md-inline
    {
        display: inline;
    }
    .d-md-inline-block
    {
        display: inline-block;
    }
    .d-md-block
    {
        display: block;
    }
    .d-md-grid
    {
        display: grid;
    }
    .d-md-table
    {
        display: table;
    }
    .d-md-table-row
    {
        display: table-row;
    }
    .d-md-table-cell
    {
        display: table-cell;
    }
    .d-md-flex
    {
        display: flex;
    }
    .d-md-inline-flex
    {
        display: inline-flex;
    }
    .d-md-none
    {
        display: none;
    }
    .flex-md-fill
    {
        flex: 1 1 auto;
    }
    .flex-md-row
    {
        flex-direction: row;
    }
    .flex-md-column
    {
        flex-direction: column;
    }
    .flex-md-row-reverse
    {
        flex-direction: row-reverse;
    }
    .flex-md-column-reverse
    {
        flex-direction: column-reverse;
    }
    .flex-md-grow-0
    {
        flex-grow: 0;
    }
    .flex-md-grow-1
    {
        flex-grow: 1;
    }
    .flex-md-shrink-0
    {
        flex-shrink: 0;
    }
    .flex-md-shrink-1
    {
        flex-shrink: 1;
    }
    .flex-md-wrap
    {
        flex-wrap: wrap;
    }
    .flex-md-nowrap
    {
        flex-wrap: nowrap;
    }
    .flex-md-wrap-reverse
    {
        flex-wrap: wrap-reverse;
    }
    .gap-md-0
    {
        gap: 0;
    }
    .gap-md-1
    {
        gap: .4rem;
    }
    .gap-md-2
    {
        gap: .8rem;
    }
    .gap-md-3
    {
        gap: 1.6rem;
    }
    .gap-md-4
    {
        gap: 2.4rem;
    }
    .gap-md-5
    {
        gap: 4.8rem;
    }
    .justify-content-md-start
    {
        justify-content: flex-start;
    }
    .justify-content-md-end
    {
        justify-content: flex-end;
    }
    .justify-content-md-center
    {
        justify-content: center;
    }
    .justify-content-md-between
    {
        justify-content: space-between;
    }
    .justify-content-md-around
    {
        justify-content: space-around;
    }
    .justify-content-md-evenly
    {
        justify-content: space-evenly;
    }
    .align-items-md-start
    {
        align-items: flex-start;
    }
    .align-items-md-end
    {
        align-items: flex-end;
    }
    .align-items-md-center
    {
        align-items: center;
    }
    .align-items-md-baseline
    {
        align-items: baseline;
    }
    .align-items-md-stretch
    {
        align-items: stretch;
    }
    .align-content-md-start
    {
        align-content: flex-start;
    }
    .align-content-md-end
    {
        align-content: flex-end;
    }
    .align-content-md-center
    {
        align-content: center;
    }
    .align-content-md-between
    {
        align-content: space-between;
    }
    .align-content-md-around
    {
        align-content: space-around;
    }
    .align-content-md-stretch
    {
        align-content: stretch;
    }
    .align-self-md-auto
    {
        align-self: auto;
    }
    .align-self-md-start
    {
        align-self: flex-start;
    }
    .align-self-md-end
    {
        align-self: flex-end;
    }
    .align-self-md-center
    {
        align-self: center;
    }
    .align-self-md-baseline
    {
        align-self: baseline;
    }
    .align-self-md-stretch
    {
        align-self: stretch;
    }
    .order-md-first
    {
        order: -1;
    }
    .order-md-0
    {
        order: 0;
    }
    .order-md-1
    {
        order: 1;
    }
    .order-md-2
    {
        order: 2;
    }
    .order-md-3
    {
        order: 3;
    }
    .order-md-4
    {
        order: 4;
    }
    .order-md-5
    {
        order: 5;
    }
    .order-md-last
    {
        order: 6;
    }
    .m-md-0
    {
        margin: 0;
    }
    .m-md-1
    {
        margin: .4rem;
    }
    .m-md-2
    {
        margin: .8rem;
    }
    .m-md-3
    {
        margin: 1.6rem;
    }
    .m-md-4
    {
        margin: 2.4rem;
    }
    .m-md-5
    {
        margin: 4.8rem;
    }
    .m-md-auto
    {
        margin: auto;
    }
    .mx-md-0
    {
        margin-left: 0;
        margin-right: 0;
    }
    .mx-md-1
    {
        margin-left: .4rem;
        margin-right: .4rem;
    }
    .mx-md-2
    {
        margin-left: .8rem;
        margin-right: .8rem;
    }
    .mx-md-3
    {
        margin-left: 1.6rem;
        margin-right: 1.6rem;
    }
    .mx-md-4
    {
        margin-left: 2.4rem;
        margin-right: 2.4rem;
    }
    .mx-md-5
    {
        margin-left: 4.8rem;
        margin-right: 4.8rem;
    }
    .mx-md-auto
    {
        margin-left: auto;
        margin-right: auto;
    }
    .my-md-0
    {
        margin-bottom: 0;
        margin-top: 0;
    }
    .my-md-1
    {
        margin-bottom: .4rem;
        margin-top: .4rem;
    }
    .my-md-2
    {
        margin-bottom: .8rem;
        margin-top: .8rem;
    }
    .my-md-3
    {
        margin-bottom: 1.6rem;
        margin-top: 1.6rem;
    }
    .my-md-4
    {
        margin-bottom: 2.4rem;
        margin-top: 2.4rem;
    }
    .my-md-5
    {
        margin-bottom: 4.8rem;
        margin-top: 4.8rem;
    }
    .my-md-auto
    {
        margin-bottom: auto;
        margin-top: auto;
    }
    .mt-md-0
    {
        margin-top: 0;
    }
    .mt-md-1
    {
        margin-top: .4rem;
    }
    .mt-md-2
    {
        margin-top: .8rem;
    }
    .mt-md-3
    {
        margin-top: 1.6rem;
    }
    .mt-md-4
    {
        margin-top: 2.4rem;
    }
    .mt-md-5
    {
        margin-top: 4.8rem;
    }
    .mt-md-auto
    {
        margin-top: auto;
    }
    .me-md-0
    {
        margin-right: 0;
    }
    .me-md-1
    {
        margin-right: .4rem;
    }
    .me-md-2
    {
        margin-right: .8rem;
    }
    .me-md-3
    {
        margin-right: 1.6rem;
    }
    .me-md-4
    {
        margin-right: 2.4rem;
    }
    .me-md-5
    {
        margin-right: 4.8rem;
    }
    .me-md-auto
    {
        margin-right: auto;
    }
    .mb-md-0
    {
        margin-bottom: 0;
    }
    .mb-md-1
    {
        margin-bottom: .4rem;
    }
    .mb-md-2
    {
        margin-bottom: .8rem;
    }
    .mb-md-3
    {
        margin-bottom: 1.6rem;
    }
    .mb-md-4
    {
        margin-bottom: 2.4rem;
    }
    .mb-md-5
    {
        margin-bottom: 4.8rem;
    }
    .mb-md-auto
    {
        margin-bottom: auto;
    }
    .ms-md-0
    {
        margin-left: 0;
    }
    .ms-md-1
    {
        margin-left: .4rem;
    }
    .ms-md-2
    {
        margin-left: .8rem;
    }
    .ms-md-3
    {
        margin-left: 1.6rem;
    }
    .ms-md-4
    {
        margin-left: 2.4rem;
    }
    .ms-md-5
    {
        margin-left: 4.8rem;
    }
    .ms-md-auto
    {
        margin-left: auto;
    }
    .p-md-0
    {
        padding: 0;
    }
    .p-md-1
    {
        padding: .4rem;
    }
    .p-md-2
    {
        padding: .8rem;
    }
    .p-md-3
    {
        padding: 1.6rem;
    }
    .p-md-4
    {
        padding: 2.4rem;
    }
    .p-md-5
    {
        padding: 4.8rem;
    }
    .px-md-0
    {
        padding-left: 0;
        padding-right: 0;
    }
    .px-md-1
    {
        padding-left: .4rem;
        padding-right: .4rem;
    }
    .px-md-2
    {
        padding-left: .8rem;
        padding-right: .8rem;
    }
    .px-md-3
    {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }
    .px-md-4
    {
        padding-left: 2.4rem;
        padding-right: 2.4rem;
    }
    .px-md-5
    {
        padding-left: 4.8rem;
        padding-right: 4.8rem;
    }
    .py-md-0
    {
        padding-bottom: 0;
        padding-top: 0;
    }
    .py-md-1
    {
        padding-bottom: .4rem;
        padding-top: .4rem;
    }
    .py-md-2
    {
        padding-bottom: .8rem;
        padding-top: .8rem;
    }
    .py-md-3
    {
        padding-bottom: 1.6rem;
        padding-top: 1.6rem;
    }
    .py-md-4
    {
        padding-bottom: 2.4rem;
        padding-top: 2.4rem;
    }
    .py-md-5
    {
        padding-bottom: 4.8rem;
        padding-top: 4.8rem;
    }
    .pt-md-0
    {
        padding-top: 0;
    }
    .pt-md-1
    {
        padding-top: .4rem;
    }
    .pt-md-2
    {
        padding-top: .8rem;
    }
    .pt-md-3
    {
        padding-top: 1.6rem;
    }
    .pt-md-4
    {
        padding-top: 2.4rem;
    }
    .pt-md-5
    {
        padding-top: 4.8rem;
    }
    .pe-md-0
    {
        padding-right: 0;
    }
    .pe-md-1
    {
        padding-right: .4rem;
    }
    .pe-md-2
    {
        padding-right: .8rem;
    }
    .pe-md-3
    {
        padding-right: 1.6rem;
    }
    .pe-md-4
    {
        padding-right: 2.4rem;
    }
    .pe-md-5
    {
        padding-right: 4.8rem;
    }
    .pb-md-0
    {
        padding-bottom: 0;
    }
    .pb-md-1
    {
        padding-bottom: .4rem;
    }
    .pb-md-2
    {
        padding-bottom: .8rem;
    }
    .pb-md-3
    {
        padding-bottom: 1.6rem;
    }
    .pb-md-4
    {
        padding-bottom: 2.4rem;
    }
    .pb-md-5
    {
        padding-bottom: 4.8rem;
    }
    .ps-md-0
    {
        padding-left: 0;
    }
    .ps-md-1
    {
        padding-left: .4rem;
    }
    .ps-md-2
    {
        padding-left: .8rem;
    }
    .ps-md-3
    {
        padding-left: 1.6rem;
    }
    .ps-md-4
    {
        padding-left: 2.4rem;
    }
    .ps-md-5
    {
        padding-left: 4.8rem;
    }
    .text-md-start
    {
        text-align: left;
    }
    .text-md-end
    {
        text-align: right;
    }
    .text-md-center
    {
        text-align: center;
    }
}
@media(min-width: 1200px)
{
    .float-lg-start
    {
        float: left;
    }
    .float-lg-end
    {
        float: right;
    }
    .float-lg-none
    {
        float: none;
    }
    .d-lg-inline
    {
        display: inline;
    }
    .d-lg-inline-block
    {
        display: inline-block;
    }
    .d-lg-block
    {
        display: block;
    }
    .d-lg-grid
    {
        display: grid;
    }
    .d-lg-table
    {
        display: table;
    }
    .d-lg-table-row
    {
        display: table-row;
    }
    .d-lg-table-cell
    {
        display: table-cell;
    }
    .d-lg-flex
    {
        display: flex;
    }
    .d-lg-inline-flex
    {
        display: inline-flex;
    }
    .d-lg-none
    {
        display: none;
    }
    .flex-lg-fill
    {
        flex: 1 1 auto;
    }
    .flex-lg-row
    {
        flex-direction: row;
    }
    .flex-lg-column
    {
        flex-direction: column;
    }
    .flex-lg-row-reverse
    {
        flex-direction: row-reverse;
    }
    .flex-lg-column-reverse
    {
        flex-direction: column-reverse;
    }
    .flex-lg-grow-0
    {
        flex-grow: 0;
    }
    .flex-lg-grow-1
    {
        flex-grow: 1;
    }
    .flex-lg-shrink-0
    {
        flex-shrink: 0;
    }
    .flex-lg-shrink-1
    {
        flex-shrink: 1;
    }
    .flex-lg-wrap
    {
        flex-wrap: wrap;
    }
    .flex-lg-nowrap
    {
        flex-wrap: nowrap;
    }
    .flex-lg-wrap-reverse
    {
        flex-wrap: wrap-reverse;
    }
    .gap-lg-0
    {
        gap: 0;
    }
    .gap-lg-1
    {
        gap: .4rem;
    }
    .gap-lg-2
    {
        gap: .8rem;
    }
    .gap-lg-3
    {
        gap: 1.6rem;
    }
    .gap-lg-4
    {
        gap: 2.4rem;
    }
    .gap-lg-5
    {
        gap: 4.8rem;
    }
    .justify-content-lg-start
    {
        justify-content: flex-start;
    }
    .justify-content-lg-end
    {
        justify-content: flex-end;
    }
    .justify-content-lg-center
    {
        justify-content: center;
    }
    .justify-content-lg-between
    {
        justify-content: space-between;
    }
    .justify-content-lg-around
    {
        justify-content: space-around;
    }
    .justify-content-lg-evenly
    {
        justify-content: space-evenly;
    }
    .align-items-lg-start
    {
        align-items: flex-start;
    }
    .align-items-lg-end
    {
        align-items: flex-end;
    }
    .align-items-lg-center
    {
        align-items: center;
    }
    .align-items-lg-baseline
    {
        align-items: baseline;
    }
    .align-items-lg-stretch
    {
        align-items: stretch;
    }
    .align-content-lg-start
    {
        align-content: flex-start;
    }
    .align-content-lg-end
    {
        align-content: flex-end;
    }
    .align-content-lg-center
    {
        align-content: center;
    }
    .align-content-lg-between
    {
        align-content: space-between;
    }
    .align-content-lg-around
    {
        align-content: space-around;
    }
    .align-content-lg-stretch
    {
        align-content: stretch;
    }
    .align-self-lg-auto
    {
        align-self: auto;
    }
    .align-self-lg-start
    {
        align-self: flex-start;
    }
    .align-self-lg-end
    {
        align-self: flex-end;
    }
    .align-self-lg-center
    {
        align-self: center;
    }
    .align-self-lg-baseline
    {
        align-self: baseline;
    }
    .align-self-lg-stretch
    {
        align-self: stretch;
    }
    .order-lg-first
    {
        order: -1;
    }
    .order-lg-0
    {
        order: 0;
    }
    .order-lg-1
    {
        order: 1;
    }
    .order-lg-2
    {
        order: 2;
    }
    .order-lg-3
    {
        order: 3;
    }
    .order-lg-4
    {
        order: 4;
    }
    .order-lg-5
    {
        order: 5;
    }
    .order-lg-last
    {
        order: 6;
    }
    .m-lg-0
    {
        margin: 0;
    }
    .m-lg-1
    {
        margin: .4rem;
    }
    .m-lg-2
    {
        margin: .8rem;
    }
    .m-lg-3
    {
        margin: 1.6rem;
    }
    .m-lg-4
    {
        margin: 2.4rem;
    }
    .m-lg-5
    {
        margin: 4.8rem;
    }
    .m-lg-auto
    {
        margin: auto;
    }
    .mx-lg-0
    {
        margin-left: 0;
        margin-right: 0;
    }
    .mx-lg-1
    {
        margin-left: .4rem;
        margin-right: .4rem;
    }
    .mx-lg-2
    {
        margin-left: .8rem;
        margin-right: .8rem;
    }
    .mx-lg-3
    {
        margin-left: 1.6rem;
        margin-right: 1.6rem;
    }
    .mx-lg-4
    {
        margin-left: 2.4rem;
        margin-right: 2.4rem;
    }
    .mx-lg-5
    {
        margin-left: 4.8rem;
        margin-right: 4.8rem;
    }
    .mx-lg-auto
    {
        margin-left: auto;
        margin-right: auto;
    }
    .my-lg-0
    {
        margin-bottom: 0;
        margin-top: 0;
    }
    .my-lg-1
    {
        margin-bottom: .4rem;
        margin-top: .4rem;
    }
    .my-lg-2
    {
        margin-bottom: .8rem;
        margin-top: .8rem;
    }
    .my-lg-3
    {
        margin-bottom: 1.6rem;
        margin-top: 1.6rem;
    }
    .my-lg-4
    {
        margin-bottom: 2.4rem;
        margin-top: 2.4rem;
    }
    .my-lg-5
    {
        margin-bottom: 4.8rem;
        margin-top: 4.8rem;
    }
    .my-lg-auto
    {
        margin-bottom: auto;
        margin-top: auto;
    }
    .mt-lg-0
    {
        margin-top: 0;
    }
    .mt-lg-1
    {
        margin-top: .4rem;
    }
    .mt-lg-2
    {
        margin-top: .8rem;
    }
    .mt-lg-3
    {
        margin-top: 1.6rem;
    }
    .mt-lg-4
    {
        margin-top: 2.4rem;
    }
    .mt-lg-5
    {
        margin-top: 4.8rem;
    }
    .mt-lg-auto
    {
        margin-top: auto;
    }
    .me-lg-0
    {
        margin-right: 0;
    }
    .me-lg-1
    {
        margin-right: .4rem;
    }
    .me-lg-2
    {
        margin-right: .8rem;
    }
    .me-lg-3
    {
        margin-right: 1.6rem;
    }
    .me-lg-4
    {
        margin-right: 2.4rem;
    }
    .me-lg-5
    {
        margin-right: 4.8rem;
    }
    .me-lg-auto
    {
        margin-right: auto;
    }
    .mb-lg-0
    {
        margin-bottom: 0;
    }
    .mb-lg-1
    {
        margin-bottom: .4rem;
    }
    .mb-lg-2
    {
        margin-bottom: .8rem;
    }
    .mb-lg-3
    {
        margin-bottom: 1.6rem;
    }
    .mb-lg-4
    {
        margin-bottom: 2.4rem;
    }
    .mb-lg-5
    {
        margin-bottom: 4.8rem;
    }
    .mb-lg-auto
    {
        margin-bottom: auto;
    }
    .ms-lg-0
    {
        margin-left: 0;
    }
    .ms-lg-1
    {
        margin-left: .4rem;
    }
    .ms-lg-2
    {
        margin-left: .8rem;
    }
    .ms-lg-3
    {
        margin-left: 1.6rem;
    }
    .ms-lg-4
    {
        margin-left: 2.4rem;
    }
    .ms-lg-5
    {
        margin-left: 4.8rem;
    }
    .ms-lg-auto
    {
        margin-left: auto;
    }
    .p-lg-0
    {
        padding: 0;
    }
    .p-lg-1
    {
        padding: .4rem;
    }
    .p-lg-2
    {
        padding: .8rem;
    }
    .p-lg-3
    {
        padding: 1.6rem;
    }
    .p-lg-4
    {
        padding: 2.4rem;
    }
    .p-lg-5
    {
        padding: 4.8rem;
    }
    .px-lg-0
    {
        padding-left: 0;
        padding-right: 0;
    }
    .px-lg-1
    {
        padding-left: .4rem;
        padding-right: .4rem;
    }
    .px-lg-2
    {
        padding-left: .8rem;
        padding-right: .8rem;
    }
    .px-lg-3
    {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }
    .px-lg-4
    {
        padding-left: 2.4rem;
        padding-right: 2.4rem;
    }
    .px-lg-5
    {
        padding-left: 4.8rem;
        padding-right: 4.8rem;
    }
    .py-lg-0
    {
        padding-bottom: 0;
        padding-top: 0;
    }
    .py-lg-1
    {
        padding-bottom: .4rem;
        padding-top: .4rem;
    }
    .py-lg-2
    {
        padding-bottom: .8rem;
        padding-top: .8rem;
    }
    .py-lg-3
    {
        padding-bottom: 1.6rem;
        padding-top: 1.6rem;
    }
    .py-lg-4
    {
        padding-bottom: 2.4rem;
        padding-top: 2.4rem;
    }
    .py-lg-5
    {
        padding-bottom: 4.8rem;
        padding-top: 4.8rem;
    }
    .pt-lg-0
    {
        padding-top: 0;
    }
    .pt-lg-1
    {
        padding-top: .4rem;
    }
    .pt-lg-2
    {
        padding-top: .8rem;
    }
    .pt-lg-3
    {
        padding-top: 1.6rem;
    }
    .pt-lg-4
    {
        padding-top: 2.4rem;
    }
    .pt-lg-5
    {
        padding-top: 4.8rem;
    }
    .pe-lg-0
    {
        padding-right: 0;
    }
    .pe-lg-1
    {
        padding-right: .4rem;
    }
    .pe-lg-2
    {
        padding-right: .8rem;
    }
    .pe-lg-3
    {
        padding-right: 1.6rem;
    }
    .pe-lg-4
    {
        padding-right: 2.4rem;
    }
    .pe-lg-5
    {
        padding-right: 4.8rem;
    }
    .pb-lg-0
    {
        padding-bottom: 0;
    }
    .pb-lg-1
    {
        padding-bottom: .4rem;
    }
    .pb-lg-2
    {
        padding-bottom: .8rem;
    }
    .pb-lg-3
    {
        padding-bottom: 1.6rem;
    }
    .pb-lg-4
    {
        padding-bottom: 2.4rem;
    }
    .pb-lg-5
    {
        padding-bottom: 4.8rem;
    }
    .ps-lg-0
    {
        padding-left: 0;
    }
    .ps-lg-1
    {
        padding-left: .4rem;
    }
    .ps-lg-2
    {
        padding-left: .8rem;
    }
    .ps-lg-3
    {
        padding-left: 1.6rem;
    }
    .ps-lg-4
    {
        padding-left: 2.4rem;
    }
    .ps-lg-5
    {
        padding-left: 4.8rem;
    }
    .text-lg-start
    {
        text-align: left;
    }
    .text-lg-end
    {
        text-align: right;
    }
    .text-lg-center
    {
        text-align: center;
    }
}
@media print
{
    .d-print-inline
    {
        display: inline;
    }
    .d-print-inline-block
    {
        display: inline-block;
    }
    .d-print-block
    {
        display: block;
    }
    .d-print-grid
    {
        display: grid;
    }
    .d-print-table
    {
        display: table;
    }
    .d-print-table-row
    {
        display: table-row;
    }
    .d-print-table-cell
    {
        display: table-cell;
    }
    .d-print-flex
    {
        display: flex;
    }
    .d-print-inline-flex
    {
        display: inline-flex;
    }
    .d-print-none
    {
        display: none;
    }
}
.accordion-container-cmp .accordion-tab
{
    background: #1c1c1c;
    border: none;
    border-radius: 1.2rem;
    cursor: pointer;
    margin-bottom: .9rem;
    padding: 2rem;
    width: 100%;
}
.accordion-container-cmp .accordion-tab.active .accordion-tab-head .accordion-icon:before
{
    content: "-";
}
.accordion-container-cmp .accordion-tab .accordion-tab-head .accordion-title
{
    margin-right: auto;
    text-align: left;
}
.accordion-container-cmp .accordion-tab .accordion-tab-head .accordion-icon, .accordion-container-cmp .accordion-tab .accordion-tab-head .accordion-title
{
    color: #fff;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.5;
}
.accordion-container-cmp .accordion-tab .accordion-tab-head .accordion-icon:before
{
    content: "+";
}
.accordion-container-cmp .accordion-panel
{
    display: none;
    overflow: hidden;
}
.accordion-container-cmp .accordion-panel.open
{
    background-color: #1c1c1c;
    border-radius: 1.2rem;
    margin: -3.2rem 0 1.2rem;
    padding: 3.2rem 2rem 2rem;
}
.accordion-container-cmp .accordion-panel.regular-p p
{
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
}
.accordion-container-cmp .accordion-panel p
{
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.6;
}
.cmp-accordion-lp.bgblackstyling
{
    background-color: #000;
}
.cmp-accordion-lp.accordion-lp-v0
{
    width: 100%;
}
@media(orientation: portrait)
{
    .cmp-accordion-lp.accordion-lp-v0
    {
        max-width: 100%;
        padding: 3%;
    }
}
.cmp-accordion-lp.accordion-lp-v0 .cmp-accordion-lp__wrapper
{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0 auto;
    max-width: 70%;
    padding-bottom: 1%;
    position: relative;
    width: 100%;
    z-index: 99;
}
@media screen and (max-width: 1280px)
{
    .cmp-accordion-lp.accordion-lp-v0 .cmp-accordion-lp__wrapper
    {
        max-width: 100%;
        padding: 0 1rem;
    }
}
.cmp-accordion-lp.accordion-lp-v0 .cmp-accordion-lp__tab
{
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    margin-bottom: .9rem;
}
.cmp-accordion-lp.accordion-lp-v0 .cmp-accordion-lp__head
{
    padding-right: 1.5rem;
}
.cmp-accordion-lp.accordion-lp-v0 .cmp-accordion-lp__title
{
    font-weight: 700;
    margin: 3.8rem 0;
    text-align: left;
}
@media(orientation: portrait)
{
    .cmp-accordion-lp.accordion-lp-v0 .cmp-accordion-lp__title
    {
        margin: 1.8rem 0;
    }
}
@media(max-width: 1025px)
{
    .cmp-accordion-lp.accordion-lp-v0 .cmp-accordion-lp__title
    {
        margin: 1.8rem 0;
    }
}
.cmp-accordion-lp.accordion-lp-v0 .cmp-accordion-lp__title p
{
    margin-bottom: 0;
}
.cmp-accordion-lp.accordion-lp-v0 .cmp-accordion-lp__title>*
{
    cursor: pointer;
    font-family: "888medium";
    font-size: 3rem;
    position: relative;
}
@media(max-width: 1025px)
{
    .cmp-accordion-lp.accordion-lp-v0 .cmp-accordion-lp__title>*
    {
        padding-right: 1rem;
    }
}
@media(max-width: 640px)
{
    .cmp-accordion-lp.accordion-lp-v0 .cmp-accordion-lp__title>*
    {
        font-size: 1.8rem;
        padding-right: .5rem;
    }
}
.cmp-accordion-lp.accordion-lp-v0 .cmp-accordion-lp__icon.collapse-icon:before
{
    background-image: var(--collapse-icon-url);
}
.cmp-accordion-lp.accordion-lp-v0 .cmp-accordion-lp__icon.expand-icon:before
{
    background-image: var(--expand-icon-url);
}
.cmp-accordion-lp.accordion-lp-v0 .cmp-accordion-lp__icon:before
{
    background-repeat: no-repeat;
    background-size: 100%;
    content: " ";
    height: 3.5rem;
    position: absolute;
    right: 1%;
    transform: translateY(-50%);
    transition: all .3s;
    width: 3.5rem;
}
@media(max-width: 1025px)
{
    .cmp-accordion-lp.accordion-lp-v0 .cmp-accordion-lp__icon:before
    {
        height: 3rem;
        width: 3rem;
    }
}
@media(max-width: 640px)
{
    .cmp-accordion-lp.accordion-lp-v0 .cmp-accordion-lp__icon:before
    {
        height: 2.5rem;
        width: 2.5rem;
    }
}
.cmp-accordion-lp.accordion-lp-v0 .cmp-accordion-lp__panel
{
    animation: growOut .3s ease-in-out forwards;
    display: none;
    transform-origin: top center;
}
@keyframes growOut
{
    0%
    {
        transform: scale(0);
    }
    80%
    {
        transform: scale(1.1);
    }
    to
    {
        transform: scale(1);
    }
}
.cmp-accordion-lp.accordion-lp-v0 .increase-arrow-size .cmp-accordion-lp__icon:before
{
    height: 4.7rem;
    width: 4.7rem;
}
@media(max-width: 768px)
{
    .cmp-accordion-lp.accordion-lp-v0 .increase-arrow-size .cmp-accordion-lp__icon:before
    {
        height: 3.3rem;
        width: 3.3rem;
    }
}
.cmp-accordion-lp.accordion-lp-v1 .cmp-accordion-lp__wrapper
{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0 auto;
    position: relative;
    width: 100%;
}
.cmp-accordion-lp.accordion-lp-v1 .cmp-accordion-lp__tab
{
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    margin-bottom: 1rem;
}
.cmp-accordion-lp.accordion-lp-v1 .cmp-accordion-lp__head
{
    background: #1c1c1c;
    border-radius: 1.2rem;
    padding: 1.8rem;
}
.cmp-accordion-lp.accordion-lp-v1 .cmp-accordion-lp__title
{
    font-weight: 400;
    text-align: left;
}
.cmp-accordion-lp.accordion-lp-v1 .cmp-accordion-lp__title>*
{
    font-size: 1.6rem;
}
.cmp-accordion-lp.accordion-lp-v1 .cmp-accordion-lp__icon.collapse-icon:before
{
    transform: rotate(180deg);
}
.cmp-accordion-lp.accordion-lp-v1 .cmp-accordion-lp__icon:before
{
    background: url(../../bcgamebettingde/image/arrow-accordion.svg) no-repeat;
    background-size: 100%;
    content: "";
    height: 1.2rem;
    position: absolute;
    right: 1.8rem;
    top: 2.5rem;
    transition: all .4s ease;
    width: 2rem;
}
.cmp-accordion-lp.accordion-lp-v1 .cmp-accordion-lp__panel
{
    background: #1c1c1c;
    border-radius: 1.2rem;
    display: none;
    margin: -2.5rem 0 1rem;
}
.cmp-accordion-lp.accordion-lp-v1 .cmp-accordion-lp__panel ol li, .cmp-accordion-lp.accordion-lp-v1 .cmp-accordion-lp__panel ul li
{
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.6;
}
.cmp-accordion-lp.accordion-lp-v1 .cmp-accordion-lp__panel p
{
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.6;
}
.cmp-accordion-lp.accordion-lp-v1 .cmp-accordion-lp__panel .section-footer
{
    background: url(../../bcgamebettingde/image/arrow-accordion.svg) 50% no-repeat;
    background-size: 20px;
    border-bottom: 1px solid #fff;
    cursor: pointer;
    margin-top: 15px;
    min-height: 35px;
    transform: rotate(180deg);
    width: 100%;
}
.cmp-accordion-lp.accordion-lp-v2 .cmp-accordion-lp__wrapper
{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0 auto;
    position: relative;
    width: 100%;
}
.cmp-accordion-lp.accordion-lp-v2 .cmp-accordion-lp__tab
{
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    margin-bottom: 1rem;
}
.cmp-accordion-lp.accordion-lp-v2 .cmp-accordion-lp__head
{
    background: #1c1c1c;
    border-radius: 1.2rem;
    padding: 1.8rem;
}
.cmp-accordion-lp.accordion-lp-v2 .cmp-accordion-lp__title
{
    color: #7cf700;
    font-weight: 400;
    text-align: left;
    text-decoration: underline #7cf700;
}
.cmp-accordion-lp.accordion-lp-v2 .cmp-accordion-lp__title-expand p:before
{
    color: #7cf700;
    content: "[+] ";
    font-weight: 400;
    text-decoration: underline #7cf700;
}
.cmp-accordion-lp.accordion-lp-v2 .cmp-accordion-lp__title-collapse p:before
{
    color: #7cf700;
    content: "[-] ";
    font-weight: 400;
    text-decoration: underline #7cf700;
}
.cmp-accordion-lp.accordion-lp-v2 .cmp-accordion-lp__title>*
{
    font-size: 1.6rem;
}
.cmp-accordion-lp.accordion-lp-v2 .cmp-accordion-lp__panel
{
    background: #1c1c1c;
    border-radius: 1.2rem;
    display: none;
    margin: -2.5rem 0 1rem;
}
@media(max-width: 640px)
{
    .cmp-accordion-lp.accordion-lp-v2 .cmp-accordion-lp__panel
    {
        padding: 1.8rem 0;
    }
}
.cmp-accordion-lp.accordion-lp-v2 .cmp-accordion-lp__panel ol li, .cmp-accordion-lp.accordion-lp-v2 .cmp-accordion-lp__panel ul li
{
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.6;
}
.cmp-accordion-lp.accordion-lp-v2 .cmp-accordion-lp__panel ol>li::marker
{
    font-size: 1.4rem;
    font-weight: 700;
}
.cmp-accordion-lp.accordion-lp-v2 .cmp-accordion-lp__panel p
{
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.6;
}
.banking-cards-component .banking-list-disabled
{
    display: none!important;
}
.banking-cards-component .banking-menu
{
    margin-bottom: 20px;
}
.banking-cards-component .banking-menu__wrapper
{
    align-items: center;
    background-color: #161616;
    display: flex;
    height: 72px;
    margin: -20px 0 0;
    padding-left: 0;
    position: sticky;
    right: 17px;
    top: 0;
    width: 100%;
    z-index: 3;
}
.banking-cards-component .banking-menu__wrapper .articleCat a
{
    color: #fff;
    cursor: pointer;
    font-family: "888",verdana,sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 27px;
    margin-left: 15px;
    text-decoration: none;
    text-transform: uppercase;
}
.banking-cards-component .banking-menu__wrapper .articleCat a:hover
{
    color: #fff;
}
.banking-cards-component .banking-menu__wrapper .articleCat a.activeCat
{
    border-bottom: 1px solid #fa6200;
    color: #fa6200;
    padding-bottom: 3px;
}
.banking-cards-component .banking-list
{
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}
.banking-cards-component .banking-list .banking-article
{
    background-color: #2d2d2d;
    border: .5px solid #585858;
    border-radius: 7px;
    box-shadow: 0 11px 7px 0 rgba(0,0,0,.2);
    display: flex;
    flex-basis: 49%;
    flex-direction: column;
    height: 100%;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 25px 15px;
    position: relative;
    transition: .3s;
    width: 100%;
}
@media only screen and (max-width: 1028px)
{
    .banking-cards-component .banking-list .banking-article
    {
        flex-basis: 100%;
    }
}
@media only screen and (max-width: 425px)
{
    .banking-cards-component .banking-list .banking-article
    {
        padding: 10px;
    }
}
.banking-cards-component .banking-list .banking-article:nth-child(odd)
{
    margin-right: 1%;
}
.banking-cards-component .banking-list .banking-article:nth-child(2n+2)
{
    margin-left: 1%;
}
.banking-cards-component .banking-list .banking-article__header
{
    align-items: center;
    background-image: url(../../bcgamebettingde/image/banking-card-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    height: 81px;
    margin-bottom: 1rem;
    padding: 8px 0;
    position: relative;
}
.banking-cards-component .banking-list .banking-article__header .lineDesign
{
    background: transparent url(../../bcgamebettingde/image/banking-line.png) 0 0 no-repeat padding-box;
    background-size: contain;
    bottom: -2px;
    display: inline-block;
    height: 3px;
    position: absolute;
    width: 100%;
}
.banking-cards-component .banking-list .banking-article__header img
{
    border-radius: 2px;
    height: 65px;
    margin-right: 20px;
    width: 65px;
}
@media only screen and (max-width: 425px)
{
    .banking-cards-component .banking-list .banking-article__header img
    {
        height: 30px;
        width: 30px;
    }
}
.banking-cards-component .banking-list .banking-article__header .article-title
{
    color: #fa6200;
    display: inline-block;
    font-family: BrixtonWood,"888",sans-serif;
    font-size: 3vw;
    line-height: 22px;
    margin-bottom: 15px;
    text-align: left;
    text-transform: uppercase;
}
@media only screen and (max-width: 425px)
{
    .banking-cards-component .banking-list .banking-article__header .article-title
    {
        font-size: 7vw;
        line-height: 6vw;
        margin-bottom: 6px;
    }
}
@media only screen and (max-width: 1028px)
{
    .banking-cards-component .banking-list .banking-article__header .article-title
    {
        font-size: 6.8vw;
        line-height: 6vw;
        margin-bottom: 10px;
    }
}
.banking-cards-component .banking-list .banking-article__main-box .article-content
{
    background-color: #000;
    border-radius: 4px;
    padding: 19px 19px 0;
}
@media only screen and (max-width: 425px)
{
    .banking-cards-component .banking-list .banking-article__main-box .article-content
    {
        padding: 8px 8px 0;
    }
}
.banking-cards-component .banking-list .banking-article__main-box .article-content .content-height
{
    display: block;
    max-height: 152px;
    overflow: hidden;
    position: relative;
}
@media only screen and (max-width: 425px)
{
    .banking-cards-component .banking-list .banking-article__main-box .article-content .content-height
    {
        max-height: 55px;
    }
}
.banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text
{
    color: #fff;
}
.banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text p
{
    font-size: 1pc;
    line-height: 18px;
    margin-bottom: .3rem;
}
@media only screen and (max-width: 425px)
{
    .banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text p
    {
        font-size: 14px;
        line-height: 17px;
    }
}
.banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .Table.bigtable
{
    overflow-y: auto;
}
@media screen and (max-width: 425px)
{
    .banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .Table.bigtable table
    {
        border: 1px solid #1e1e1e;
        display: revert;
    }
    .banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .Table.bigtable table tbody, .banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .Table.bigtable table td, .banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .Table.bigtable table th, .banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .Table.bigtable table tr
    {
        display: revert;
    }
}
.banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .TableList, .banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .table-wrapper
{
    border: 1px solid #1e1e1e;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: smaller;
    overflow-x: auto;
    text-indent: 0;
    width: auto;
    word-break: unset;
}
@media screen and (max-width: 425px)
{
    .banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .TableList, .banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .table-wrapper
    {
        border: 3px solid transparent;
        display: block;
    }
}
@media screen and (max-width: 375px)
{
    .banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .TableList, .banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .table-wrapper
    {
        border: none;
    }
}
.banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .TableList tbody, .banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .table-wrapper tbody
{
    background-color: transparent;
    border: none;
}
@media screen and (max-width: 425px)
{
    .banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .TableList tbody, .banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .table-wrapper tbody
    {
        display: block;
    }
    .banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .TableList tbody tr, .banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .table-wrapper tbody tr
    {
        border: 1px solid #717171;
        display: block;
        margin-bottom: 15px;
    }
}
.banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .TableList tbody tr th, .banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .table-wrapper tbody tr th
{
    border: 1px solid #454545;
    color: #fc6200;
    font-size: 1.4rem;
    padding: .5625em .625em;
    text-align: left;
    width: auto;
}
.banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .TableList tbody tr td, .banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .table-wrapper tbody tr td
{
    border: 1px solid #454545;
    font-size: 1.4rem;
    padding: .6rem;
    text-align: left;
}
@media screen and (max-width: 425px)
{
    .banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .TableList tbody tr td, .banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .table-wrapper tbody tr td
    {
        border: none;
        display: block;
    }
}
.banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .TableList tbody tr td:first-child, .banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .table-wrapper tbody tr td:first-child
{
    background-color: #222;
}
@media only screen and (max-width: 820px)
{
    .banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .TableList, .banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .table-wrapper
    {
        width: 100%;
    }
}
@media(min-width: 640px) and (max-width: 844px) and (orientation: landscape)
{
    .banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .TableList, .banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .table-wrapper
    {
        width: 100%;
    }
    .banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .TableList, .banking-cards-component .banking-list .banking-article__main-box .article-content .content-height .rich-text .table-wrapper *
    {
        word-break: break-word;
    }
}
.banking-cards-component .banking-list .banking-article__main-box .shadow
{
    background: linear-gradient(180deg,transparent 0 10%,#000 90% 100%);
    bottom: 0;
    display: inline-block;
    height: 60px;
    position: absolute;
    width: 100%;
}
@media only screen and (max-width: 425px)
{
    .banking-cards-component .banking-list .banking-article__main-box .shadow
    {
        background: linear-gradient(180deg,transparent 0 10%,#000 90% 100%);
        bottom: 0;
        height: 30px;
    }
}
.banking-cards-component .banking-list .banking-article__readmore
{
    align-items: center;
    background-color: #000;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding-bottom: 15px;
    position: relative;
    text-align: center;
    top: -2px;
    width: 100%;
}
@media only screen and (max-width: 425px)
{
    .banking-cards-component .banking-list .banking-article__readmore
    {
        padding: 9pt 8px 8px;
    }
}
.banking-cards-component .banking-list .banking-article__readmore a
{
    cursor: pointer;
    font-family: "888",verdana,sans-serif;
    font-size: 35px;
    padding: 20px 20px 5px;
    text-decoration: none;
}
.banking-cards-component .banking-list .banking-article__readmore a:hover
{
    color: #fff;
}
@media only screen and (max-width: 768px)
{
    .banking-cards-component .banking-list .banking-article__readmore a
    {
        font-size: 20px;
        padding: 10px 20px 0;
    }
}
@media only screen and (max-width: 425px)
{
    .banking-cards-component .banking-list .banking-article__readmore a
    {
        font-size: 15px;
        padding: 0 20px;
    }
}
.banking-cards-component .banking-list .banking-article__readmore .orange-line
{
    border: 1px solid #fa6200;
    display: inline-block;
    position: absolute;
    top: 2px;
    width: calc(100% - 30px);
}
@media only screen and (max-width: 425px)
{
    .banking-cards-component .banking-list .banking-article__readmore .orange-line
    {
        top: 6px;
        width: calc(100% - 1pc);
    }
}
.banking-cards-component .banking-list .banking-article__readmore .arrow
{
    align-items: center;
    background-image: url(../../bcgamebettingde/image/arrow-banking.png);
    background-repeat: no-repeat;
    background-size: 30px;
    bottom: 30px;
    display: flex;
    height: 1pc;
    justify-content: center;
    position: absolute;
    right: 50px;
    rotate: 180deg;
    transform: rotate(180deg);
    transition: .3s;
    width: 2pc;
}
@media only screen and (max-width: 768px)
{
    .banking-cards-component .banking-list .banking-article__readmore .arrow
    {
        background-size: 1pc;
        bottom: 9pt;
    }
}
@media only screen and (max-width: 425px)
{
    .banking-cards-component .banking-list .banking-article__readmore .arrow
    {
        background-size: 9pt;
        bottom: 9pt;
        height: 6.5px;
        right: 30px;
        width: 13px;
    }
}
.banking-cards-component .banking-list .banking-article.active-card
{
    border: 2px solid #fc6200;
}
.banking-cards-component .banking-list .banking-article.active-card .banking-article__main-box .article-content
{
    padding: 19px;
}
.banking-cards-component .banking-list .banking-article.active-card .banking-article__main-box .article-content .content-height
{
    max-height: 100%;
}
.banking-cards-component .banking-list .banking-article.active-card .banking-article__main-box .article-content .content-height .shadow
{
    display: none;
}
.banking-cards-component .banking-list .banking-article.active-card .banking-article__readmore .arrow
{
    transform: rotate(0);
    transition: .3s;
}
@keyframes rainbow
{
    0%
    {
        background-position: 0 82%;
    }
    50%
    {
        background-position: 100% 19%;
    }
    to
    {
        background-position: 0 82%;
    }
}
.cta-template a
{
    word-wrap: break-word;
    border-radius: 5rem;
    cursor: pointer;
    display: flex;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .1rem;
    line-height: 1;
    min-width: 10pc;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: all;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    word-break: break-word;
}
.cta-template.cta-primary a
{
    background: linear-gradient(124deg,#3fd71e,#71fd52,#21ab03,#3fd71e,#21a704,#75fd57,#b3fb8e,#21ab03,#3fd71e,#44cc27,#3fd71e);
    border: 1px solid #2dff19;
    color: #fff;
    font-size: 1.4rem;
    text-decoration: none;
}
.cta-template.cta-primary a span
{
    color: #fff;
    z-index: 10;
}
.cta-template.cta-primary a:focus, .cta-template.cta-primary a:hover
{
    background: transparent;
    color: #fff;
}
.cta-template.cta-primary a:focus span, .cta-template.cta-primary a:hover span
{
    color: #fff;
}
@media(hover: hover)
{
    .cta-template.cta-primary a:focus, .cta-template.cta-primary a:hover
    {
        background: transparent;
        color: #fff;
    }
    .cta-template.cta-primary a:focus span, .cta-template.cta-primary a:hover span
    {
        color: #fff;
    }
}
.cta-template.cta-primary a:focus, .cta-template.cta-primary a:hover
{
    scale: 1.05;
}
.cta-template.cta-primary a:before
{
    animation: rainbow 10s ease infinite;
    background: inherit;
    background-size: 1800% 1800%;
    border-radius: inherit;
    bottom: 0;
    box-shadow: inset 0 0 18px 10px rgba(34,148,38,.278);
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.cta-template.cta-primary a:hover:before
{
    filter: alpha(opacity=0);
    opacity: 0;
}
.cta-template.cta-primary a:after
{
    border-radius: inherit;
    bottom: 0;
    box-shadow: inset 0 0 1px 0 #2dff19,0 0 1px 0 #22e80f;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: transform .2s ease-in-out;
}
.cta-template.cta-primary-v2 a
{
    background: linear-gradient(180deg,#8bf540 0,#0d9111);
    border: 1px solid #2dff19;
    color: #fff;
    font-size: 1.5rem;
    text-decoration: none;
}
.cta-template.cta-primary-v2 a span
{
    color: #fff;
    z-index: 10;
}
.cta-template.cta-primary-v2 a:focus, .cta-template.cta-primary-v2 a:hover
{
    background: transparent;
    color: #fff;
}
.cta-template.cta-primary-v2 a:focus span, .cta-template.cta-primary-v2 a:hover span
{
    color: #fff;
}
@media(hover: hover)
{
    .cta-template.cta-primary-v2 a:focus, .cta-template.cta-primary-v2 a:hover
    {
        background: transparent;
        color: #fff;
    }
    .cta-template.cta-primary-v2 a:focus span, .cta-template.cta-primary-v2 a:hover span
    {
        color: #fff;
    }
}
.cta-template.cta-primary-v2 a:focus, .cta-template.cta-primary-v2 a:hover
{
    scale: 1.05;
}
.cta-template.cta-secondary-variant-1 a
{
    background: #fce403;
    border: 1px solid #fce403;
    color: #000;
    font-size: 1.5rem;
    text-decoration: none;
}
.cta-template.cta-secondary-variant-1 a span
{
    color: #000;
    z-index: 10;
}
.cta-template.cta-secondary-variant-1 a:focus, .cta-template.cta-secondary-variant-1 a:hover
{
    background: #fce403;
    color: #000;
}
.cta-template.cta-secondary-variant-1 a:focus span, .cta-template.cta-secondary-variant-1 a:hover span
{
    color: #000;
}
@media(hover: hover)
{
    .cta-template.cta-secondary-variant-1 a:focus, .cta-template.cta-secondary-variant-1 a:hover
    {
        background: #fce403;
        color: #000;
    }
    .cta-template.cta-secondary-variant-1 a:focus span, .cta-template.cta-secondary-variant-1 a:hover span
    {
        color: #000;
    }
}
.cta-template.cta-secondary a
{
    background: #fce403;
    border: 1px solid #fce403;
    color: #000;
    font-size: 1.5rem;
    text-decoration: none;
}
.cta-template.cta-secondary a span
{
    color: #000;
    z-index: 10;
}
.cta-template.cta-secondary a:focus, .cta-template.cta-secondary a:hover
{
    background: rgba(0,0,0,.7);
    color: #fce403;
}
.cta-template.cta-secondary a:focus span, .cta-template.cta-secondary a:hover span
{
    color: #fce403;
}
@media(hover: hover)
{
    .cta-template.cta-secondary a:focus, .cta-template.cta-secondary a:hover
    {
        background: rgba(0,0,0,.7);
        color: #fce403;
    }
    .cta-template.cta-secondary a:focus span, .cta-template.cta-secondary a:hover span
    {
        color: #fce403;
    }
}
.cta-template.cta-secondary-variant-2 a
{
    background: #5c5a5b;
    border: 1px solid #5c5a5b;
    color: #fff;
    font-size: 1.5rem;
    text-decoration: none;
}
.cta-template.cta-secondary-variant-2 a span
{
    color: #fff;
    z-index: 10;
}
.cta-template.cta-secondary-variant-2 a:focus, .cta-template.cta-secondary-variant-2 a:hover
{
    background: transparent;
    color: #fff;
}
.cta-template.cta-secondary-variant-2 a:focus span, .cta-template.cta-secondary-variant-2 a:hover span
{
    color: #fff;
}
@media(hover: hover)
{
    .cta-template.cta-secondary-variant-2 a:focus, .cta-template.cta-secondary-variant-2 a:hover
    {
        background: transparent;
        color: #fff;
    }
    .cta-template.cta-secondary-variant-2 a:focus span, .cta-template.cta-secondary-variant-2 a:hover span
    {
        color: #fff;
    }
}
.cta-template.cta-secondary-variant-2 a:focus, .cta-template.cta-secondary-variant-2 a:hover
{
    scale: 1.05;
}
.cta-template.cta-secondary-variant-3 a
{
    background: transparent;
    border: 1px solid #5c5a5b;
    color: #000;
    font-size: 1.5rem;
    text-decoration: none;
}
.cta-template.cta-secondary-variant-3 a span
{
    color: #000;
    z-index: 10;
}
.cta-template.cta-secondary-variant-3 a:focus, .cta-template.cta-secondary-variant-3 a:hover
{
    background: #5c5a5b;
    color: #fff;
}
.cta-template.cta-secondary-variant-3 a:focus span, .cta-template.cta-secondary-variant-3 a:hover span
{
    color: #fff;
}
@media(hover: hover)
{
    .cta-template.cta-secondary-variant-3 a:focus, .cta-template.cta-secondary-variant-3 a:hover
    {
        background: #5c5a5b;
        color: #fff;
    }
    .cta-template.cta-secondary-variant-3 a:focus span, .cta-template.cta-secondary-variant-3 a:hover span
    {
        color: #fff;
    }
}
.cta-template.cta-secondary-variant-4 a
{
    background: #fc6200;
    border: 1px solid #fc6200;
    color: #fff;
    font-size: 1.5rem;
    text-decoration: none;
}
.cta-template.cta-secondary-variant-4 a span
{
    color: #fff;
    z-index: 10;
}
.cta-template.cta-secondary-variant-4 a:focus, .cta-template.cta-secondary-variant-4 a:hover
{
    background: transparent;
    color: #fc6200;
}
.cta-template.cta-secondary-variant-4 a:focus span, .cta-template.cta-secondary-variant-4 a:hover span
{
    color: #fc6200;
}
@media(hover: hover)
{
    .cta-template.cta-secondary-variant-4 a:focus, .cta-template.cta-secondary-variant-4 a:hover
    {
        background: transparent;
        color: #fc6200;
    }
    .cta-template.cta-secondary-variant-4 a:focus span, .cta-template.cta-secondary-variant-4 a:hover span
    {
        color: #fc6200;
    }
}
.cta-template.cta-glow a
{
    background: #fce403;
    border: 1px solid #fce403;
    color: #000;
    font-size: 1.44rem;
    text-decoration: none;
}
.cta-template.cta-glow a span
{
    color: #000;
    z-index: 10;
}
.cta-template.cta-glow a:focus, .cta-template.cta-glow a:hover
{
    background: #000;
    color: #fce403;
}
.cta-template.cta-glow a:focus span, .cta-template.cta-glow a:hover span
{
    color: #fce403;
}
@media(hover: hover)
{
    .cta-template.cta-glow a:focus, .cta-template.cta-glow a:hover
    {
        background: #000;
        color: #fce403;
    }
    .cta-template.cta-glow a:focus span, .cta-template.cta-glow a:hover span
    {
        color: #fce403;
    }
}
.cta-template.cta-glow a
{
    animation: glowing .9s infinite alternate;
}
.cta-template.cta-glow-variant-1 a
{
    background: #fce403;
    border: 1px solid #fce403;
    color: #000;
    font-size: 1.44rem;
    text-decoration: none;
}
.cta-template.cta-glow-variant-1 a span
{
    color: #000;
    z-index: 10;
}
.cta-template.cta-glow-variant-1 a:focus, .cta-template.cta-glow-variant-1 a:hover
{
    background: #fce403;
    color: #000;
}
.cta-template.cta-glow-variant-1 a:focus span, .cta-template.cta-glow-variant-1 a:hover span
{
    color: #000;
}
@media(hover: hover)
{
    .cta-template.cta-glow-variant-1 a:focus, .cta-template.cta-glow-variant-1 a:hover
    {
        background: #fce403;
        color: #000;
    }
    .cta-template.cta-glow-variant-1 a:focus span, .cta-template.cta-glow-variant-1 a:hover span
    {
        color: #000;
    }
}
.cta-template.cta-glow-variant-1 a
{
    animation: glowing .9s infinite alternate;
}
.cta-template.cta-animated-color a
{
    background: linear-gradient(180deg,#5bee00,#55d505);
    border: 1px solid rgba(0,0,0,.21);
    color: #000;
    font-size: 3.6rem;
    text-decoration: none;
}
.cta-template.cta-animated-color a span
{
    color: #000;
    z-index: 10;
}
.cta-template.cta-animated-color a:focus, .cta-template.cta-animated-color a:hover
{
    background: linear-gradient(180deg,#5bee00,#55d505);
    color: #000;
}
.cta-template.cta-animated-color a:focus span, .cta-template.cta-animated-color a:hover span
{
    color: #000;
}
@media(hover: hover)
{
    .cta-template.cta-animated-color a:focus, .cta-template.cta-animated-color a:hover
    {
        background: linear-gradient(180deg,#5bee00,#55d505);
        color: #000;
    }
    .cta-template.cta-animated-color a:focus span, .cta-template.cta-animated-color a:hover span
    {
        color: #000;
    }
}
.cta-template.cta-animated-color a
{
    max-height: 8rem;
}
.cta-template.cta-animated-color.cta-medium-size a
{
    min-width: 15pc;
}
.cta-template.cta-animated-color.cta-medium-size a .ball
{
    height: 3.7rem;
    margin-top: .8rem;
    width: 3.7rem;
}
.cta-template.cta-animated-color.cta-wide-size a .ball
{
    height: 3.8rem;
    margin-top: .8rem;
    width: 3.8rem;
}
.cta-template.cta-animated-color.cta-wide-size a:focus .ball, .cta-template.cta-animated-color.cta-wide-size a:hover .ball
{
    left: calc(20% - 50px);
}
.cta-template.cta-animated-color.cta-fullwidth-size a
{
    font-size: 3.2rem;
    line-height: 1;
}
.cta-template.cta-animated-color.cta-fullwidth-size a .ball
{
    height: 4.2rem;
    margin-top: -.5rem;
    width: 4.2rem;
}
.cta-template.cta-animated-color.cta-fullwidth-size a:focus .ball, .cta-template.cta-animated-color.cta-fullwidth-size a:hover .ball
{
    left: calc(4.5% - 3vw);
}
.cta-template.cta-animated-color a
{
    border-color: rgba(117,244,37,.941) #74e42e rgba(78,182,14,.7);
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.34),0 2px 0 -1px rgba(0,0,0,.13),0 3px 0 -1px rgba(0,0,0,.08),0 3px 10px -1px rgba(0,0,0,.21);
    font-family: "888ExtraCondensedDemiBold","888",sans-serif;
    letter-spacing: 0;
    position: relative;
}
.cta-template.cta-animated-color a .ball
{
    background-image: url(../../bcgamebettingde/image/ball-cta.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 3.5rem;
    position: absolute;
    transition: left .5s ease,transform 3s linear;
    width: 3.5rem;
}
.cta-template.cta-animated-color a:active .label, .cta-template.cta-animated-color a:focus .label, .cta-template.cta-animated-color a:hover .label
{
    animation: label-teleport .5s ease;
}
.cta-template.cta-animated-color a:active .ball, .cta-template.cta-animated-color a:focus .ball, .cta-template.cta-animated-color a:hover .ball
{
    animation: ball-rotate 3s linear infinite;
    left: calc(25% - 5rem);
}
.cta-template.cta-animated-color a:not(:hover):not(:focus):not(:active) .label
{
    animation: label-teleport-reverse .5s ease;
}
.cta-template.cta-animated-color a:not(:hover):not(:focus):not(:active) .ball
{
    animation: none;
    left: -5rem;
}
.cta-template.cta-animated-color-no-ball a
{
    background: linear-gradient(180deg,#5bee00,#55d505);
    border: 1px solid rgba(0,0,0,.21);
    color: #000;
    font-size: 3.6rem;
    text-decoration: none;
}
.cta-template.cta-animated-color-no-ball a span
{
    color: #000;
    z-index: 10;
}
.cta-template.cta-animated-color-no-ball a:focus, .cta-template.cta-animated-color-no-ball a:hover
{
    background: linear-gradient(180deg,#5bee00,#55d505);
    color: #000;
}
.cta-template.cta-animated-color-no-ball a:focus span, .cta-template.cta-animated-color-no-ball a:hover span
{
    color: #000;
}
@media(hover: hover)
{
    .cta-template.cta-animated-color-no-ball a:focus, .cta-template.cta-animated-color-no-ball a:hover
    {
        background: linear-gradient(180deg,#5bee00,#55d505);
        color: #000;
    }
    .cta-template.cta-animated-color-no-ball a:focus span, .cta-template.cta-animated-color-no-ball a:hover span
    {
        color: #000;
    }
}
.cta-template.cta-animated-color-no-ball a
{
    max-height: 8rem;
}
.cta-template.cta-animated-color-no-ball.cta-medium-size a
{
    min-width: 15pc;
}
.cta-template.cta-animated-color-no-ball.cta-fullwidth-size a
{
    font-size: 3.2rem;
    line-height: 1;
}
.cta-template.cta-animated-color-no-ball a
{
    border-color: rgba(117,244,37,.941) #74e42e rgba(78,182,14,.7);
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.34),0 2px 0 -1px rgba(0,0,0,.13),0 3px 0 -1px rgba(0,0,0,.08),0 3px 10px -1px rgba(0,0,0,.21);
    font-family: "888ExtraCondensedDemiBold","888",sans-serif;
    letter-spacing: 0;
    position: relative;
}
.cta-template.cta-animated-color-no-ball a:active .label, .cta-template.cta-animated-color-no-ball a:focus .label, .cta-template.cta-animated-color-no-ball a:hover .label
{
    animation: label-teleport .5s ease;
}
.cta-template.cta-animated-color-no-ball a:not(:hover):not(:focus):not(:active) .label
{
    animation: label-teleport-reverse .5s ease;
}
.cta-template .cta-animated-color a:active
{
    background-color: rgba(0,0,0,.1);
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}
@keyframes ball-rotate
{
    0%
    {
        transform: rotate(0deg);
    }
    to
    {
        transform: rotate(1turn);
    }
}
@keyframes label-teleport
{
    0%
    {
        transform: translateY(0);
    }
    50%
    {
        opacity: 0;
        transform: translateY(-100%);
    }
    51%
    {
        opacity: 0;
        transform: translateY(100%);
    }
    to
    {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes label-teleport-reverse
{
    0%
    {
        transform: translateY(0);
    }
    50%
    {
        opacity: 0;
        transform: translateY(100%);
    }
    51%
    {
        opacity: 0;
        transform: translateY(-100%);
    }
    to
    {
        opacity: 1;
        transform: translateY(0);
    }
}
.cta-padding-small
{
    padding: .4rem 1.6rem;
}
.cta-padding-default, .cta-template.cta-glow a, .cta-template.cta-glow-variant-1 a, .cta-template.cta-primary a, .cta-template.cta-primary-v2 a, .cta-template.cta-secondary a, .cta-template.cta-secondary-variant-1 a, .cta-template.cta-secondary-variant-2 a, .cta-template.cta-secondary-variant-3 a, .cta-template.cta-secondary-variant-4 a
{
    padding: .8rem 4rem;
}
.cta-padding-animated, .cta-template.cta-animated-color a, .cta-template.cta-animated-color-no-ball a
{
    padding: 1.6rem 4.7rem;
}
.cta-template.cta-wide-size a
{
    line-height: 1.5;
    min-width: 290px;
    padding: 1.4rem 0;
}
.cta-template.cta-medium-size a
{
    line-height: 1.5;
    max-width: 290px;
    min-width: 10pc;
    padding: 1rem 0;
}
@media screen and (max-width: 425px)
{
    .cta-template.cta-mobile-size
    {
        width: 100%;
    }
}
@media(min-width: 320px) and (max-width: 950px) and (orientation: landscape)
{
    .cta-template.cta-mobile-size
    {
        width: 100%;
    }
    .cta-template.cta-mobile-size a
    {
        width: 50%;
    }
}
.cta-template.cta-mobile-size a
{
    border-radius: 5rem;
    color: #fff;
    font-family: "888",verdana,sans-serif;
    font-size: 2rem;
    margin: 1.5rem auto;
    min-width: 20rem;
    outline: none;
    padding: 1.7rem 3rem;
    text-decoration: none;
}
@media screen and (max-width: 425px)
{
    .cta-template.cta-mobile-size a
    {
        background: linear-gradient(180deg,#79eb28 0,#10c716);
        border: 1px solid #2dff19;
        display: block;
        margin: 1.5rem auto;
        width: 80%;
    }
}
.cta-template.cta-mobile-size a span
{
    font-weight: 800!important;
}
.cta-template.cta-mobile-size a:hover span
{
    color: #000;
}
.cta-template.cta-fullwidth-size, .cta-template.cta-fullwidth-size a
{
    font-size: 2.3rem;
    line-height: 2;
    width: 100%;
}
@keyframes glowing
{
    to
    {
        box-shadow: 0 0 20px 5px #fce403;
    }
}
.divider-editMode
{
    margin-bottom: 5rem;
}
.divider
{
    margin: .25rem 0;
}
.divider .gradient-line-brown
{
    background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff 50%,hsla(0,0%,100%,0));
    display: block;
    height: 2px;
    width: 100%;
}
.divider .gradient-line-blue
{
    background-color: transparent;
    background: linear-gradient(90deg,rgba(76,23,35,0),rgba(76,23,35,0) 1%,rgba(76,23,35,.85) 50%,rgba(14,167,155,0));
    display: block;
    height: 2px;
    width: 100%;
}
.divider .default
{
    margin: 2.5rem 0;
}
.divider .medium
{
    margin: 1rem 0;
}
.divider .small
{
    margin: .5rem 0;
}
@media(max-width: 768px)
{
    .one-col-desktop-50 .divider
    {
        display: contents;
    }
}
.free-html-authorcomment
{
    color: #797979;
    padding-bottom: .625rem;
}
.header-taboola-lp
{
    background-color: #000;
    height: 7rem;
    width: 100%;
    z-index: 999;
}
.header-taboola-lp .header-bar
{
    box-sizing: border-box;
    height: 7rem;
    margin: 0 auto;
    max-width: 98rem;
    padding: 0;
    position: relative;
    width: 100%;
}
@media screen and (max-width: 1024px)
{
    .header-taboola-lp .header-bar
    {
        padding: 0 1rem;
    }
}
.header-taboola-lp .header-bar.three-steps-lp .navbar-logo img
{
    height: auto;
    left: 0;
    max-width: 11rem;
    position: absolute;
    top: -.4rem;
}
@media screen and (max-width: 1025px)
{
    .header-taboola-lp .header-bar.three-steps-lp .navbar-logo img
    {
        max-width: 6rem;
        padding-left: .5rem;
        padding-top: .5rem;
    }
}
.header-taboola-lp .header-bar.three-steps-lp .header-buttons
{
    margin-top: .5rem;
}
@media screen and (max-width: 1025px)
{
    .header-taboola-lp .header-bar.three-steps-lp .cta-template a
    {
        min-width: 8rem;
        padding: .7rem 1.5rem;
    }
}
.header-taboola-lp .header-bar .navbar-logo img
{
    height: auto;
    left: 0;
    max-width: 13rem;
    position: absolute;
    top: -2.4rem;
}
@media screen and (max-width: 360px)
{
    .header-taboola-lp .header-bar .navbar-logo img
    {
        top: -1rem;
        width: 10rem;
    }
}
.header-taboola-lp .header-bar .header-buttons
{
    float: right;
    margin-top: 1.5rem;
}
.header-taboola-lp .cta-template a
{
    font-size: 1.3rem;
    font-weight: 400;
    margin: 0;
    min-width: 16rem;
    padding: 1rem 1.5rem;
}
@media screen and (max-width: 500px)
{
    .header-taboola-lp .cta-template a
    {
        font-size: 9pt;
        min-width: auto;
    }
}
.header-taboola-lp .cta-secondary-variant-2
{
    float: left;
    margin-right: .8rem;
}
.header-taboola-lp .cta-secondary-variant-2 a
{
    border-color: #7c7c7c;
}
.header-taboola-lp .cta-primary-v2
{
    float: right;
}
.header-taboola-lp .cta-primary-v2 a
{
    background: linear-gradient(180deg,#79eb28 0,#10c716);
}
.header-taboola-lp .cta-primary-v2 a:after
{
    border: 1px solid #2dff19;
    transition: transform .2s ease-in-out;
}
.header-taboola-lp:has(.three-steps-lp)
{
    background-color: transparent;
    height: 8.5rem;
    position: fixed;
}
@media screen and (max-width: 1025px)
{
    .header-taboola-lp:has(.three-steps-lp)
    {
        height: 5rem;
    }
}
.header-taboola-lp:has(.three-steps-lp).scrolled
{
    background-color: #fa6200;
}
.hero-banner-31-new
{
    overflow-x: hidden;
    overflow-y: hidden;
}
.hero-banner-31-new .xf .header-bar
{
    display: flex;
    padding-bottom: 0!important;
    position: unset!important;
}
@media(min-width: 768px) and (max-width: 1200px) and (orientation: portrait)
{
    .hero-banner-31-new .xf .header-bar .header-bar-light-lp-components__img
    {
        padding-left: 0!important;
    }
}
.hero-banner-31-new .custom-banner .lpImageContainer
{
    background-repeat: no-repeat;
    display: inline-block;
    height: unset;
    object-fit: contain;
    position: relative;
    width: 100%;
    z-index: 2;
}
@media(min-width: 1450px)
{
    .hero-banner-31-new .custom-banner .lpImageContainer
    {
        background-position: right 0;
        height: 535px;
        width: auto;
    }
}
@media(min-width: 1750px)
{
    .hero-banner-31-new .custom-banner .lpImageContainer
    {
        height: 730px;
    }
}
@media(min-width: 320px) and (max-width: 812px) and (orientation: landscape)
{
    .hero-banner-31-new .custom-banner .lpImageContainer
    {
        display: inline-block;
        height: 275px;
    }
}
@media(min-width: 813px) and (max-width: 1367px) and (orientation: landscape)
{
    .hero-banner-31-new .custom-banner .lpImageContainer
    {
        height: unset;
    }
}
@media(min-width: 813px) and (max-width: 991px)
{
    .hero-banner-31-new .custom-banner .lpImageContainer
    {
        width: 380px;
    }
}
@media(max-width: 626px)
{
    .hero-banner-31-new .custom-banner .lpImageContainer
    {
        display: none;
    }
}
@media(max-width: 1024px) and (orientation: portrait)
{
    .hero-banner-31-new .custom-banner .lpImageContainer
    {
        display: none;
    }
}
@media(max-width: 1024px) and (orientation: portrait),(min-width: 320px) and (max-width: 767px)
{
    .hero-banner-31-new .custom-banner .lpImageContainerMobile
    {
        background-position: right 0;
        background-repeat: no-repeat;
        display: inline-block;
        height: 86vw;
        object-fit: contain;
        position: relative;
        z-index: 2;
    }
}
@media(min-width: 625px)
{
    .hero-banner-31-new .custom-banner .lpImageContainerMobile
    {
        display: none;
    }
}
@media(max-width: 1024px) and (orientation: portrait)
{
    .hero-banner-31-new .custom-banner .lpImageContainerMobile
    {
        display: inline-block;
    }
}
.hero-banner-31-new .custom-banner .lpText
{
    padding: 10px 0 0 10px;
}
@media(min-width: 320px) and (max-width: 1024px)
{
    .hero-banner-31-new .custom-banner .lpText
    {
        padding: 0 0 0 4vw;
    }
}
@media(min-width: 1200px)
{
    .hero-banner-31-new .custom-banner .lpText
    {
        padding: 20px 20px 0 15px;
    }
}
.hero-banner-31-new .custom-banner .lpText .lpNewCust
{
    color: #333;
    font-weight: 300;
}
@media(min-width: 320px) and (max-width: 767px) and (orientation: portrait)
{
    .hero-banner-31-new .custom-banner .lpText .lpNewCust
    {
        border-left: 3px solid #fa6200;
        padding-left: 9px;
    }
}
.hero-banner-31-new .custom-banner .lpImage
{
    min-height: 1px;
    position: relative;
    width: 50%;
}
@media(min-width: 320px) and (max-width: 1024px) and (orientation: portrait)
{
    .hero-banner-31-new .custom-banner .lpImage
    {
        padding-left: 0;
        padding-right: 0;
    }
}
.hero-banner-31-new .custom-banner .lpImageLine
{
    background-color: #fa6200;
    display: inline-block;
    height: 390px;
    left: 260px;
    position: absolute;
    top: -794px;
    transform: skew(344deg) rotate(343deg);
    width: 375pc;
    z-index: 1;
}
@media(min-width: 1450px)
{
    .hero-banner-31-new .custom-banner .lpImageLine
    {
        left: 354px;
    }
}
@media(min-width: 1750px)
{
    .hero-banner-31-new .custom-banner .lpImageLine
    {
        height: 499px;
        left: 358px;
        top: -724px;
    }
}
@media(min-width: 813px) and (max-width: 1367px) and (orientation: landscape)
{
    .hero-banner-31-new .custom-banner .lpImageLine
    {
        height: 311px;
        left: 230px;
        top: -806px;
    }
}
@media(min-width: 320px) and (max-width: 812px) and (orientation: landscape)
{
    .hero-banner-31-new .custom-banner .lpImageLine
    {
        height: 179px;
        left: 197px;
        top: -823px;
    }
}
@media(min-width: 320px) and (max-width: 1024px) and (orientation: portrait)
{
    .hero-banner-31-new .custom-banner .lpImageLine
    {
        display: none;
    }
}
.hero-banner-31-new .custom-banner
{
    align-items: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    flex-direction: column;
    padding-top: 12rem!important;
}
@media screen and (max-width: 980px)
{
    .hero-banner-31-new .custom-banner
    {
        padding-top: 8rem!important;
    }
}
@media only screen and (max-width: 1024px)
{
    .hero-banner-31-new .custom-banner
    {
        padding-top: 90px;
    }
}
@media only screen and (max-width: 425px)
{
    .hero-banner-31-new .custom-banner
    {
        padding-top: 50px;
    }
}
.hero-banner-31-new .custom-banner .above-cta-image
{
    display: block;
    left: 6%;
    position: absolute;
    top: 22%;
    width: 40%;
}
@media(max-width: 1600px)
{
    .hero-banner-31-new .custom-banner .above-cta-image
    {
        left: 8%;
        top: 25%;
        width: 32%;
    }
}
.hero-banner-31-new .custom-banner .lpOfferContainer
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.hero-banner-31-new .custom-banner .lpOfferContainer .offer-main-text-container
{
    width: 100%;
}
.hero-banner-31-new .custom-banner .lpOfferContainer .offer-main-text-container .align-row
{
    display: flex;
    flex-direction: row;
}
.hero-banner-31-new .custom-banner .lpOfferContainer .offer-main-text-container .align-row .cq-Editable-dom
{
    width: 50%;
}
.hero-banner-31-new .custom-banner .lpOfferContainer .offer-main-text-container p
{
    display: flex;
    line-height: normal;
}
.hero-banner-31-new .custom-banner .lpOfferContainer .offer-promocode
{
    align-items: baseline;
    display: flex;
}
.hero-banner-31-new .custom-banner .lpOfferContainer .offer-promocode .cq-Editable-dom
{
    min-width: 75pt;
}
.hero-banner-31-new .custom-banner .lpOfferContainer .offer-promocode .offer-promocode-code
{
    padding-left: 1rem;
}
@media(min-width: 320px) and (max-width: 1200px) and (orientation: portrait)
{
    .hero-banner-31-new .custom-banner .lpOfferContainer .no-align .lpOffer1Sum
    {
        margin: 1vw 0 0;
    }
}
@media(min-width: 320px) and (max-width: 1449px) and (orientation: landscape)
{
    .hero-banner-31-new .custom-banner .lpOfferContainer .no-align .lpOffer1Sum
    {
        margin: 0;
    }
}
@media(min-width: 1450px)
{
    .hero-banner-31-new .custom-banner .lpOfferContainer .no-align .lpOffer1Sum
    {
        line-height: 11rem!important;
    }
}
@media(min-width: 1750px)
{
    .hero-banner-31-new .custom-banner .lpOfferContainer .no-align .lpOffer1Sum
    {
        line-height: 15rem!important;
        margin: 3px 0 0;
    }
}
.hero-banner-31-new .custom-banner .lpOfferContainer .no-align .lpOffer1Sum
{
    color: #fa6200;
    float: left;
    width: auto;
}
@media(min-width: 320px) and (max-width: 1200px) and (orientation: portrait)
{
    .hero-banner-31-new .custom-banner .lpOfferContainer .no-align .lpOffer1FB
    {
        margin-top: 6px;
        width: 100%;
    }
}
@media(min-width: 320px) and (max-width: 1449px) and (orientation: landscape)
{
    .hero-banner-31-new .custom-banner .lpOfferContainer .no-align .lpOffer1FB
    {
        margin: 0 0 0 10px;
        padding: 0;
    }
}
@media(min-width: 1450px)
{
    .hero-banner-31-new .custom-banner .lpOfferContainer .no-align .lpOffer1FB
    {
        margin-left: .5rem;
        margin-top: 0;
    }
}
@media(min-width: 1750px)
{
    .hero-banner-31-new .custom-banner .lpOfferContainer .no-align .lpOffer1FB
    {
        margin-left: 1.5rem!important;
        margin-top: 0;
    }
}
.hero-banner-31-new .custom-banner .lpOfferContainer .no-align .lpOffer1FB
{
    float: left;
    width: auto;
}
@media(min-width: 320px) and (max-width: 1449px) and (orientation: landscape)
{
    .hero-banner-31-new .custom-banner .lpOfferContainer .no-align .lpOffer1Info
    {
        margin: 1vw 0;
    }
}
@media(min-width: 1450px)
{
    .hero-banner-31-new .custom-banner .lpOfferContainer .no-align .lpOffer1Info
    {
        margin: 10px 0;
    }
}
@media(min-width: 1750px)
{
    .hero-banner-31-new .custom-banner .lpOfferContainer .no-align .lpOffer1Info
    {
        margin: 10px 0;
    }
}
.hero-banner-31-new .custom-banner .lpOfferContainer .no-align .lpOffer1Info
{
    font-weight: 400;
    margin-top: 1rem;
}
@media(min-width: 320px) and (max-width: 1449px) and (orientation: landscape)
{
    .hero-banner-31-new .custom-banner .lpOfferContainer .lpOffer1Astrix span
    {
        margin: 2vw 0;
    }
}
.hero-banner-31-new .custom-banner .lpOfferContainer .lpOffer1Astrix
{
    display: inline-block;
    font-family: "888regular";
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 4rem!important;
}
@media(min-width: 320px) and (max-width: 758px)
{
    .hero-banner-31-new .custom-banner .lpOfferContainer .lpOffer1Astrix
    {
        margin-top: 1.5rem!important;
    }
}
@media(min-width: 1750px)
{
    .hero-banner-31-new .custom-banner .lpOffer1Info
    {
        margin-top: 10px;
    }
}
@media(min-width: 1368px) and (max-width: 1449px) and (orientation: landscape)
{
    .hero-banner-31-new .custom-banner .lpOffer1Info
    {
        margin-top: 0;
    }
}
@media(min-width: 320px) and (max-width: 1200px) and (orientation: portrait)
{
    .hero-banner-31-new .custom-banner .lpOffer1Info
    {
        margin-top: 5px;
    }
}
.hero-banner-31-new .custom-banner .lpOffer1FB, .hero-banner-31-new .custom-banner .lpOffer1Info, .hero-banner-31-new .custom-banner .lpOffer1Sum
{
    font-family: BrixtonWood,"888",sans-serif!important;
}
.hero-banner-31-new .custom-banner .cta-button-container
{
    display: flex;
    margin-top: 40px;
    padding-bottom: 2rem;
}
@media(min-width: 320px) and (max-width: 812px) and (orientation: landscape)
{
    .hero-banner-31-new .custom-banner .cta-button-container
    {
        margin-top: 0;
        max-width: 260px;
    }
}
.hero-banner-31-new .custom-banner .cta-button-container .cta-comp
{
    display: flex;
    font-family: "888ExtraCondensedDemiBold","888",sans-serif;
    width: 100%;
}
@media(max-width: 1100px)
{
    .hero-banner-31-new .custom-banner .cta-button-container .cta-comp
    {
        display: block;
    }
}
.hero-banner-31-new .custom-banner .cta-button-container .cta-comp .cta-component
{
    align-items: center;
    display: flex;
    justify-content: start;
    width: 100%;
}
.hero-banner-31-new .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size
{
    height: auto;
    width: 100%;
}
.hero-banner-31-new .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size a
{
    align-items: center;
    font-size: 2vw;
    min-width: 63.5rem;
    padding: 1.8rem 0;
}
@media(min-width: 1450px)
{
    .hero-banner-31-new .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size a
    {
        font-size: 3.3rem;
    }
}
@media(min-width: 813px) and (max-width: 991px) and (orientation: portrait)
{
    .hero-banner-31-new .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size a
    {
        padding: 3rem 0!important;
    }
    .hero-banner-31-new .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size a span
    {
        font-size: 5vw;
    }
}
@media(min-width: 320px) and (max-width: 812px) and (orientation: landscape)
{
    .hero-banner-31-new .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size a
    {
        padding: 20px 0!important;
    }
    .hero-banner-31-new .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size a span
    {
        font-size: 19px!important;
        line-height: 19px;
    }
}
@media(min-width: 1601px)
{
    .hero-banner-31-new .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size a
    {
        bottom: 0;
        left: 15px;
        width: calc(100% - 190px);
    }
}
@media(max-width: 1600px)
{
    .hero-banner-31-new .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size a
    {
        min-width: 37vw;
        padding: 2.2rem 0;
    }
}
@media(max-width: 640px)
{
    .hero-banner-31-new .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size a
    {
        padding: 3.5vw;
    }
    .hero-banner-31-new .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size a span
    {
        font-size: 4vw;
    }
}
.hero-banner-31-new .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size a:hover .ball
{
    left: calc(32% - 10vw)!important;
}
.hero-banner-31-new .custom-banner .cta-button-container .cta-comp .cta-component .ball
{
    height: 4.8rem;
    top: .3vw;
    width: 4.8rem;
}
@media(max-width: 1100px) and (orientation: portrait)
{
    .hero-banner-31-new .custom-banner .cta-button-container .cta-comp .cta-component .ball
    {
        display: none;
    }
}
.hero-banner-31-new .custom-banner .cta-button-container.desktop-c
{
    display: none;
}
@media(max-width: 1024px) and (orientation: portrait)
{
    .hero-banner-31-new .custom-banner .cta-button-container.desktop-c
    {
        display: none!important;
    }
}
@media(min-width: 803px)
{
    .hero-banner-31-new .custom-banner .cta-button-container.desktop-c
    {
        display: block;
    }
}
.hero-banner-31-new .custom-banner .cta-button-container.mobile-c
{
    display: none;
}
@media(max-width: 1024px) and (orientation: portrait),(max-width: 802px)
{
    .hero-banner-31-new .custom-banner .cta-button-container.mobile-c
    {
        display: block;
        padding: 0 15px;
        width: 100%;
    }
}
.hero-banner-31-new .custom-banner .lpCarouselContainer
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-top: 2rem;
}
@media(max-width: 1367px)
{
    .hero-banner-31-new .custom-banner .lpCarouselContainer
    {
        flex-direction: column;
    }
}
.hero-banner-31-new .custom-banner .lpCarouselContainer .termsOut
{
    font-family: "888regular";
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 20px;
    margin-top: 20px;
}
@media(min-width: 320px) and (max-width: 767px) and (orientation: portrait)
{
    .hero-banner-31-new .custom-banner .lpCarouselContainer .termsOut
    {
        color: #a5a8ac;
        display: inline-block;
        font-size: 3vw;
        margin-top: 20px;
        padding: 0 15px;
        width: 100%;
    }
}
@media(min-width: 1750px)
{
    .hero-banner-31-new .custom-banner .lpCarouselContainer .termsOut
    {
        font-size: 17px;
        margin: 0;
    }
}
.hero-banner-31-new .custom-banner .lpCarouselContainer .image-link
{
    display: flex;
    justify-content: center;
    width: 100%;
}
@media(min-width: 1750px)
{
    .hero-banner-31-new .custom-banner .lpCarouselContainer .image-link
    {
        margin-top: 3rem;
    }
}
.hero-banner-31-new .custom-banner .lpCarouselContainer .images-container
{
    display: flex;
    justify-content: center;
    width: 50%;
}
@media(min-width: 320px) and (max-width: 767px) and (orientation: portrait)
{
    .hero-banner-31-new .custom-banner .lpCarouselContainer .images-container
    {
        width: 100%;
    }
}
.hero-banner-31-new .custom-banner .lpCarouselContainer .images-container img
{
    width: 100%;
}
@media(max-width: 1367px)
{
    .hero-banner-31-new .custom-banner .lpCarouselContainer .images-container
    {
        margin-bottom: 30px;
        order: 1;
    }
}
@media(min-width: 759px) and (max-width: 1367px)
{
    .hero-banner-31-new .custom-banner .lpCarouselContainer .images-container
    {
        margin-left: 5rem;
    }
}
@media(min-width: 1750px)
{
    .hero-banner-31-new .custom-banner .lpCarouselContainer .images-container
    {
        padding-right: 173px;
    }
}
.hero-banner-31-new .custom-banner .lpCarouselContainer .under-cta-image
{
    align-self: anchor-center;
    display: inline-block;
    height: 70px;
    max-width: 100%;
    object-fit: contain;
    object-position: center center;
    width: 100%;
}
@media(min-width: 320px) and (max-width: 767px) and (orientation: portrait)
{
    .hero-banner-31-new .custom-banner .lpCarouselContainer .under-cta-image
    {
        height: 13vw;
    }
}
@media(max-width: 1367px)
{
    .hero-banner-31-new .custom-banner .regulationsRow, .hero-banner-31-new .custom-banner .sigTermsRow
    {
        width: 100%;
    }
}
.hero-banner-31-new .custom-banner .under-cta-image
{
    padding: 0 30px;
}
@media(max-width: 1367px)
{
    .hero-banner-31-new .custom-banner .under-cta-image
    {
        padding: 0 15px;
    }
}
.hero-banner-31-new .custom-banner .sigTermsRow
{
    width: 50%;
}
@media(max-width: 1367px)
{
    .hero-banner-31-new .custom-banner .sigTermsRow
    {
        padding: 20px 15px 0;
        width: 100%;
    }
    .hero-banner-31-new .custom-banner .disclaimer-richtext
    {
        margin-bottom: 30px;
    }
}
.hero-banner-31-new .custom-banner .disclaimer-richtext .under-cta-image
{
    align-items: center;
    display: flex;
    justify-content: center;
}
@media(min-width: 320px) and (max-width: 1024px) and (orientation: portrait)
{
    .hero-banner-31-new .custom-banner .disclaimer-richtext
    {
        margin-bottom: 20px;
    }
    .hero-banner-31-new .custom-banner .disclaimer-richtext span
    {
        color: #a5a8ac!important;
        display: inline-block;
        font-family: "888regular";
        font-size: 3vw;
        font-weight: 300;
        width: 100%;
    }
}
@media(min-width: 1750px)
{
    .hero-banner-31-new .custom-banner .disclaimer-richtext
    {
        margin: 0;
    }
    .hero-banner-31-new .custom-banner .disclaimer-richtext span
    {
        font-size: 17px;
    }
}
.hero-banner-31-new .custom-banner .disclaimer-richtext p
{
    font-family: "888ExtraCondensed","888",sans-serif;
    line-height: normal;
}
@media(max-width: 1600px)
{
    .hero-banner-31-new .custom-banner .disclaimer-richtext p
    {
        font-size: 1.4rem;
    }
}
.hero-banner-31-new .custom-banner .banner-slider
{
    width: 68rem;
}
.hero-banner-31-new .custom-banner .banner-slider.edit
{
    margin: 0 auto;
    padding-bottom: 30px;
    width: 90vw;
}
@media(max-width: 1600px)
{
    .hero-banner-31-new .custom-banner .banner-slider, .hero-banner-31-new .custom-banner .banner-slider img
    {
        width: 39vw;
    }
}
@media(max-width: 1367px)
{
    .hero-banner-31-new .custom-banner .banner-slider
    {
        width: 100vw;
    }
    .hero-banner-31-new .custom-banner .banner-slider img
    {
        width: 90vw;
    }
}
.hero-banner-31-new .custom-banner .desktop-only
{
    display: none;
}
@media(min-width: 1200px)
{
    .hero-banner-31-new .custom-banner .desktop-only
    {
        display: block;
    }
}
.hero-banner-31-new .custom-banner .tablet-only
{
    display: none;
}
@media(min-width: 640px)
{
    .hero-banner-31-new .custom-banner .tablet-only
    {
        display: block;
    }
}
@media(min-width: 1200px)
{
    .hero-banner-31-new .custom-banner .tablet-only
    {
        display: none;
    }
}
.hero-banner-31-new .custom-banner .mobile-only
{
    display: block;
}
@media(min-width: 640px)
{
    .hero-banner-31-new .custom-banner .mobile-only
    {
        display: none;
    }
}
.hero-banner-31-new .banner-slider .banner-slider-container
{
    position: relative;
}
.hero-banner-31-new .banner-slider .banner-slider-container a
{
    align-items: center;
    color: #fff!important;
    display: flex;
    font-weight: 600;
    text-decoration: none;
}
.hero-banner-31-new .banner-slider .banner-slider-container .slide-img, .hero-banner-31-new .banner-slider .banner-slider-container .slide-text
{
    display: flex;
    justify-content: center;
    padding-top: 3.5rem;
}
.hero-banner-31-new .banner-slider .banner-slider-container .slide-img
{
    display: flex;
    max-width: 215px;
}
.hero-banner-31-new .banner-slider .banner-slider-container .slide-img img
{
    object-fit: contain;
}
.hero-banner-31-new .banner-slider .banner-slider-container .slide-text
{
    display: block;
    max-width: 21.5rem;
    padding-top: .5rem;
    text-align: center;
}
.hero-banner-31-new .banner-slider .swiper .swiper-wrapper .swiper-slide
{
    align-items: normal;
}
.hero-banner-31-new .banner-slider .swiper .swiper-wrapper .swiper-slide.swiper-slide-active img, .hero-banner-31-new .banner-slider .swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active img
{
    opacity: 1;
}
.hero-banner-31-new .banner-slider .swiper .swiper-wrapper .swiper-slide img
{
    opacity: 0;
}
.hero-banner-31-new .banner-slider .banner-slider-container:hover .swiper-button-next, .hero-banner-31-new .banner-slider .banner-slider-container:hover .swiper-button-prev
{
    cursor: pointer;
    opacity: 1;
    pointer-events: auto;
}
@media(max-width: 1440px)
{
    .hero-banner-31-new .banner-slider .banner-slider-container:hover .swiper-button-next, .hero-banner-31-new .banner-slider .banner-slider-container:hover .swiper-button-prev
    {
        display: none;
    }
}
.hero-banner-31-new .banner-slider .banner-slider-container:hover .swiper-button-prev
{
    left: 3%;
}
.hero-banner-31-new .banner-slider .banner-slider-container:hover .swiper-button-next
{
    right: 3%;
}
.hero-banner-31-new .banner-slider .swiper-button-next, .hero-banner-31-new .banner-slider .swiper-button-prev
{
    background-color: rgba(0,0,0,.4);
    border-radius: 3.6rem;
    cursor: none;
    height: 3.6rem;
    margin-top: -2.5rem;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 60%;
    transition: .5s cubic-bezier(.28,.68,.52,1.22);
    width: 3.6rem;
}
@media(max-width: 1440px)
{
    .hero-banner-31-new .banner-slider .swiper-button-next, .hero-banner-31-new .banner-slider .swiper-button-prev
    {
        display: none;
    }
}
.hero-banner-31-new .banner-slider .swiper-button-prev
{
    left: -7%;
}
.hero-banner-31-new .banner-slider .swiper-button-next
{
    right: -7%;
}
.hero-banner-31-new .banner-slider .swiper-button-prev
{
    content: url(../../bcgamebettingde/image/arrow-left.svg);
}
.hero-banner-31-new .banner-slider .swiper-button-next
{
    content: url(../../bcgamebettingde/image/arrow-right.svg);
}
.hero-banner-31-new .banner-slider .swiper-pagination
{
    bottom: -17%;
}
@media(max-width: 1100px)
{
    .hero-banner-31-new .banner-slider .swiper-pagination
    {
        bottom: -3vw;
    }
}
@media(max-width: 640px)
{
    .hero-banner-31-new .banner-slider .swiper-pagination
    {
        bottom: -5vw;
    }
}
.hero-banner-31-new .banner-slider .swiper-pagination .swiper-pagination-bullet
{
    border: .2rem solid #fff;
    height: 1rem;
    width: 1rem;
}
.hero-banner-31-new .banner-slider .swiper-pagination .swiper-pagination-bullet-active
{
    background: #fff;
}
.hero-banner-31-new .font-family-brixton
{
    width: 100%;
}
.offer-mobile
{
    display: block;
}
@media(min-width: 640px)
{
    .offer-mobile
    {
        display: none;
    }
}
.hero-banner-31
{
    overflow-x: hidden;
    overflow-y: hidden;
}
.hero-banner-31 .xf .header-bar
{
    display: flex;
    padding-bottom: 0!important;
    position: unset!important;
}
@media(min-width: 768px) and (max-width: 1200px) and (orientation: portrait)
{
    .hero-banner-31 .xf .header-bar .header-bar-light-lp-components__img
    {
        padding-left: 0!important;
    }
}
.hero-banner-31 .lpImageContainer
{
    background-repeat: no-repeat;
    display: inline-block;
    height: unset;
    object-fit: contain;
    position: relative;
    width: 100%;
    z-index: 2;
}
@media(min-width: 1450px)
{
    .hero-banner-31 .lpImageContainer
    {
        background-position: right 0;
        height: 535px;
        width: auto;
    }
}
@media(min-width: 1750px)
{
    .hero-banner-31 .lpImageContainer
    {
        height: 730px;
    }
}
@media(min-width: 320px) and (max-width: 812px) and (orientation: landscape)
{
    .hero-banner-31 .lpImageContainer
    {
        display: inline-block;
        height: 275px;
    }
}
@media(min-width: 813px) and (max-width: 1367px) and (orientation: landscape)
{
    .hero-banner-31 .lpImageContainer
    {
        height: unset;
    }
}
@media(min-width: 813px) and (max-width: 991px)
{
    .hero-banner-31 .lpImageContainer
    {
        width: 380px;
    }
}
@media(max-width: 626px)
{
    .hero-banner-31 .lpImageContainer
    {
        display: none;
    }
}
@media(max-width: 1024px) and (orientation: portrait)
{
    .hero-banner-31 .lpImageContainer
    {
        display: none;
    }
}
@media(max-width: 1024px) and (orientation: portrait),(min-width: 320px) and (max-width: 767px)
{
    .hero-banner-31 .lpImageContainerMobile
    {
        background-position: right 0;
        background-repeat: no-repeat;
        display: inline-block;
        height: 86vw;
        object-fit: contain;
        position: relative;
        z-index: 2;
    }
}
@media(min-width: 625px)
{
    .hero-banner-31 .lpImageContainerMobile
    {
        display: none;
    }
}
@media(max-width: 1024px) and (orientation: portrait)
{
    .hero-banner-31 .lpImageContainerMobile
    {
        display: inline-block;
    }
}
.hero-banner-31 .lpText
{
    padding: 20px 20px 0 15px;
    width: 50%;
}
@media(min-width: 320px) and (max-width: 1024px)
{
    .hero-banner-31 .lpText
    {
        padding: 0 0 0 15px;
    }
}
@media(min-width: 1750px)
{
    .hero-banner-31 .lpText
    {
        margin-top: 60px;
    }
}
.hero-banner-31 .lpText .lpNewCust
{
    color: #333;
    font-family: "888ExtraCondensed"!important;
    font-size: 22px;
    font-weight: 300;
}
@media(min-width: 1450px)
{
    .hero-banner-31 .lpText .lpNewCust
    {
        font-size: 30px;
    }
}
@media(min-width: 1750px)
{
    .hero-banner-31 .lpText .lpNewCust
    {
        font-size: 38px;
    }
}
@media(min-width: 320px) and (max-width: 767px) and (orientation: portrait)
{
    .hero-banner-31 .lpText .lpNewCust
    {
        border-left: 3px solid #fa6200;
        font-size: 5.6vw;
        padding-left: 9px;
    }
}
.hero-banner-31 .lpImage
{
    min-height: 1px;
    position: relative;
    width: 50%;
}
@media(min-width: 320px) and (max-width: 1024px) and (orientation: portrait)
{
    .hero-banner-31 .lpImage
    {
        padding-left: 0;
        padding-right: 0;
    }
}
.hero-banner-31 .lpImageLine
{
    background-color: #fa6200;
    display: inline-block;
    height: 390px;
    left: 260px;
    position: absolute;
    top: -794px;
    transform: skew(344deg) rotate(343deg);
    width: 375pc;
    z-index: 1;
}
@media(min-width: 1450px)
{
    .hero-banner-31 .lpImageLine
    {
        left: 354px;
    }
}
@media(min-width: 1750px)
{
    .hero-banner-31 .lpImageLine
    {
        height: 499px;
        left: 358px;
        top: -724px;
    }
}
@media(min-width: 813px) and (max-width: 1367px) and (orientation: landscape)
{
    .hero-banner-31 .lpImageLine
    {
        height: 311px;
        left: 230px;
        top: -806px;
    }
}
@media(min-width: 320px) and (max-width: 812px) and (orientation: landscape)
{
    .hero-banner-31 .lpImageLine
    {
        height: 179px;
        left: 197px;
        top: -823px;
    }
}
@media(min-width: 320px) and (max-width: 1024px) and (orientation: portrait)
{
    .hero-banner-31 .lpImageLine
    {
        display: none;
    }
}
.hero-banner-31 .custom-banner
{
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    flex-direction: column;
    padding-top: 12rem!important;
}
@media screen and (max-width: 980px)
{
    .hero-banner-31 .custom-banner
    {
        padding-top: 8rem!important;
    }
}
@media only screen and (max-width: 1024px)
{
    .hero-banner-31 .custom-banner
    {
        padding-top: 90px;
    }
}
@media only screen and (max-width: 425px)
{
    .hero-banner-31 .custom-banner
    {
        padding-top: 50px;
    }
}
.hero-banner-31 .custom-banner .above-cta-image
{
    display: block;
    left: 6%;
    position: absolute;
    top: 22%;
    width: 40%;
}
@media(max-width: 1600px)
{
    .hero-banner-31 .custom-banner .above-cta-image
    {
        left: 8%;
        top: 25%;
        width: 32%;
    }
}
.hero-banner-31 .custom-banner .lpOfferContainer .offer-main-text-container
{
    width: 100%;
}
.hero-banner-31 .custom-banner .lpOfferContainer .offer-main-text-container .align-row
{
    display: flex;
    flex-direction: row;
}
.hero-banner-31 .custom-banner .lpOfferContainer .offer-main-text-container .align-row .cq-Editable-dom
{
    width: 50%;
}
.hero-banner-31 .custom-banner .lpOfferContainer .offer-main-text-container p
{
    display: flex;
}
.hero-banner-31 .custom-banner .lpOfferContainer .offer-promocode
{
    align-items: baseline;
    display: flex;
}
.hero-banner-31 .custom-banner .lpOfferContainer .offer-promocode .cq-Editable-dom
{
    min-width: 75pt;
}
.hero-banner-31 .custom-banner .lpOfferContainer .offer-promocode .offer-promocode-code
{
    padding-left: 1rem;
}
@media(min-width: 320px) and (max-width: 1200px) and (orientation: portrait)
{
    .hero-banner-31 .custom-banner .lpOfferContainer .no-align .lpOffer1Sum
    {
        font-size: 30vw!important;
        line-height: 30vw!important;
        margin: 1vw 0 0;
    }
}
@media(min-width: 320px) and (max-width: 1449px) and (orientation: landscape)
{
    .hero-banner-31 .custom-banner .lpOfferContainer .no-align .lpOffer1Sum
    {
        font-size: 6vw;
        line-height: 6vw;
        margin: 0;
    }
}
@media(min-width: 1450px)
{
    .hero-banner-31 .custom-banner .lpOfferContainer .no-align .lpOffer1Sum
    {
        font-size: 11rem!important;
        line-height: 11rem!important;
    }
}
@media(min-width: 1750px)
{
    .hero-banner-31 .custom-banner .lpOfferContainer .no-align .lpOffer1Sum
    {
        font-size: 15rem!important;
        line-height: 15rem!important;
        margin: 3px 0 0;
    }
}
@media(min-width: 1450px)
{
    .hero-banner-31 .custom-banner .lpOfferContainer .no-align .lpOffer1Sum
    {
        font-size: 20.7rem;
    }
}
.hero-banner-31 .custom-banner .lpOfferContainer .no-align .lpOffer1Sum
{
    color: #fa6200;
    float: left;
    width: auto;
}
@media(min-width: 320px) and (max-width: 1200px) and (orientation: portrait)
{
    .hero-banner-31 .custom-banner .lpOfferContainer .no-align .lpOffer1FB
    {
        font-size: 10vw!important;
        margin-top: 6px;
        width: 100%;
    }
}
@media(min-width: 320px) and (max-width: 1449px) and (orientation: landscape)
{
    .hero-banner-31 .custom-banner .lpOfferContainer .no-align .lpOffer1FB
    {
        font-size: 6vw;
        line-height: 6vw;
        margin: 0 0 0 10px;
        padding: 0;
    }
}
@media(min-width: 1450px)
{
    .hero-banner-31 .custom-banner .lpOfferContainer .no-align .lpOffer1FB
    {
        font-size: 11rem;
        line-height: 11rem;
        margin-left: .5rem;
        margin-top: 0;
    }
}
@media(min-width: 1750px)
{
    .hero-banner-31 .custom-banner .lpOfferContainer .no-align .lpOffer1FB
    {
        font-size: 14.1rem!important;
        line-height: 15.9rem!important;
        margin-left: 1.5rem!important;
        margin-top: 0;
    }
}
.hero-banner-31 .custom-banner .lpOfferContainer .no-align .lpOffer1FB
{
    float: left;
    width: auto;
}
@media(min-width: 320px) and (max-width: 1200px) and (orientation: portrait)
{
    .hero-banner-31 .custom-banner .lpOfferContainer .no-align .lpOffer1Info
    {
        font-size: 5.3vw;
        line-height: 5vw;
    }
}
@media(min-width: 320px) and (max-width: 1449px) and (orientation: landscape)
{
    .hero-banner-31 .custom-banner .lpOfferContainer .no-align .lpOffer1Info
    {
        font-size: 3.3vw;
        margin: 1vw 0;
    }
}
@media(min-width: 1450px)
{
    .hero-banner-31 .custom-banner .lpOfferContainer .no-align .lpOffer1Info
    {
        font-size: 54px;
        line-height: 54px;
        margin: 10px 0;
    }
}
@media(min-width: 1750px)
{
    .hero-banner-31 .custom-banner .lpOfferContainer .no-align .lpOffer1Info
    {
        font-size: 71px;
        line-height: 71px;
        margin: 10px 0;
    }
}
.hero-banner-31 .custom-banner .lpOfferContainer .no-align .lpOffer1Info
{
    font-weight: 400;
    margin-top: 1rem;
}
@media(min-width: 320px) and (max-width: 1200px) and (orientation: portrait)
{
    .hero-banner-31 .custom-banner .lpOfferContainer .lpOffer1Astrix span
    {
        font-size: 5vw!important;
        line-height: 5vw;
    }
}
@media(min-width: 320px) and (max-width: 1449px) and (orientation: landscape)
{
    .hero-banner-31 .custom-banner .lpOfferContainer .lpOffer1Astrix span
    {
        font-size: 3vw;
        line-height: 3vw;
        margin: 2vw 0;
    }
}
@media(min-width: 1450px)
{
    .hero-banner-31 .custom-banner .lpOfferContainer .lpOffer1Astrix span
    {
        font-size: 3rem;
    }
}
@media(min-width: 1750px)
{
    .hero-banner-31 .custom-banner .lpOfferContainer .lpOffer1Astrix span
    {
        font-size: 3.8rem;
    }
}
.hero-banner-31 .custom-banner .lpOfferContainer .lpOffer1Astrix
{
    display: inline-block;
    font-family: "888regular";
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 4rem!important;
}
@media(min-width: 320px) and (max-width: 758px)
{
    .hero-banner-31 .custom-banner .lpOfferContainer .lpOffer1Astrix
    {
        margin-top: 1.5rem!important;
    }
}
.hero-banner-31 .custom-banner .lpOfferContainer .lpPromoCode
{
    color: #fa6200;
    font-size: 35px;
}
@media(min-width: 320px) and (max-width: 1200px) and (orientation: portrait)
{
    .hero-banner-31 .custom-banner .lpOfferContainer .lpPromoCode
    {
        font-size: 7vw!important;
        line-height: 7vw!important;
    }
}
@media(min-width: 1750px)
{
    .hero-banner-31 .custom-banner .lpOfferContainer .lpPromoCode
    {
        font-size: 55px!important;
    }
}
.hero-banner-31 .custom-banner .align-row
{
    display: flex;
    flex-direction: row;
}
@media(min-width: 320px) and (max-width: 758px)
{
    .hero-banner-31 .custom-banner .align-row
    {
        flex-direction: column;
    }
}
.hero-banner-31 .custom-banner .align-row .lpOffer1Sum
{
    color: #fa6200;
    float: left;
    font-size: 15vw;
    width: auto;
}
@media(min-width: 320px) and (max-width: 1200px) and (orientation: portrait)
{
    .hero-banner-31 .custom-banner .align-row .lpOffer1Sum
    {
        font-size: 27vw!important;
        line-height: 27vw;
        margin-top: 7vw;
        width: 100%;
    }
}
@media(min-width: 1450px)
{
    .hero-banner-31 .custom-banner .align-row .lpOffer1Sum
    {
        font-size: 196px!important;
    }
}
@media(min-width: 1750px)
{
    .hero-banner-31 .custom-banner .align-row .lpOffer1Sum
    {
        font-size: 263px!important;
        line-height: 211px;
        margin-bottom: 0;
        margin-top: 50px;
    }
}
.hero-banner-31 .custom-banner .align-row .lpOffer1FB
{
    color: #fa6200;
    float: left;
    line-height: 72px;
    margin-top: 15px;
}
@media(min-width: 1450px)
{
    .hero-banner-31 .custom-banner .align-row .lpOffer1FB
    {
        font-size: 82px;
        margin-top: 0;
    }
}
@media(min-width: 1750px)
{
    .hero-banner-31 .custom-banner .align-row .lpOffer1FB
    {
        font-size: 81pt;
        line-height: 81pt;
        margin-top: 67px;
        width: auto;
    }
}
@media(min-width: 1368px) and (max-width: 1449px) and (orientation: landscape)
{
    .hero-banner-31 .custom-banner .align-row .lpOffer1FB
    {
        font-size: 6vw;
        line-height: 5.5vw;
    }
}
@media(min-width: 320px) and (max-width: 1367px) and (orientation: landscape)
{
    .hero-banner-31 .custom-banner .align-row .lpOffer1FB
    {
        font-size: 6vw;
        line-height: 5vw;
        padding-top: 0;
    }
}
@media(min-width: 320px) and (max-width: 1200px) and (orientation: portrait)
{
    .hero-banner-31 .custom-banner .align-row .lpOffer1FB
    {
        font-size: 13vw;
        margin-top: 0;
        padding-top: 0;
        white-space: nowrap;
        width: 100%!important;
    }
    .hero-banner-31 .custom-banner .align-row .lpOffer1FB br
    {
        display: none;
    }
}
@media(min-width: 1450px)
{
    .hero-banner-31 .custom-banner .align-row .lpOffer1FB span
    {
        font-size: 78pt;
    }
}
@media(min-width: 1750px)
{
    .hero-banner-31 .custom-banner .align-row .lpOffer1FB span
    {
        font-size: 135px;
    }
}
@media(min-width: 1450px)
{
    .hero-banner-31 .custom-banner .lpOffer1Info
    {
        font-size: 78px;
    }
}
@media(min-width: 1750px)
{
    .hero-banner-31 .custom-banner .lpOffer1Info
    {
        font-size: 107px;
        margin-top: 10px;
    }
}
@media(min-width: 1368px) and (max-width: 1449px) and (orientation: landscape)
{
    .hero-banner-31 .custom-banner .lpOffer1Info
    {
        font-size: 6vw;
        margin-top: 0;
    }
}
@media(min-width: 320px) and (max-width: 1367px) and (orientation: landscape)
{
    .hero-banner-31 .custom-banner .lpOffer1Info
    {
        font-size: 6vw;
    }
}
@media(min-width: 320px) and (max-width: 1200px) and (orientation: portrait)
{
    .hero-banner-31 .custom-banner .lpOffer1Info
    {
        font-size: 7.4vw;
        margin-top: 5px;
    }
}
@media(max-width: 768px) and (min-width: 385px)
{
    .hero-banner-31 .custom-banner .lpOfferContainer .font-size-130
    {
        font-size: 18vw!important;
    }
    .hero-banner-31 .custom-banner .lpOfferContainer .font-size-80
    {
        font-size: 9vw!important;
    }
}
@media(max-width: 384px) and (orientation: landscape)
{
    .hero-banner-31 .custom-banner .lpOfferContainer .font-size-38
    {
        font-size: 14px!important;
    }
    .hero-banner-31 .custom-banner .lpOfferContainer .font-size-130
    {
        font-size: 16vw!important;
    }
    .hero-banner-31 .custom-banner .lpOfferContainer .font-size-80
    {
        font-size: 7vw!important;
    }
    .hero-banner-31 .custom-banner .lpOfferContainer .offer-main-text-right .font-size-38
    {
        font-size: 2.9vw!important;
    }
    .hero-banner-31 .custom-banner .lpOfferContainer .offer-promocode .offer-promocode-code
    {
        font-size: 35px;
    }
}
.hero-banner-31 .custom-banner .lpOffer1FB, .hero-banner-31 .custom-banner .lpOffer1Info, .hero-banner-31 .custom-banner .lpOffer1Sum
{
    font-family: BrixtonWood,"888",sans-serif!important;
}
.hero-banner-31 .custom-banner .cta-button-container
{
    display: flex;
    margin-top: 40px;
}
@media(min-width: 320px) and (max-width: 812px) and (orientation: landscape)
{
    .hero-banner-31 .custom-banner .cta-button-container
    {
        margin-top: 0;
        max-width: 260px;
    }
}
.hero-banner-31 .custom-banner .cta-button-container .cta-comp
{
    display: flex;
    width: 100%;
}
@media(max-width: 1100px)
{
    .hero-banner-31 .custom-banner .cta-button-container .cta-comp
    {
        display: block;
    }
}
.hero-banner-31 .custom-banner .cta-button-container .cta-comp .cta-component
{
    align-items: center;
    display: flex;
    justify-content: start;
    width: 100%;
}
.hero-banner-31 .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size
{
    height: auto;
    width: 100%;
}
.hero-banner-31 .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size a
{
    align-items: center;
    font-size: 2vw;
    min-width: 63.5rem;
    padding: 1.8rem 0;
}
@media(min-width: 1450px)
{
    .hero-banner-31 .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size a
    {
        font-size: 3.3rem;
    }
}
@media(min-width: 813px) and (max-width: 991px) and (orientation: portrait)
{
    .hero-banner-31 .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size a
    {
        padding: 6rem 0!important;
    }
    .hero-banner-31 .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size a span
    {
        font-size: 5vw;
    }
}
@media(min-width: 320px) and (max-width: 812px) and (orientation: landscape)
{
    .hero-banner-31 .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size a
    {
        padding: 20px 0!important;
    }
    .hero-banner-31 .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size a span
    {
        font-size: 19px!important;
        line-height: 19px;
    }
}
@media(min-width: 1601px)
{
    .hero-banner-31 .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size a
    {
        bottom: 0;
        left: 15px;
        width: calc(100% - 190px);
    }
}
@media(max-width: 1600px)
{
    .hero-banner-31 .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size a
    {
        min-width: 37vw;
        padding: 2.2rem 0;
    }
}
@media(max-width: 640px)
{
    .hero-banner-31 .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size a
    {
        padding: 3.5vw;
    }
    .hero-banner-31 .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size a span
    {
        font-size: 4vw;
    }
}
.hero-banner-31 .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size a:hover .ball
{
    left: calc(32% - 10vw)!important;
}
.hero-banner-31 .custom-banner .cta-button-container .cta-comp .cta-component .ball
{
    height: 4.8rem;
    top: .3vw;
    width: 4.8rem;
}
@media(max-width: 1100px) and (orientation: portrait)
{
    .hero-banner-31 .custom-banner .cta-button-container .cta-comp .cta-component .ball
    {
        display: none;
    }
}
.hero-banner-31 .custom-banner .cta-button-container.desktop-c
{
    display: none;
}
@media(max-width: 1024px) and (orientation: portrait)
{
    .hero-banner-31 .custom-banner .cta-button-container.desktop-c
    {
        display: none!important;
    }
}
@media(min-width: 803px)
{
    .hero-banner-31 .custom-banner .cta-button-container.desktop-c
    {
        display: block;
    }
}
.hero-banner-31 .custom-banner .cta-button-container.mobile-c
{
    display: none;
}
@media(max-width: 1024px) and (orientation: portrait),(max-width: 802px)
{
    .hero-banner-31 .custom-banner .cta-button-container.mobile-c
    {
        display: block;
        padding: 0 15px;
    }
}
.hero-banner-31 .custom-banner .lpCarouselContainer
{
    display: flex;
    flex-direction: row;
    justify-content: center;
}
@media(max-width: 1367px)
{
    .hero-banner-31 .custom-banner .lpCarouselContainer
    {
        flex-direction: column;
    }
}
.hero-banner-31 .custom-banner .lpCarouselContainer .termsOut
{
    font-family: "888regular";
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 20px;
    margin-top: 20px;
}
@media(min-width: 320px) and (max-width: 767px) and (orientation: portrait)
{
    .hero-banner-31 .custom-banner .lpCarouselContainer .termsOut
    {
        color: #a5a8ac;
        display: inline-block;
        font-size: 3vw;
        margin-top: 20px;
        padding: 0 15px;
        width: 100%;
    }
}
@media(min-width: 1750px)
{
    .hero-banner-31 .custom-banner .lpCarouselContainer .termsOut
    {
        font-size: 17px;
        margin: 0;
    }
}
.hero-banner-31 .custom-banner .lpCarouselContainer .image-link
{
    display: flex;
    justify-content: center;
    width: 100%;
}
@media(min-width: 1750px)
{
    .hero-banner-31 .custom-banner .lpCarouselContainer .image-link
    {
        margin-top: 3rem;
    }
}
.hero-banner-31 .custom-banner .lpCarouselContainer .images-container
{
    display: flex;
    justify-content: center;
    width: 50%;
}
@media(min-width: 320px) and (max-width: 767px) and (orientation: portrait)
{
    .hero-banner-31 .custom-banner .lpCarouselContainer .images-container
    {
        width: 100%;
    }
}
.hero-banner-31 .custom-banner .lpCarouselContainer .images-container img
{
    width: 100%;
}
@media(max-width: 1367px)
{
    .hero-banner-31 .custom-banner .lpCarouselContainer .images-container
    {
        margin-bottom: 30px;
        order: 1;
    }
}
@media(min-width: 759px) and (max-width: 1367px)
{
    .hero-banner-31 .custom-banner .lpCarouselContainer .images-container
    {
        margin-left: 5rem;
    }
}
@media(min-width: 1750px)
{
    .hero-banner-31 .custom-banner .lpCarouselContainer .images-container
    {
        padding-right: 173px;
    }
}
.hero-banner-31 .custom-banner .lpCarouselContainer .under-cta-image
{
    align-self: anchor-center;
    display: inline-block;
    height: 70px;
    max-width: 100%;
    object-fit: contain;
    object-position: center center;
    width: 100%;
}
@media(min-width: 320px) and (max-width: 767px) and (orientation: portrait)
{
    .hero-banner-31 .custom-banner .lpCarouselContainer .under-cta-image
    {
        height: 13vw;
    }
}
@media(max-width: 1367px)
{
    .hero-banner-31 .custom-banner .regulationsRow, .hero-banner-31 .custom-banner .sigTermsRow
    {
        width: 100%;
    }
}
.hero-banner-31 .custom-banner .under-cta-image
{
    padding: 0 30px;
}
@media(max-width: 1367px)
{
    .hero-banner-31 .custom-banner .under-cta-image
    {
        padding: 0 15px;
    }
}
.hero-banner-31 .custom-banner .sigTermsRow
{
    width: 50%;
}
@media(max-width: 1367px)
{
    .hero-banner-31 .custom-banner .sigTermsRow
    {
        padding: 20px 15px 0;
        width: 100%;
    }
    .hero-banner-31 .custom-banner .disclaimer-richtext
    {
        margin-bottom: 30px;
    }
}
.hero-banner-31 .custom-banner .disclaimer-richtext .under-cta-image
{
    align-items: center;
    display: flex;
    justify-content: center;
}
@media(min-width: 320px) and (max-width: 1024px) and (orientation: portrait)
{
    .hero-banner-31 .custom-banner .disclaimer-richtext
    {
        margin-bottom: 20px;
    }
    .hero-banner-31 .custom-banner .disclaimer-richtext span
    {
        color: #a5a8ac!important;
        display: inline-block;
        font-family: "888regular";
        font-size: 3vw;
        font-weight: 300;
        width: 100%;
    }
}
@media(min-width: 1750px)
{
    .hero-banner-31 .custom-banner .disclaimer-richtext
    {
        margin: 0;
    }
    .hero-banner-31 .custom-banner .disclaimer-richtext span
    {
        font-size: 17px;
    }
}
.hero-banner-31 .custom-banner .disclaimer-richtext p
{
    font-family: "888ExtraCondensed","888",sans-serif;
    line-height: normal;
}
@media(max-width: 1600px)
{
    .hero-banner-31 .custom-banner .disclaimer-richtext p
    {
        font-size: 1.4rem;
    }
}
.hero-banner-31 .custom-banner .banner-slider
{
    width: 68rem;
}
.hero-banner-31 .custom-banner .banner-slider.edit
{
    margin: 0 auto;
    padding-bottom: 30px;
    width: 90vw;
}
@media(max-width: 1600px)
{
    .hero-banner-31 .custom-banner .banner-slider, .hero-banner-31 .custom-banner .banner-slider img
    {
        width: 39vw;
    }
}
@media(max-width: 1367px)
{
    .hero-banner-31 .custom-banner .banner-slider
    {
        width: 100vw;
    }
    .hero-banner-31 .custom-banner .banner-slider img
    {
        width: 90vw;
    }
}
.hero-banner-31 .banner-slider .banner-slider-container
{
    position: relative;
}
.hero-banner-31 .banner-slider .banner-slider-container a
{
    align-items: center;
    color: #fff!important;
    display: flex;
    font-weight: 600;
    text-decoration: none;
}
.hero-banner-31 .banner-slider .banner-slider-container .slide-img, .hero-banner-31 .banner-slider .banner-slider-container .slide-text
{
    display: flex;
    justify-content: center;
    padding-top: 3.5rem;
}
.hero-banner-31 .banner-slider .banner-slider-container .slide-img
{
    display: flex;
    max-width: 215px;
}
.hero-banner-31 .banner-slider .banner-slider-container .slide-img img
{
    object-fit: contain;
}
.hero-banner-31 .banner-slider .banner-slider-container .slide-text
{
    display: block;
    max-width: 21.5rem;
    padding-top: .5rem;
    text-align: center;
}
.hero-banner-31 .banner-slider .swiper .swiper-wrapper .swiper-slide
{
    align-items: normal;
}
.hero-banner-31 .banner-slider .swiper .swiper-wrapper .swiper-slide.swiper-slide-active img, .hero-banner-31 .banner-slider .swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active img
{
    opacity: 1;
}
.hero-banner-31 .banner-slider .swiper .swiper-wrapper .swiper-slide img
{
    opacity: 0;
}
.hero-banner-31 .banner-slider .banner-slider-container:hover .swiper-button-next, .hero-banner-31 .banner-slider .banner-slider-container:hover .swiper-button-prev
{
    cursor: pointer;
    opacity: 1;
    pointer-events: auto;
}
@media(max-width: 1440px)
{
    .hero-banner-31 .banner-slider .banner-slider-container:hover .swiper-button-next, .hero-banner-31 .banner-slider .banner-slider-container:hover .swiper-button-prev
    {
        display: none;
    }
}
.hero-banner-31 .banner-slider .banner-slider-container:hover .swiper-button-prev
{
    left: 3%;
}
.hero-banner-31 .banner-slider .banner-slider-container:hover .swiper-button-next
{
    right: 3%;
}
.hero-banner-31 .banner-slider .swiper-button-next, .hero-banner-31 .banner-slider .swiper-button-prev
{
    background-color: rgba(0,0,0,.4);
    border-radius: 3.6rem;
    cursor: none;
    height: 3.6rem;
    margin-top: -2.5rem;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 60%;
    transition: .5s cubic-bezier(.28,.68,.52,1.22);
    width: 3.6rem;
}
@media(max-width: 1440px)
{
    .hero-banner-31 .banner-slider .swiper-button-next, .hero-banner-31 .banner-slider .swiper-button-prev
    {
        display: none;
    }
}
.hero-banner-31 .banner-slider .swiper-button-prev
{
    left: -7%;
}
.hero-banner-31 .banner-slider .swiper-button-next
{
    right: -7%;
}
.hero-banner-31 .banner-slider .swiper-button-prev
{
    content: url(../../bcgamebettingde/image/arrow-left.svg);
}
.hero-banner-31 .banner-slider .swiper-button-next
{
    content: url(../../bcgamebettingde/image/arrow-right.svg);
}
.hero-banner-31 .banner-slider .swiper-pagination
{
    bottom: -17%;
}
@media(max-width: 1100px)
{
    .hero-banner-31 .banner-slider .swiper-pagination
    {
        bottom: -3vw;
    }
}
@media(max-width: 640px)
{
    .hero-banner-31 .banner-slider .swiper-pagination
    {
        bottom: -5vw;
    }
}
.hero-banner-31 .banner-slider .swiper-pagination .swiper-pagination-bullet
{
    border: .2rem solid #fff;
    height: 1rem;
    width: 1rem;
}
.hero-banner-31 .banner-slider .swiper-pagination .swiper-pagination-bullet-active
{
    background: #fff;
}
.hero-banner-31 .font-family-brixton
{
    width: 100%;
}
.text-thirty-one h2
{
    color: #232323!important;
    font-family: BrixtonWood,"888",sans-serif!important;
    font-size: 39px!important;
    font-weight: 700!important;
    padding-bottom: 20px!important;
    text-transform: uppercase!important;
}
@media(min-width: 810px)
{
    .text-thirty-one h2
    {
        margin-top: 70px!important;
    }
}
@media(min-width: 1750px)
{
    .text-thirty-one h2
    {
        font-size: 55px!important;
    }
}
.text-thirty-one h3
{
    color: #fa6200!important;
    font-family: "888ExtraCondensed","888",sans-serif!important;
    font-size: 22px!important;
    font-weight: 600!important;
    padding-top: 10px!important;
}
@media(min-width: 1750px)
{
    .text-thirty-one h3
    {
        font-size: 27px!important;
    }
}
.text-thirty-one ul
{
    font-size: 17px!important;
    font-weight: 500!important;
    margin-left: 0!important;
    padding: 10px!important;
}
@media(min-width: 1750px)
{
    .text-thirty-one ul
    {
        font-size: 24px!important;
    }
}
.text-thirty-one ul li
{
    color: #333!important;
    font-family: "888ExtraCondensed","888",sans-serif!important;
    padding: 5px 0 20px!important;
}
.hero-banner-light-lp:has(.backgroundDark)
{
    background-color: #121212;
}
.hero-banner-light-lp .custom-banner
{
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    left: 0;
    padding-top: calc(42.1875% + 5vw);
    position: relative;
    right: 0;
    top: 0;
}
.hero-banner-light-lp .custom-banner.backgroundCover
{
    background-size: cover;
}
@media screen and (max-width: 910px)
{
    .hero-banner-light-lp .custom-banner.backgroundCover.backgroundContain
    {
        background-size: contain;
    }
}
.hero-banner-light-lp .custom-banner.backgroundDark
{
    background-color: #121212;
}
.hero-banner-light-lp .custom-banner .above-cta-image
{
    display: block;
    left: 15%;
    position: absolute;
    top: 11%;
    width: 31%;
}
.hero-banner-light-lp .custom-banner .above-cta-rich-text
{
    bottom: 39%;
    left: 15%;
    position: absolute;
    width: 30%;
}
.hero-banner-light-lp .custom-banner .offerContainer
{
    border-left: 5px solid #fc6200;
    left: 15%;
    padding: 0 25px;
    position: absolute;
    top: 6vw;
    width: 35%;
}
@media(max-width: 1025px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner .offerContainer
    {
        border-left: 13px solid #fa6200;
        left: 0;
        padding: 0 15px;
        top: 24vw;
    }
}
@media(max-width: 840px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner .offerContainer
    {
        top: 36vw;
    }
}
@media(orientation: landscape) and (max-width: 550px)
{
    .hero-banner-light-lp .custom-banner .offerContainer
    {
        left: 15%;
        top: 5vw;
    }
}
@media(max-width: 544px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner .offerContainer
    {
        border-left: 13px solid #fc6200;
        left: 0;
        padding: 0 15px;
        top: 32vw;
        width: 70%;
    }
}
@media(max-width: 380px)
{
    .hero-banner-light-lp .custom-banner .offerContainer
    {
        top: 37vw;
    }
}
.hero-banner-light-lp .custom-banner .offerContainer .offer-type
{
    color: #fff;
    font-family: "888medium";
    font-size: 1.3vw;
    font-weight: 700;
    letter-spacing: 1.3px;
    margin: 5px 0 0;
}
@media(max-width: 1025px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner .offerContainer .offer-type
    {
        font-size: 1.6rem;
        margin-top: 0;
    }
}
@media(max-width: 820px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner .offerContainer .offer-type
    {
        margin-top: 15px;
    }
}
@media(max-width: 670px) and (orientation: landscape)
{
    .hero-banner-light-lp .custom-banner .offerContainer .offer-type
    {
        margin-top: 0;
    }
}
@media(orientation: portrait) and (max-width: 544px)
{
    .hero-banner-light-lp .custom-banner .offerContainer .offer-type
    {
        font-size: 1.6rem;
        margin: 0;
    }
}
.hero-banner-light-lp .custom-banner .offerContainer .offerPrice
{
    align-items: flex-end;
    display: flex;
    gap: 8px;
}
@media(max-width: 840px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner .offerContainer .offerPrice
    {
        gap: 0;
    }
}
.hero-banner-light-lp .custom-banner .offerContainer .offerPrice .offer-amount
{
    color: #fa6200;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 5vw;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1;
    margin: 0;
}
@media(orientation: portrait) and (max-width: 1025px)
{
    .hero-banner-light-lp .custom-banner .offerContainer .offerPrice .offer-amount
    {
        font-size: 10vw;
        letter-spacing: .9pt;
    }
}
@media(orientation: portrait) and (max-width: 544px)
{
    .hero-banner-light-lp .custom-banner .offerContainer .offerPrice .offer-amount
    {
        font-size: 10vw;
        letter-spacing: .9pt;
    }
}
.hero-banner-light-lp .custom-banner .offerContainer .offerPrice .offer-amount-text
{
    color: #e9e9e9;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 2.3vw;
    font-weight: 800;
    letter-spacing: -1px;
    line-height: 1;
    margin: 0;
    text-transform: uppercase;
    translate: 0 -8px;
}
@media(orientation: portrait) and (max-width: 1025px)
{
    .hero-banner-light-lp .custom-banner .offerContainer .offerPrice .offer-amount-text
    {
        font-size: 4vw;
        translate: 0 -2px;
    }
}
@media(orientation: portrait) and (max-width: 544px)
{
    .hero-banner-light-lp .custom-banner .offerContainer .offerPrice .offer-amount-text
    {
        font-size: 4vw;
        translate: 0 -2px;
    }
}
.hero-banner-light-lp .custom-banner .offerContainer .subtitle
{
    background-color: #141212;
    display: inline-block;
    padding: 5px 10px;
}
@media only screen and (max-width: 600px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner .offerContainer .subtitle
    {
        width: 65%;
    }
}
@media(max-width: 544px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner .offerContainer .subtitle
    {
        width: 105px;
    }
}
.hero-banner-light-lp .custom-banner .offerContainer .subtitle.deactivateCover
{
    background-color: transparent;
}
.hero-banner-light-lp .custom-banner .offerContainer .subtitle p
{
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 2.2vw;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1;
    margin: 0;
}
@media(max-width: 1025px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner .offerContainer .subtitle p
    {
        font-size: 1.8rem;
    }
}
@media(max-width: 544px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner .offerContainer .subtitle p
    {
        font-size: 1.8rem;
    }
}
.hero-banner-light-lp .custom-banner .offerContainer .offer-text
{
    color: #fff;
    font-family: "888medium";
    font-size: 1.28vw;
    font-weight: 800;
    letter-spacing: 1px;
    margin: 5px 0 9px;
    padding: 0 1.5px;
}
@media(max-width: 1025px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner .offerContainer .offer-text
    {
        font-size: 1.6rem;
        margin: 9px 0;
    }
}
@media(max-width: 670px) and (orientation: landscape)
{
    .hero-banner-light-lp .custom-banner .offerContainer .offer-text
    {
        margin: 0;
    }
}
@media(max-width: 544px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner .offerContainer .offer-text
    {
        font-size: 1.6rem;
        margin: 9px 0;
        width: 100%;
    }
}
@media(max-width: 430px)
{
    .hero-banner-light-lp .custom-banner .offerContainer .offer-text
    {
        width: 70%;
    }
}
.hero-banner-light-lp .custom-banner .cta-button-container
{
    bottom: 30%;
    height: 4.5vw;
    left: 15%;
    position: absolute;
}
@media screen and (orientation: landscape)
{
    .hero-banner-light-lp .custom-banner .cta-button-container.max-width-40
    {
        max-width: 40%;
    }
}
@media screen and (orientation: portrait) and (max-width: 566px)
{
    .hero-banner-light-lp .custom-banner .cta-button-container.mobile-dark-background
    {
        background-color: #121212;
    }
}
.hero-banner-light-lp .custom-banner .cta-button-container .cta-comp
{
    display: flex;
}
.hero-banner-light-lp .custom-banner .cta-button-container .cta-comp .cta-component
{
    align-items: center;
    display: flex;
    justify-content: start;
}
.hero-banner-light-lp .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size
{
    height: auto;
    width: 100%;
}
.hero-banner-light-lp .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size a
{
    align-items: center;
    border: .2vw solid #fce403;
    font-size: 1.6vw;
    min-width: 28vw;
    padding: 1.8rem 0;
}
@media(max-width: 1440px)
{
    .hero-banner-light-lp .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size a
    {
        padding: .9rem 0;
    }
}
.hero-banner-light-lp .custom-banner .cta-button-container .three-elements-container .cmp-three-elm .cmp-three-elm__step .cmp-three-elm__step-content .cmp-three-elm__step-title p
{
    font-size: 1.3vw;
    line-height: 1;
}
.hero-banner-light-lp .custom-banner .cta-button-container .three-elements-container.three-elements-vertical .cmp-three-elm
{
    flex-direction: column;
}
@media(max-width: 1025px) and (min-height: 1020px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-container.three-elements-vertical .cmp-three-elm
    {
        flex-direction: row;
    }
}
@media(max-width: 544px)
{
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-container.three-elements-vertical .cmp-three-elm
    {
        flex-direction: row;
    }
}
@media(max-width: 544px)
{
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-container.three-elements-vertical .cmp-three-elm:first-child
    {
        border-left: 3px solid #fa6200;
    }
}
@media(max-width: 544px)
{
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-container.three-elements-vertical .cmp-three-elm .cmp-three-elm__step
    {
        border-left: 3px solid #fa6200;
    }
}
.hero-banner-light-lp .custom-banner .cta-button-container .additional-images
{
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}
@media(max-width: 640px)
{
    .hero-banner-light-lp .custom-banner .cta-button-container .additional-images
    {
        margin-top: 0;
    }
}
.hero-banner-light-lp .custom-banner .cta-button-container .additional-images img
{
    max-height: 6vw;
    object-fit: contain;
    padding: 3% 3% 0;
    width: 28vw;
}
.hero-banner-light-lp .custom-banner .cta-button-container .additional-images img:hover
{
    cursor: pointer;
}
.hero-banner-light-lp .custom-banner .cta-button-container .cta-rte
{
    padding-top: 1rem;
    text-align: center;
    width: 28vw;
}
.hero-banner-light-lp .custom-banner .cta-button-container .cta-rte .text p
{
    font-size: .7vw;
}
.hero-banner-light-lp .custom-banner .cta-button-container .rte-threel
{
    display: flex;
    flex-direction: column-reverse;
}
.hero-banner-light-lp .custom-banner .cta-button-container .rte-threel .three-elements-container
{
    max-width: 70vw;
    padding-top: 1rem;
    width: 140%;
}
.hero-banner-light-lp .custom-banner .cta-button-container .rte-threel .rte-container
{
    padding-top: 2rem;
    width: 28vw;
}
@media(max-width: 1480px)
{
    .hero-banner-light-lp .custom-banner .cta-button-container .rte-threel .rte-container
    {
        padding-top: 1rem;
    }
}
@media(max-width: 544px)
{
    .hero-banner-light-lp .custom-banner .cta-button-container .rte-threel .rte-container
    {
        width: 92%;
    }
}
.hero-banner-light-lp .custom-banner .cta-button-container .rte-threel .rte-container .text p, .hero-banner-light-lp .custom-banner .cta-button-container .rte-threel .rte-container .text p a, .hero-banner-light-lp .custom-banner .cta-button-container .rte-threel .rte-container .text p a b
{
    font-family: "888ExtraCondensed",verdana,sans-serif;
    font-size: .65vw;
    line-height: 1.2;
}
@media(max-width: 1025px) and (min-height: 1020px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner .cta-button-container .rte-threel .rte-container .text p, .hero-banner-light-lp .custom-banner .cta-button-container .rte-threel .rte-container .text p a, .hero-banner-light-lp .custom-banner .cta-button-container .rte-threel .rte-container .text p a b
    {
        font-size: 2.1vw;
    }
}
@media(max-width: 560px) and (orientation: landscape)
{
    .hero-banner-light-lp .custom-banner .cta-button-container .rte-threel .rte-container .text p, .hero-banner-light-lp .custom-banner .cta-button-container .rte-threel .rte-container .text p a, .hero-banner-light-lp .custom-banner .cta-button-container .rte-threel .rte-container .text p a b
    {
        font-size: .65vw;
    }
}
@media(max-width: 544px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner .cta-button-container .rte-threel .rte-container .text p, .hero-banner-light-lp .custom-banner .cta-button-container .rte-threel .rte-container .text p a, .hero-banner-light-lp .custom-banner .cta-button-container .rte-threel .rte-container .text p a b
    {
        font-size: 1.1rem;
    }
}
.hero-banner-light-lp .custom-banner .cta-button-container .and-rich-text
{
    display: flex;
    flex-direction: row;
    gap: 10vw;
}
.hero-banner-light-lp .custom-banner .cta-button-container .and-rich-text .adim-rte-container
{
    padding-right: 3rem;
}
.hero-banner-light-lp .custom-banner .cta-button-container .and-rich-text .adim-rte-container .rich-text-component .text
{
    width: 76%;
}
.hero-banner-light-lp .custom-banner .cta-button-container .and-rich-text .adim-rte-container .rich-text-component .text p
{
    font-family: "888ExtraCondensed","888",sans-serif;
    font-size: .9vw;
    line-height: 1.1vw;
}
.hero-banner-light-lp .custom-banner.cta-offer
{
    height: auto;
}
.hero-banner-light-lp .custom-banner.cta-offer .cta-button-container
{
    bottom: 0;
    height: fit-content;
}
@media screen and (min-width: 911px) and (max-width: 1080px)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container
    {
        bottom: 5%;
    }
}
@media screen and (min-width: 911px) and (max-width: 1080px) and (orientation: landscape)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container
    {
        bottom: 10%;
    }
}
@media screen and (orientation: landscape)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container
    {
        bottom: 7%;
    }
}
@media screen and (orientation: landscape) and (min-width: 1300px)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container
    {
        bottom: 20%;
    }
}
@media screen and (orientation: landscape) and (max-width: 940px)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container
    {
        bottom: 22%;
    }
}
@media screen and (min-width: 640px) and (max-width: 768px) and (max-height: 740px) and (orientation: landscape)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container
    {
        bottom: 12%;
    }
}
@media screen and (min-width: 570px) and (max-width: 640px) and (max-height: 740px) and (orientation: landscape)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container
    {
        bottom: -30%;
    }
}
.hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.rte-threel)
{
    bottom: 30%;
}
@media(max-width: 1200px)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.rte-threel)
    {
        bottom: 25%;
    }
}
@media(max-width: 1025px)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.rte-threel)
    {
        bottom: 16%;
    }
}
@media(max-width: 1025px) and (min-height: 1025px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.rte-threel)
    {
        bottom: -8%;
    }
}
@media(max-width: 1025px) and (orientation: landscape)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.rte-threel)
    {
        bottom: 12%;
    }
}
@media(max-width: 820px)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.rte-threel)
    {
        bottom: 8%;
    }
}
@media(max-width: 820px) and (min-height: 820px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.rte-threel)
    {
        bottom: -12%;
    }
}
@media(max-width: 780px) and (min-height: 780px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.rte-threel)
    {
        bottom: -8%;
    }
}
@media(max-width: 560px) and (orientation: landscape)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.rte-threel)
    {
        bottom: 2%;
    }
}
@media(max-width: 390px)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.rte-threel)
    {
        bottom: 3%;
    }
}
@media(max-width: 330px)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.rte-threel)
    {
        bottom: 0;
    }
}
.hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.three-elements-vertical)
{
    bottom: 10%;
}
@media(max-width: 1380px) and (orientation: landscape)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.three-elements-vertical)
    {
        bottom: 4%;
    }
}
@media(max-width: 1025px)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.three-elements-vertical)
    {
        bottom: -4%;
    }
}
@media(max-width: 1025px) and (min-height: 1025px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.three-elements-vertical)
    {
        bottom: -14%;
    }
}
@media(max-width: 860px) and (orientation: landscape)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.three-elements-vertical)
    {
        bottom: -10%;
    }
}
@media(max-width: 820px)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.three-elements-vertical)
    {
        bottom: -8%;
    }
}
@media(max-width: 820px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.three-elements-vertical)
    {
        bottom: -8%;
    }
}
@media(max-width: 820px) and (min-height: 1020px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.three-elements-vertical)
    {
        bottom: -18%;
    }
}
@media(max-width: 780px) and (min-height: 1020px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.three-elements-vertical)
    {
        bottom: -20%;
    }
}
@media(max-width: 670px) and (orientation: landscape)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.three-elements-vertical)
    {
        bottom: -10%;
    }
}
@media(max-width: 570px) and (orientation: landscape)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.three-elements-vertical)
    {
        bottom: 10%;
    }
}
@media(max-width: 544px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.three-elements-vertical)
    {
        bottom: 4%;
    }
}
@media(max-width: 390px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.three-elements-vertical)
    {
        bottom: -4%;
    }
}
@media(max-width: 1025px)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.three-elements-vertical) .rte-container
    {
        padding-top: 1rem;
    }
}
@media(max-width: 1025px) and (min-height: 1025px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.three-elements-vertical) .cta-comp .cta-component .cta-template.cta-wide-size
    {
        padding: 1rem 3rem;
    }
}
@media(max-width: 820px) and (min-height: 1020px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.three-elements-vertical) .cta-comp .cta-component .cta-template.cta-wide-size
    {
        padding: 1rem 0;
    }
}
@media(max-width: 544px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.three-elements-vertical) .cta-comp .cta-component .cta-template.cta-wide-size
    {
        padding: 1rem 0;
    }
}
@media(max-width: 1025px)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.three-elements-vertical) .three-elements-container
    {
        z-index: 1;
    }
}
@media(max-width: 1025px) and (min-height: 1020px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.three-elements-vertical) .three-elements-container
    {
        order: 1;
        padding: 3% 0;
    }
}
@media(max-width: 544px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.three-elements-vertical) .three-elements-container
    {
        order: 1;
        padding: 3% 0;
    }
}
.hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.three-elements-vertical) .cmp-three-elm__step
{
    border-width: 5px;
    max-width: 60%;
    width: 45%;
}
@media screen and (orientation: landscape) and (max-width: 670px) and (max-height: 400px)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.three-elements-vertical) .cmp-three-elm__step
    {
        width: 100%;
    }
}
.hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.three-elements-vertical) .cmp-three-elm__step .cmp-three-elm__step-no
{
    font-family: "888demibold",verdana,sans-serif!important;
}
.hero-banner-light-lp .custom-banner.cta-offer .cta-button-container:has(.three-elements-vertical) .cmp-three-elm__step .cmp-three-elm__step-title p
{
    font-family: "888bold",verdana,sans-serif;
}
.hero-banner-light-lp .custom-banner.cta-offer .cta-button-container .rte-threel .rte-container
{
    width: 28vw;
}
@media(max-width: 1025px) and (min-height: 1020px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container .rte-threel .rte-container
    {
        width: 95%;
    }
}
@media(max-width: 560px) and (orientation: landscape)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container .rte-threel .rte-container
    {
        width: 28vw;
    }
}
@media(max-width: 544px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container .rte-threel .rte-container
    {
        width: 100%;
    }
}
.hero-banner-light-lp .custom-banner.cta-offer .cta-button-container .rte-threel .rte-container .text p, .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container .rte-threel .rte-container .text p a, .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container .rte-threel .rte-container .text p a b
{
    font-family: "888ExtraCondensed",verdana,sans-serif;
    font-size: .65vw;
    line-height: 1.2;
}
@media(max-width: 1025px) and (min-height: 1020px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container .rte-threel .rte-container .text p, .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container .rte-threel .rte-container .text p a, .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container .rte-threel .rte-container .text p a b
    {
        font-size: 2.1vw;
    }
}
@media(max-width: 560px) and (orientation: landscape)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container .rte-threel .rte-container .text p, .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container .rte-threel .rte-container .text p a, .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container .rte-threel .rte-container .text p a b
    {
        font-size: .65vw;
    }
}
@media(max-width: 544px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container .rte-threel .rte-container .text p, .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container .rte-threel .rte-container .text p a, .hero-banner-light-lp .custom-banner.cta-offer .cta-button-container .rte-threel .rte-container .text p a b
    {
        font-size: 1.1rem;
    }
    .hero-banner-light-lp .custom-banner.cta-offer
    {
        height: 150vw;
    }
}
@media(max-width: 1100px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner
    {
        background-color: #121212;
    }
}
@media(max-width: 605px)
{
    .hero-banner-light-lp .custom-banner
    {
        background-color: #121212;
    }
}
@media(max-width: 1080px) and (orientation: portrait)
{
    .hero-banner-light-lp
    {
        height: 165vw;
    }
    .hero-banner-light-lp .custom-banner
    {
        padding-top: 116.1111111111%;
    }
    .hero-banner-light-lp .custom-banner .above-cta-image
    {
        display: none;
    }
    .hero-banner-light-lp .custom-banner .above-cta-rich-text
    {
        bottom: 16%;
        left: 5%;
        width: 45%;
    }
    .hero-banner-light-lp .custom-banner .above-cta-rich-text, .hero-banner-light-lp .custom-banner .and-rich-text .adim-rte-container
    {
        width: 80%;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container
    {
        bottom: 0;
        display: flex;
        flex-direction: column;
        height: 7.5vw;
        left: 0;
        position: absolute;
        width: 100%;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .cta-comp
    {
        display: block;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size
    {
        padding: 1rem;
        width: 100%;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size a
    {
        aspect-ratio: 60/9;
        font-size: 4vw;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-container
    {
        margin: auto;
        width: 90%;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-container .cmp-three-elm .cmp-three-elm__step .cmp-three-elm__step-no
    {
        font-size: 8vw;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-container .cmp-three-elm .cmp-three-elm__step .cmp-three-elm__step-content .cmp-three-elm__step-title p
    {
        font-size: 2.4vw;
        line-height: 2vw;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-container .cmp-three-elm .cmp-three-elm__step .cmp-three-elm__step-content .cmp-three-elm__step-text p
    {
        font-size: 1.8vw;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-container.three-elements-vertical .cmp-three-elm .cmp-three-elm__step .cmp-three-elm__step-no
    {
        font-size: 3rem;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-container.three-elements-vertical .cmp-three-elm .cmp-three-elm__step .cmp-three-elm__step-content .cmp-three-elm__step-title p
    {
        font-size: 1.1rem;
        line-height: 1.2;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-container.three-elements-vertical .cmp-three-elm .cmp-three-elm__step .cmp-three-elm__step-content .cmp-three-elm__step-text p
    {
        font-size: 1rem;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .cta-rte
    {
        padding-top: 1rem;
        text-align: center;
        width: 100%;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .cta-rte .text p
    {
        font-size: 1.7vw;
        padding: .5rem 2rem;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .additional-images img
    {
        max-height: 15vw;
        padding: 0;
        width: 75vw;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .rte-threel
    {
        align-items: center;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .rte-threel .rte-container
    {
        padding-top: 1vw;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .rte-threel .rte-container .text p, .hero-banner-light-lp .custom-banner .cta-button-container .rte-threel .rte-container .text p a, .hero-banner-light-lp .custom-banner .cta-button-container .rte-threel .rte-container .text p a b
    {
        font-size: 1.7vw;
    }
}
@media(max-width: 1080px) and (orientation: portrait) and (max-width: 544px)
{
    .hero-banner-light-lp .custom-banner .cta-button-container .rte-threel .rte-container .text p, .hero-banner-light-lp .custom-banner .cta-button-container .rte-threel .rte-container .text p a, .hero-banner-light-lp .custom-banner .cta-button-container .rte-threel .rte-container .text p a b
    {
        font-size: 1.1rem;
    }
}
@media(max-width: 1080px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner .cta-button-container .and-rich-text
    {
        flex-direction: column;
        gap: 0;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .and-rich-text .adim-rte-container
    {
        display: flex;
        margin: auto;
        padding: 0 2rem;
        width: 100%;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .and-rich-text .adim-rte-container .rich-text-component .text
    {
        width: 78%;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .and-rich-text .adim-rte-container .rich-text-component .text p
    {
        font-family: "888ExtraCondensed","888",sans-serif;
        font-size: .9vw!important;
        line-height: 1.1vw!important;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .and-rich-text .rich-text-component .text p
    {
        font-size: 1.5vw!important;
        line-height: 1.8vw!important;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size
    {
        padding: 1rem 3rem;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size a
    {
        aspect-ratio: 75/9;
        font-size: 4vw;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .and-rich-text .adim-rte-container .rich-text-component .text
    {
        width: 100%;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .and-rich-text .adim-rte-container .rich-text-component .text p
    {
        font-size: 2.1vw!important;
        line-height: 2.3vw!important;
    }
}
@media(max-width: 1025px) and (min-height: 1020px) and (orientation: portrait)
{
    .hero-banner-light-lp
    {
        height: 140vw;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-container.three-elements-vertical .cmp-three-elm .cmp-three-elm__step .cmp-three-elm__step-no
    {
        font-size: 7.6vw;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-container.three-elements-vertical .cmp-three-elm .cmp-three-elm__step .cmp-three-elm__step-content .cmp-three-elm__step-title p
    {
        font-size: 2.3vw;
        line-height: 1.2;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-container.three-elements-vertical .cmp-three-elm .cmp-three-elm__step .cmp-three-elm__step-content .cmp-three-elm__step-text p
    {
        font-size: 2.3vw;
    }
}
@media(max-width: 820px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size
    {
        padding: 1rem 3rem;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size a
    {
        aspect-ratio: 65/9;
        font-size: 4vw;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container:has(.three-elements-container) .cta-comp .cta-component .cta-wide-size
    {
        padding: 1rem 0;
    }
}
@media(max-width: 544px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-container .cmp-three-elm .cmp-three-elm__step .cmp-three-elm__step-no
    {
        font-size: 3rem;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-container .cmp-three-elm .cmp-three-elm__step .cmp-three-elm__step-content .cmp-three-elm__step-title p
    {
        font-size: 1.1rem;
        line-height: 1.2;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-container .cmp-three-elm .cmp-three-elm__step .cmp-three-elm__step-content .cmp-three-elm__step-text p
    {
        font-size: 1rem;
    }
}
@media(max-width: 576px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size
    {
        padding: 1rem;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size a
    {
        aspect-ratio: 60/9;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container:has(.three-elements-container) .cta-comp .cta-component .cta-wide-size
    {
        padding: 1rem;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container:has(.three-elements-container) .cta-comp .cta-component .cta-wide-size a
    {
        aspect-ratio: 60/9;
    }
    .hero-banner-light-lp .custom-banner.cta-offer:has(.three-elements-container) .cta-comp .cta-component .cta-wide-size
    {
        padding: 1rem 0;
    }
    .hero-banner-light-lp .custom-banner.cta-offer:has(.three-elements-container) .cta-comp .cta-component .cta-wide-size a
    {
        aspect-ratio: 60/9;
    }
}
@media(max-width: 820px)
{
    .hero-banner-light-lp .custom-banner .cta-button-container .and-rich-text .adim-rte-container .rich-text-component .text
    {
        width: 80%;
    }
}
@media(max-width: 820px) and (orientation: portrait)
{
    .hero-banner-light-lp .custom-banner .cta-button-container .and-rich-text .adim-rte-container .rich-text-component .text
    {
        width: 100%;
    }
}
@media screen and (orientation: portrait) and (max-width: 640px)
{
    .hero-banner-light-lp .custom-banner .cta-button-container .and-rich-text .adim-rte-container .rich-text-component .text
    {
        width: 100%;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .and-rich-text .adim-rte-container .rich-text-component .text p
    {
        font-family: "888ExtraCondensed","888",sans-serif;
        font-size: 1.1rem!important;
        line-height: 3.8vw!important;
    }
}
@media screen and (orientation: portrait) and (max-width: 400px)
{
    .hero-banner-light-lp
    {
        height: 170vw;
    }
}
@media screen and (orientation: portrait) and (max-width: 340px)
{
    .hero-banner-light-lp
    {
        height: 175vw;
    }
}
@media screen and (orientation: landscape) and (min-width: 500px) and (max-width: 1080px) and (hover: none)
{
    .hero-banner-light-lp
    {
        height: auto;
    }
    .hero-banner-light-lp .custom-banner
    {
        background-repeat: no-repeat;
        background-size: contain;
        bottom: 0;
        left: 0;
        padding-top: calc(42.1875% + 5vw);
        position: relative;
        right: 0;
        top: 0;
    }
    .hero-banner-light-lp .custom-banner .above-cta-image
    {
        display: block;
        left: 15%;
        position: absolute;
        top: 12%;
        width: 31%;
    }
    .hero-banner-light-lp .custom-banner .above-cta-rich-text
    {
        bottom: 39%;
        left: 15%;
        position: absolute;
        width: 30%;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container
    {
        bottom: 27%;
        height: 4.5vw;
        left: 15%;
        position: absolute;
        width: auto;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .cta-comp
    {
        display: flex;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .cta-comp .cta-component
    {
        align-items: center;
        display: flex;
        justify-content: start;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size
    {
        height: auto;
        padding: 0;
        width: 100%;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size a
    {
        align-items: center;
        font-size: 1.6vw;
        min-width: 28vw;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-container
    {
        margin: 0;
        width: 100%;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-container .cmp-three-elm .cmp-three-elm__step .cmp-three-elm__step-no
    {
        font-size: 5vw;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-container .cmp-three-elm .cmp-three-elm__step .cmp-three-elm__step-content .cmp-three-elm__step-title p
    {
        font-size: 2vw;
        line-height: 2vw;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-container .cmp-three-elm .cmp-three-elm__step .cmp-three-elm__step-content .cmp-three-elm__step-text p
    {
        font-size: 1.5vw;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-vertical .cmp-three-elm .cmp-three-elm__step .cmp-three-elm__step-no
    {
        font-size: 3.6vw;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-vertical .cmp-three-elm .cmp-three-elm__step .cmp-three-elm__step-content .cmp-three-elm__step-title p
    {
        font-size: 1.3vw;
        line-height: 1.3vw;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-vertical .cmp-three-elm .cmp-three-elm__step .cmp-three-elm__step-content .cmp-three-elm__step-text p
    {
        font-size: 1vw;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .additional-images
    {
        display: flex;
        justify-content: center;
        margin-top: 1rem;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .additional-images img
    {
        max-height: 5vw;
        object-fit: contain;
        padding: 0;
        width: 28vw;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .cta-rte
    {
        padding-top: 1rem;
        text-align: center;
        width: 28vw;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .cta-rte .text p
    {
        font-size: .7vw;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .rte-threel
    {
        align-items: start;
        display: flex;
        flex-direction: column-reverse;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .rte-threel .three-elements-container
    {
        max-width: 78vw;
        padding-top: 1rem;
        width: 140%;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .rte-threel .rte-container
    {
        padding-top: 2rem;
        width: 90%;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .rte-threel .rte-container .text p
    {
        font-size: .7vw;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .and-rich-text
    {
        display: flex;
        flex-direction: row;
        gap: 10vw;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .and-rich-text .adim-rte-container
    {
        max-width: 47vw;
        padding: 0 3rem 0 0;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .and-rich-text .adim-rte-container .rich-text-component .text p
    {
        font-size: 1vw;
        line-height: 1.5vw;
    }
}
@media screen and (orientation: landscape) and (min-width: 500px) and (max-width: 1080px) and (max-height: 400px)
{
    .hero-banner-light-lp
    {
        height: auto;
    }
    .hero-banner-light-lp .custom-banner
    {
        background-repeat: no-repeat;
        background-size: contain;
        bottom: 0;
        left: 0;
        padding-top: calc(42.1875% + 5vw);
        position: relative;
        right: 0;
        top: 0;
    }
    .hero-banner-light-lp .custom-banner .above-cta-image
    {
        display: block;
        left: 15%;
        position: absolute;
        top: 12%;
        width: 31%;
    }
    .hero-banner-light-lp .custom-banner .above-cta-rich-text
    {
        bottom: 39%;
        left: 15%;
        position: absolute;
        width: 30%;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container
    {
        bottom: 27%;
        height: 4.5vw;
        left: 15%;
        position: absolute;
        width: auto;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .cta-comp
    {
        display: flex;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .cta-comp .cta-component
    {
        align-items: center;
        display: flex;
        justify-content: start;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size
    {
        height: auto;
        padding: 0;
        width: 100%;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .cta-comp .cta-component .cta-wide-size a
    {
        align-items: center;
        font-size: 1.6vw;
        min-width: 28vw;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-container
    {
        margin: 0;
        width: 100%;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-container .cmp-three-elm .cmp-three-elm__step .cmp-three-elm__step-no
    {
        font-size: 5vw;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-container .cmp-three-elm .cmp-three-elm__step .cmp-three-elm__step-content .cmp-three-elm__step-title p
    {
        font-size: 2vw;
        line-height: 2vw;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-container .cmp-three-elm .cmp-three-elm__step .cmp-three-elm__step-content .cmp-three-elm__step-text p
    {
        font-size: 1.5vw;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .additional-images
    {
        display: flex;
        justify-content: center;
        margin-top: 1rem;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .additional-images img
    {
        max-height: 5vw;
        object-fit: contain;
        padding: 0;
        width: 28vw;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .cta-rte
    {
        padding-top: 1rem;
        text-align: center;
        width: 28vw;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .cta-rte .text p
    {
        font-size: .7vw;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .rte-threel
    {
        align-items: start;
        display: flex;
        flex-direction: column-reverse;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .rte-threel .three-elements-container
    {
        max-width: 78vw;
        padding-top: 1rem;
        width: 140%;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .rte-threel .rte-container
    {
        padding-top: 2rem;
        width: 90%;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .rte-threel .rte-container .text p
    {
        font-size: .7vw;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .and-rich-text
    {
        display: flex;
        flex-direction: row;
        gap: 10vw;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .and-rich-text .adim-rte-container
    {
        max-width: 47vw;
        padding: 0 3rem 0 0;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .and-rich-text .adim-rte-container .rich-text-component .text p
    {
        font-size: 1vw;
        line-height: 1.5vw;
    }
}
@media screen and (orientation: landscape) and (max-width: 670px) and (max-height: 400px)
{
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-container.three-elements-vertical
    {
        padding-top: 0;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-container.three-elements-vertical .cmp-three-elm .cmp-three-elm__step .cmp-three-elm__step-no
    {
        font-size: 3rem;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-container.three-elements-vertical .cmp-three-elm .cmp-three-elm__step .cmp-three-elm__step-content .cmp-three-elm__step-title p
    {
        font-size: 1.1rem;
        line-height: 1.2;
    }
    .hero-banner-light-lp .custom-banner .cta-button-container .three-elements-container.three-elements-vertical .cmp-three-elm .cmp-three-elm__step .cmp-three-elm__step-content .cmp-three-elm__step-text p
    {
        font-size: 1rem;
    }
}
@media(max-width: 40rem)
{
    .hero-banner-light-lp .custom-banner .above-cta-rich-text
    {
        width: 80%;
    }
}
@media(max-width: 544px) and (orientation: portrait)
{
    .hero-banner-light-lp
    {
        height: 150vw;
    }
}
@media(max-width: 390px) and (orientation: portrait)
{
    .hero-banner-light-lp
    {
        height: 167vw;
    }
}
@media(max-width: 910px) and (orientation: portrait)
{
    .custom-banner .offerContainer
    {
        border-left: 2vw solid #fc6200;
        bottom: unset;
        left: 0;
        padding: .2rem 1.5rem;
        top: 32vw;
        width: 100%;
    }
    .custom-banner .offerContainer .offer-type
    {
        font-size: 4vw;
    }
    .custom-banner .offerContainer .offerPrice .offer-amount
    {
        font-size: 14vw;
        letter-spacing: .9pt;
    }
    .custom-banner .offerContainer .offerPrice .offer-amount-text
    {
        font-size: 25px;
    }
    .custom-banner .offerContainer .subtitle.deactivateCover
    {
        background-color: transparent;
    }
    .custom-banner .offerContainer .subtitle.deactivateCover p
    {
        color: #fff!important;
    }
    .custom-banner .offerContainer .subtitle p
    {
        color: #000;
        font-size: 25px;
    }
    .custom-banner.cta-offer
    {
        height: auto;
    }
    .custom-banner.cta-offer .cta-button-container
    {
        height: fit-content;
        padding: 0 3vw;
    }
    .custom-banner.cta-offer .cta-button-container .three-elements-container
    {
        margin: unset;
        max-width: unset;
        width: 100%;
    }
    .custom-banner.cta-offer .cta-button-container .rte-threel
    {
        align-items: flex-start;
    }
    .custom-banner.cta-offer .cta-button-container .rte-threel .rte-container
    {
        width: 95%;
    }
    .custom-banner.cta-offer .cta-button-container .rte-threel .rte-container .text p
    {
        font-size: 2.1vw;
    }
}
@media(max-width: 499px)
{
    .custom-banner .offerContainer .offer-type
    {
        margin-top: 0;
    }
    .custom-banner .offerContainer .subtitle
    {
        width: 60%;
    }
    .custom-banner .offerContainer .subtitle p
    {
        font-size: 4.5vw;
    }
}
@media(max-width: 499px) and (orientation: portrait)
{
    .custom-banner .offerContainer .subtitle p
    {
        font-size: 6vw;
    }
}
@media(max-width: 499px)
{
    .custom-banner .offerContainer .offer-text
    {
        margin-bottom: 0;
    }
}
.hero-banner-three-steps-lp
{
    background-color: #000!important;
}
@media(max-width: 1081px)
{
    .hero-banner-three-steps-lp
    {
        background-color: #fff!important;
    }
}
.hero-banner-three-steps-lp .side-offer
{
    background-color: transparent;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    height: 100%;
    margin: auto;
    max-width: 980px;
    min-height: 600px;
    overflow: hidden;
    padding-top: 85px;
    position: relative;
    text-align: center;
    vertical-align: baseline;
    width: 100%;
}
@media(max-width: 1079px)
{
    .hero-banner-three-steps-lp .side-offer
    {
        background: linear-gradient(180deg,#f56300 15%,transparent 0);
    }
}
@media(max-width: 820px)or(orientation:landscape){.hero-banner-three-steps-lp .side-offer{padding-top:60px}
}
.hero-banner-three-steps-lp .side-offer .banner-disclaimer
{
    background-color: #f56300;
    padding: 0 1rem .5rem;
    text-align: start;
}
@media(min-width: 1080px)
{
    .hero-banner-three-steps-lp .side-offer .banner-disclaimer
    {
        display: none;
    }
}
.hero-banner-three-steps-lp .side-offer .banner-disclaimer p
{
    color: #fcccac!important;
    font-family: "888-SemiCondensed","888",Verdana,Geneva,sans-serif;
    font-size: 1.1rem;
    line-height: 1.2rem;
}
.hero-banner-three-steps-lp .side-offer .banner-disclaimer p span
{
    color: #fcccac!important;
}
.hero-banner-three-steps-lp .side-offer .banner-disclaimer p a
{
    color: #7a3300!important;
}
.hero-banner-three-steps-lp .side-offer .side-offer-inner
{
    align-items: end;
    display: flex;
    justify-content: center;
    margin: 0 auto 0 0;
    text-align: center;
    vertical-align: baseline;
    width: 100%;
}
@media(min-width: 1080px)
{
    .hero-banner-three-steps-lp .side-offer .side-offer-inner
    {
        display: block;
        width: 64%;
    }
}
.hero-banner-three-steps-lp .side-offer .side-offer-inner .main-offer
{
    border: 0;
    color: #fff;
    font: inherit;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: baseline;
}
.hero-banner-three-steps-lp .side-offer .side-offer-inner .main-offer .image-main-offer-image
{
    display: none;
}
@media(min-width: 1080px)
{
    .hero-banner-three-steps-lp .side-offer .side-offer-inner .main-offer .image-main-offer-image
    {
        display: block;
        padding-top: 1rem;
    }
}
.hero-banner-three-steps-lp .side-offer .side-offer-inner .main-offer .rich-text-main-offer
{
    left: 50%;
    padding-top: 20rem;
    position: absolute;
    text-align: center;
    top: 13%;
    transform: translate(-50%,-50%);
    width: 100%;
}
@media(min-width: 1080px)
{
    .hero-banner-three-steps-lp .side-offer .side-offer-inner .main-offer .rich-text-main-offer
    {
        left: unset;
        padding-top: unset;
        position: relative;
        text-align: justify;
        top: 5rem;
        transform: unset;
    }
}
.hero-banner-three-steps-lp .side-offer .side-offer-inner .main-offer .rich-text-main-offer p
{
    font-family: defaultRegular,Arial,sans-serif;
    font-weight: 400;
    line-height: normal;
}
.hero-banner-three-steps-lp .side-offer .side-offer-inner .main-offer .rich-text-main-offer span.text-shadow
{
    text-shadow: #fff 1px 1px 0,2px 2px 0 #4c1723,2px -2px 0 #4c1723,-2px 2px 0 #4c1723,-2px -2px 0 #4c1723,2px 0 0 #4c1723,0 2px 0 #4c1723,-2px 0 0 #4c1723,0 -2px 0 #4c1723,1px 0 1px #4c1723,0 1px 1px #4c1723,2px 1px 1px #4c1723,1px 2px 1px #4c1723,3px 2px 1px #4c1723,2px 3px 1px #4c1723,4px 3px 1px #4c1723,3px 4px 1px #4c1723,5px 4px 1px #4c1723,4px 5px 1px #4c1723,6px 5px 1px #4c1723,5px 6px 1px #4c1723,7px 6px 1px #4c1723,2px 2px 2px rgba(255,190,11,0);
}
.hero-banner-three-steps-lp .side-offer .side-offer-inner .main-offer .rich-text-main-offer span.m-text-rich-text
{
    font-size: 1.6rem;
    font-weight: 400;
}
@media(max-width: 1480px)
{
    .hero-banner-three-steps-lp .side-offer .side-offer-inner .main-offer .rich-text-main-offer span.m-text-rich-text
    {
        font-size: 2.1rem;
    }
}
@media(max-width: 419px)
{
    .hero-banner-three-steps-lp .side-offer .side-offer-inner .main-offer .rich-text-main-offer span.m-text-rich-text
    {
        font-size: 1.5rem;
    }
}
.hero-banner-three-steps-lp .side-offer .side-offer-inner .main-offer .rich-text-main-offer span.l-text-rich-text
{
    font-size: 3.3rem;
    font-weight: 400;
}
@media(max-width: 1480px)
{
    .hero-banner-three-steps-lp .side-offer .side-offer-inner .main-offer .rich-text-main-offer span.l-text-rich-text
    {
        font-size: 2.8rem;
    }
}
@media(max-width: 419px)
{
    .hero-banner-three-steps-lp .side-offer .side-offer-inner .main-offer .rich-text-main-offer span.l-text-rich-text
    {
        font-size: 1.9rem;
    }
}
.hero-banner-three-steps-lp .side-offer .side-offer-inner .main-offer .rich-text-main-offer span.xl-text-rich-text
{
    font-size: 3.8rem;
    font-weight: 900;
}
@media(max-width: 1480px)
{
    .hero-banner-three-steps-lp .side-offer .side-offer-inner .main-offer .rich-text-main-offer span.xl-text-rich-text
    {
        font-size: 3.4rem;
    }
}
@media(max-width: 419px)
{
    .hero-banner-three-steps-lp .side-offer .side-offer-inner .main-offer .rich-text-main-offer span.xl-text-rich-text
    {
        font-size: 3rem;
    }
}
.hero-banner-three-steps-lp .side-offer .side-offer-inner .main-offer .rich-text-main-offer span.xxl-text-rich-text
{
    font-size: 4.5rem;
    font-weight: 900;
}
@media(max-width: 1480px)
{
    .hero-banner-three-steps-lp .side-offer .side-offer-inner .main-offer .rich-text-main-offer span.xxl-text-rich-text
    {
        font-size: 4rem;
    }
}
@media(max-width: 419px)
{
    .hero-banner-three-steps-lp .side-offer .side-offer-inner .main-offer .rich-text-main-offer span.xxl-text-rich-text
    {
        font-size: 3.5rem;
    }
}
.hero-banner-three-steps-lp .side-offer .side-offer-inner .under-main-offer
{
    display: flex;
    justify-content: center;
    min-width: 30rem;
    position: relative;
    width: 60%;
}
@media(min-width: 1080px)
{
    .hero-banner-three-steps-lp .side-offer .side-offer-inner .under-main-offer
    {
        align-items: center;
        bottom: 5rem;
        width: 80%;
    }
    .hero-banner-three-steps-lp .side-offer .side-offer-inner .under-main-offer .logo-link
    {
        display: flex;
    }
}
.hero-banner-three-steps-lp .side-offer .side-offer-inner .under-main-offer .logos
{
    flex: 0 0 50%;
}
.hero-banner-three-steps-lp .side-offer .side-offer-inner .under-main-offer img
{
    height: auto;
    margin-top: 1.5rem;
    object-fit: contain;
    width: 200%;
}
@media(min-width: 1080px)
{
    .hero-banner-three-steps-lp .side-offer .side-offer-inner .under-main-offer img
    {
        margin-top: unset;
        width: 180%;
    }
}
.hero-banner-three-steps-lp .side-offer .side-offer-inner .under-main-offer .cta-component
{
    flex: 0 0 50%;
    padding: 2rem 0;
}
.hero-banner-three-steps-lp .side-offer .mobile-image
{
    display: block;
}
@media(min-width: 1080px)
{
    .hero-banner-three-steps-lp .side-offer .mobile-image
    {
        display: none;
    }
}
.hero-banner-three-steps-lp .side-offer .mobile-image picture img
{
    height: auto;
    width: 100%;
}
@media(min-width: 1080px)
{
    .hero-banner-three-steps-lp .three-elements-wrapper
    {
        align-content: center;
        background: linear-gradient(180deg,rgba(0,0,0,.7) 0,#000 70%);
        bottom: 29vh;
        padding: 1rem 0 0;
        position: relative;
        width: 100%;
    }
}
.hero-banner-three-steps-lp .three-elements-wrapper .three-elements-disclaimer
{
    margin: 0 auto;
    max-width: 750pt;
    padding: 0 0 1rem;
}
@media(max-width: 1080px)
{
    .hero-banner-three-steps-lp .three-elements-wrapper .three-elements-disclaimer
    {
        display: none;
    }
}
.hero-banner-three-steps-lp .three-elements-wrapper .three-elements-disclaimer p
{
    font-family: "888-SemiCondensed","888",Verdana,Geneva,sans-serif;
    font-size: 1.2rem;
    line-height: normal;
}
.root:has(.header-taboola-lp .three-steps-lp.additional-img-header) .hero-banner-three-steps-lp .side-offer .banner-disclaimer
{
    padding: 2rem 1rem .5rem;
}
.root:has(.hero-banner-three-steps-lp~.container .container-wrapper.one-col-desktop-sport .cmp-container) .container .container-wrapper.one-col-desktop-sport .cmp-container
{
    max-width: 105rem;
    padding: 0 2rem 4rem;
}
.root:has(.hero-banner-three-steps-lp~.container .container-wrapper.one-col-desktop-sport .cmp-container) .rich-text-component .text h2, .root:has(.hero-banner-three-steps-lp~.container .container-wrapper.one-col-desktop-sport .cmp-container) .rich-text-component .text h3
{
    font-family: "888",verdana,sans-serif;
    padding-bottom: 1rem;
}
.root:has(.hero-banner-three-steps-lp~.container .container-wrapper.one-col-desktop-sport .cmp-container) .rich-text-component .text ul
{
    margin-bottom: 1rem;
}
.root:has(.hero-banner-three-steps-lp~.container .container-wrapper.one-col-desktop-sport .cmp-container) .rich-text-component .text ul li
{
    line-height: normal;
    margin-bottom: 0;
}
.root:has(.hero-banner-three-steps-lp~.container .container-wrapper.one-col-desktop-sport .cmp-container) .rich-text-component .text ul li:before
{
    color: #797979;
}
.root:has(.hero-banner-three-steps-lp~.container.responsivegrid .container-wrapper.one-col-desktop-sport) .container .responsivegrid
{
    background-color: #000;
}
.image-component
{
    margin: 0 auto;
}
.image-component.img-680
{
    max-width: 68rem;
}
.image-component img
{
    height: auto;
    width: 100%;
}
.image-component .image-round img, .image-component img
{
    display: block;
    transition: all;
    transition-duration: .3s;
    transition-timing-function: ease-out;
}
.image-component .image-round img
{
    clip-path: circle();
    margin: auto;
    object-fit: cover;
}
.image-component .image-round-border
{
    clip-path: circle();
    padding: .4rem;
}
.image-component .image-container
{
    position: relative;
}
.image-component .image-container.modal-enabled:before
{
    background-color: transparent;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: .2;
    position: absolute;
    right: 0;
    top: 0;
    transition: all;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    width: 100%;
    z-index: 1;
}
.image-component .image-container.modal-enabled:hover:before
{
    background: #000;
    cursor: pointer;
}
.image-component .image-caption
{
    background-color: #f7f7f7;
    color: #a3a3a3;
    font-style: italic;
    padding: .8rem;
}
.image-component .modal
{
    background: 0 0;
    cursor: zoom-out;
    height: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    transition: background .3s ease-out;
    width: 100vw;
    z-index: 1000;
}
.image-component .modal .modal-dialog
{
    align-items: center;
    display: flex;
    height: 100%;
    width: 100%;
}
.image-component .modal .modal-dialog .modal-content
{
    height: 0;
    margin: auto;
    max-width: 80%;
    opacity: 0;
    position: relative;
    transition: opacity .2s ease-out;
    width: fit-content;
}
.image-component .modal .modal-dialog .modal-content .modal-image
{
    height: 0;
    margin: auto;
}
.image-component .modal .modal-dialog .modal-content .button-close
{
    background-color: #fc6200;
    border: 0;
    border-radius: 50%;
    color: #fff;
    cursor: zoom-out;
    font-size: 2.8rem;
    height: 0;
    line-height: 4.2rem;
    position: absolute;
    right: -2.2rem;
    top: -2.2rem;
    width: 4.2rem;
    z-index: 1002;
}
.image-component .modal.reveal
{
    background: rgba(0,0,0,.8);
}
.image-component .modal.reveal .modal-dialog .modal-content
{
    opacity: 1;
}
.image-component.img-10
{
    max-width: 10%;
}
.image-component.img-20
{
    max-width: 20%;
}
.image-component.img-30
{
    max-width: 30%;
}
.image-component.img-40
{
    max-width: 40%;
}
.image-component.img-50
{
    max-width: 50%;
}
.image-component.img-60
{
    max-width: 60%;
}
.image-component.img-70
{
    max-width: 70%;
}
.image-component.img-80
{
    max-width: 80%;
}
.image-component.img-90
{
    max-width: 90%;
}
.image-component.img-100
{
    max-width: 100%;
}
@media(max-width: 639px)
{
    .image-component.banner-img .image-container
    {
        height: 22vh;
    }
    .image-component.banner-img .image-container img
    {
        height: 100%;
        object-fit: cover;
    }
}
.image-box-shadow, .image-component .modal .modal-dialog .modal-content .button-close, .image-component .modal .modal-dialog .modal-content .modal-image
{
    box-shadow: 0 0 1.6rem #000;
}
.image-frame
{
    background-color: #bc3555;
    border: 2px solid #230e1a;
    border-radius: 5px;
    padding: 1px;
}
.grid-component .image-component .image-container
{
    margin: 0;
}
.resp-boxes
{
    margin-bottom: 2em;
    position: relative;
    width: 100%;
}
@media(min-width: 1280px) and (max-width: 1440px)
{
    .resp-boxes
    {
        width: 90%;
    }
}
.resp-boxes .grid-elements
{
    grid-gap: 2rem;
    display: grid;
    grid-template-columns: repeat(1,1fr);
}
@media(max-width: 1440px)
{
    .resp-boxes .grid-elements
    {
        padding: 0 .9375em;
    }
}
@media(min-width: 1025px)
{
    .resp-boxes .grid-elements
    {
        grid-template-columns: repeat(2,1fr);
    }
}
@media(min-width: 768px)
{
    .resp-boxes .grid-elements
    {
        grid-template-columns: repeat(4,1fr);
    }
}
.resp-boxes .grid-elements .grid-item
{
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
}
.resp-boxes .grid-elements .grid-item.detailsGridFull
{
    display: none;
}
@media(min-width: 1025px)
{
    .resp-boxes .grid-elements .grid-item.detailsGridFull
    {
        grid-column: 1/3;
    }
}
@media(min-width: 768px)
{
    .resp-boxes .grid-elements .grid-item.detailsGridFull
    {
        grid-column: 1/6;
    }
}
.resp-boxes .grid-elements .grid-item.detailsGridFull .description-box-extended
{
    background: #14171c;
    border: .1rem solid #696969;
    bottom: 2.4rem;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 1rem;
    padding: 1rem 2rem 1rem 1.2rem;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 1;
}
@media(min-width: 768px)
{
    .resp-boxes .grid-elements .grid-item.detailsGridFull .description-box-extended
    {
        width: calc(100% - 2rem);
    }
}
.resp-boxes .grid-elements .grid-item.detailsGridFull .description-box-extended ul li:before
{
    color: #fff;
    content: "•";
}
.resp-boxes .grid-elements .grid-item .descriptive-box-element__title
{
    align-items: end;
    display: flex;
    justify-content: center;
}
.resp-boxes .grid-elements .grid-item .descriptive-box-element__title .title-wrapper .title
{
    color: #fc6200;
    cursor: pointer;
    display: block;
    font-family: "888demibold";
    font-size: 4vw;
    font-weight: 600;
    padding-top: 1rem;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
@media(min-width: 1025px)
{
    .resp-boxes .grid-elements .grid-item .descriptive-box-element__title .title-wrapper .title
    {
        font-size: 1.5vw;
    }
}
@media(min-width: 768px)
{
    .resp-boxes .grid-elements .grid-item .descriptive-box-element__title .title-wrapper .title
    {
        font-size: .8vw;
    }
}
@media(min-width: 640px)
{
    .resp-boxes .grid-elements .grid-item .descriptive-box-element__title .title-wrapper .title
    {
        margin-bottom: .3rem;
    }
}
.resp-boxes .grid-elements .grid-item .descriptive-box-element
{
    width: 100%;
}
.resp-boxes .grid-elements .grid-item .descriptive-box-element .image
{
    position: relative;
}
.resp-boxes .grid-elements .grid-item .descriptive-box-element .image img
{
    border: .1rem solid #696969;
    height: auto;
    width: 100%;
}
.resp-boxes .grid-elements .grid-item .descriptive-box-element .readMoreLink-wrapper
{
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    padding: 1rem;
    position: absolute;
    text-align: center;
    width: 100%;
}
.resp-boxes .grid-elements .grid-item .descriptive-box-element .readMoreLink-wrapper span a
{
    color: #fff;
    cursor: pointer;
    font-size: 3vw;
    position: relative;
    text-decoration: none;
}
@media(min-width: 1025px)
{
    .resp-boxes .grid-elements .grid-item .descriptive-box-element .readMoreLink-wrapper span a
    {
        font-size: 1.6vw;
    }
}
@media(min-width: 768px)
{
    .resp-boxes .grid-elements .grid-item .descriptive-box-element .readMoreLink-wrapper span a
    {
        font-size: 1vw;
    }
}
.resp-boxes .grid-elements .grid-item .descriptive-box-element .gap-wrapper .gap
{
    background: #14171c;
    border-left: .1rem solid #696969;
    border-right: .1rem solid #696969;
    bottom: -3.1rem;
    bottom: -.7rem;
    display: none;
    height: 13px;
    position: absolute;
    width: 100%;
    z-index: 10;
}
.responsive-table-component
{
    margin-bottom: 2rem;
}
.responsive-table-component:has(.third-variation)
{
    margin-bottom: 0;
}
.responsive-table-component table
{
    border-spacing: 0!important;
}
.responsive-table-component table.width-auto
{
    width: auto;
}
.responsive-table-component table.width-full
{
    width: 100%;
}
.responsive-table-component table.first-variation, .responsive-table-component table.second-variation, .responsive-table-component table.third-variation
{
    border: .1rem groove #808080;
}
.responsive-table-component table.first-variation td, .responsive-table-component table.second-variation td, .responsive-table-component table.third-variation td
{
    background-color: transparent;
    border: .1rem solid #454545;
    color: #fff;
}
.responsive-table-component table.first-variation td:first-child, .responsive-table-component table.second-variation td:first-child, .responsive-table-component table.third-variation td:first-child
{
    background-color: #222;
    color: #fff;
}
.responsive-table-component table.first-variation tr, .responsive-table-component table.second-variation tr, .responsive-table-component table.third-variation tr
{
    border: .1rem solid #717171;
}
.responsive-table-component table.first-variation tr th, .responsive-table-component table.second-variation tr th, .responsive-table-component table.third-variation tr th
{
    border: .1rem solid #454545;
    color: #fc6200;
    display: table-cell;
    padding: .5625em .625em;
    text-align: left;
}
.responsive-table-component table.first-variation tr th span, .responsive-table-component table.second-variation tr th span, .responsive-table-component table.third-variation tr th span
{
    font-size: 1.4rem;
}
.responsive-table-component table.first-variation td:nth-of-type(2n), .responsive-table-component table.second-variation td:nth-of-type(2n), .responsive-table-component table.third-variation td:nth-of-type(2n)
{
    color: #fff;
}
@media only screen and (max-width: 425px)
{
    .responsive-table-component table.first-variation, .responsive-table-component table.first-variation tbody, .responsive-table-component table.second-variation, .responsive-table-component table.second-variation tbody, .responsive-table-component table.third-variation, .responsive-table-component table.third-variation tbody
    {
        border: 0;
    }
    .responsive-table-component table.first-variation tr, .responsive-table-component table.second-variation tr, .responsive-table-component table.third-variation tr
    {
        border: .1rem solid #717171;
        display: block;
        margin-bottom: 1.5rem;
    }
    .responsive-table-component table.first-variation tr.w-50-50, .responsive-table-component table.first-variation tr.w-50-50 td, .responsive-table-component table.second-variation tr.w-50-50, .responsive-table-component table.second-variation tr.w-50-50 td, .responsive-table-component table.third-variation tr.w-50-50, .responsive-table-component table.third-variation tr.w-50-50 td
    {
        width: 100%;
    }
    .responsive-table-component table.first-variation tr.w-50-50 td:first-child, .responsive-table-component table.second-variation tr.w-50-50 td:first-child, .responsive-table-component table.third-variation tr.w-50-50 td:first-child
    {
        width: 100%;
    }
    .responsive-table-component table.first-variation tr.w-50-50 td:nth-child(2), .responsive-table-component table.second-variation tr.w-50-50 td:nth-child(2), .responsive-table-component table.third-variation tr.w-50-50 td:nth-child(2)
    {
        width: 100%;
    }
    .responsive-table-component table.first-variation td, .responsive-table-component table.second-variation td, .responsive-table-component table.third-variation td
    {
        border: none;
        display: block;
    }
}
.responsive-table-component table.second-variation
{
    border: .1rem groove #808080;
}
.responsive-table-component table.second-variation td
{
    background-color: transparent;
    border: .1rem solid #454545;
    color: #fff;
}
.responsive-table-component table.second-variation td:first-child
{
    background-color: transparent;
}
.responsive-table-component table.second-variation td
{
    max-width: 100%!important;
}
.responsive-table-component table.second-variation tr
{
    border: .1rem solid #717171;
}
@media only screen and (max-width: 425px)
{
    .responsive-table-component table.second-variation, .responsive-table-component table.second-variation tbody
    {
        border: 0;
    }
    .responsive-table-component table.second-variation tbody td
    {
        border: 0!important;
    }
}
.responsive-table-component table.third-variation td
{
    min-width: 100%;
}
.responsive-table-component table.third-variation .black-variation th
{
    background-color: transparent;
    text-align: center;
}
.responsive-table-component table.third-variation .black-variation td:first-child
{
    background-color: #222;
}
.responsive-table-component table tr td, .responsive-table-component table tr th
{
    border: none;
    padding: .6rem 1rem;
    vertical-align: middle;
}
.hero-banner-31 .banner-slider .swiper .swiper-wrapper .responsive-table-component table tr.swiper-slide, .hero-banner-31 .banner-slider .swiper .swiper-wrapper .responsive-table-component table tr.swiper-slide td, .hero-banner-31-new .banner-slider .swiper .swiper-wrapper .responsive-table-component table tr.swiper-slide, .hero-banner-31-new .banner-slider .swiper .swiper-wrapper .responsive-table-component table tr.swiper-slide td, .responsive-table-component table .hero-banner-31 .banner-slider .swiper .swiper-wrapper tr.swiper-slide, .responsive-table-component table .hero-banner-31 .banner-slider .swiper .swiper-wrapper tr.swiper-slide td, .responsive-table-component table .hero-banner-31-new .banner-slider .swiper .swiper-wrapper tr.swiper-slide, .responsive-table-component table .hero-banner-31-new .banner-slider .swiper .swiper-wrapper tr.swiper-slide td, .responsive-table-component table tr.w-auto, .responsive-table-component table tr.w-auto td
{
    width: auto;
}
.hero-banner-31 .banner-slider .swiper .swiper-wrapper .responsive-table-component table tr.swiper-slide td.row-100, .hero-banner-31-new .banner-slider .swiper .swiper-wrapper .responsive-table-component table tr.swiper-slide td.row-100, .responsive-table-component table .hero-banner-31 .banner-slider .swiper .swiper-wrapper tr.swiper-slide td.row-100, .responsive-table-component table .hero-banner-31-new .banner-slider .swiper .swiper-wrapper tr.swiper-slide td.row-100, .responsive-table-component table tr.w-auto td.row-100
{
    text-align: center;
    width: auto;
}
.responsive-table-component table tr.w-50-50, .responsive-table-component table tr.w-50-50 td
{
    width: 100%;
}
.responsive-table-component table tr.w-50-50 td:first-child
{
    width: 50%;
}
.responsive-table-component table tr.w-50-50 td:nth-child(2)
{
    width: 50%;
}
.responsive-table-component table tr.w-50-50 td.row-100
{
    text-align: center;
    width: 100%;
}
.responsive-table-component table tr.w-30-70, .responsive-table-component table tr.w-30-70 td
{
    width: 100%;
}
.responsive-table-component table tr.w-30-70 td:first-child
{
    width: 30%;
}
.responsive-table-component table tr.w-30-70 td:nth-child(2)
{
    width: 70%;
}
.responsive-table-component table tr.w-30-70 td.row-100
{
    text-align: center;
    width: 100%;
}
.responsive-table-component table tr.w-40-60, .responsive-table-component table tr.w-40-60 td
{
    width: 100%;
}
.responsive-table-component table tr.w-40-60 td:first-child
{
    width: 40%;
}
.responsive-table-component table tr.w-40-60 td:nth-child(2)
{
    width: 60%;
}
.responsive-table-component table tr.w-40-60 td.row-100
{
    text-align: center;
    width: 100%;
}
.responsive-table-component table tr.w-60-40, .responsive-table-component table tr.w-60-40 td
{
    width: 100%;
}
.responsive-table-component table tr.w-60-40 td:first-child
{
    width: 60%;
}
.responsive-table-component table tr.w-60-40 td:nth-child(2)
{
    width: 40%;
}
.responsive-table-component table tr.w-60-40 td.row-100
{
    text-align: center;
    width: 100%;
}
.responsive-table-component table tr.w-70-30, .responsive-table-component table tr.w-70-30 td
{
    width: 100%;
}
.responsive-table-component table tr.w-70-30 td:first-child
{
    width: 70%;
}
.responsive-table-component table tr.w-70-30 td:nth-child(2)
{
    width: 30%;
}
.responsive-table-component table tr.w-70-30 td.row-100
{
    text-align: center;
    width: 100%;
}
.responsive-table-component table tr.w-dynamic
{
    width: auto;
}
.responsive-table-component table tr.w-dynamic td
{
    border-right: 3vw solid transparent;
    padding: .8rem 1rem;
    width: auto;
}
@media screen and (min-width: 1920px)
{
    .responsive-table-component table tr.w-dynamic td
    {
        border-right: 6vw solid transparent;
    }
}
.responsive-table-component table tr.w-dynamic td:first-child
{
    width: auto;
}
.responsive-table-component table tr.w-dynamic td:nth-child(2)
{
    width: auto;
}
.responsive-table-component table tr.w-dynamic td.row-100
{
    text-align: center;
    width: auto;
}
.responsive-table-component table tr.w-3-cols
{
    width: auto;
}
.responsive-table-component table tr.w-3-cols td
{
    max-width: 33%;
}
.responsive-table-component table tr.w-3-cols td.width-full
{
    width: 100%;
}
.responsive-table-component table tr.w-3-cols td.width-auto
{
    width: auto;
}
.responsive-table-component table tr.w-3-cols td.row-100
{
    text-align: center;
    width: 100%;
}
.responsive-table-component table tr.w-4-cols
{
    width: auto;
}
.responsive-table-component table tr.w-4-cols td
{
    max-width: 25%;
}
.responsive-table-component table tr.w-4-cols td.width-full
{
    width: 100%;
}
.responsive-table-component table tr.w-4-cols td.width-auto
{
    width: auto;
}
.responsive-table-component table tr.w-4-cols td.row-100
{
    text-align: center;
    width: 100%;
}
.responsive-table-component table tr.w-5-cols
{
    width: auto;
}
.responsive-table-component table tr.w-5-cols td
{
    max-width: 20%;
}
.responsive-table-component table tr.w-5-cols td.width-full
{
    width: 100%;
}
.responsive-table-component table tr.w-5-cols td.width-auto
{
    width: auto;
}
.responsive-table-component table tr.w-5-cols td.row-100
{
    text-align: center;
    width: 100%;
}
.responsive-table-component table.dynamic-table
{
    margin: 0 auto;
    width: auto;
}
.responsive-table-component table.dynamic-table thead tr
{
    background-color: transparent;
}
.responsive-table-component table.dynamic-table thead tr th
{
    padding-left: 0;
    padding-right: 0;
}
.responsive-table-component table tbody
{
    display: inline-table;
}
.responsive-table-component table tbody tr td span p
{
    font-size: 1.3rem;
    line-height: 1.9rem;
    margin-bottom: 0;
}
@media screen and (max-width: 452px)
{
    .responsive-table-component table:has(.w-3-cols) tbody
    {
        display: block;
    }
}
@media screen and (max-width: 452px)
{
    .responsive-table-component table:has(.w-3-cols) tbody tr:first-child
    {
        display: block;
    }
}
@media screen and (max-width: 452px)
{
    .responsive-table-component table:has(.w-3-cols) tbody tr:first-child th
    {
        display: block;
        width: 100%;
    }
}
@media screen and (max-width: 452px)
{
    .responsive-table-component table:has(.w-4-cols) tbody
    {
        display: block;
    }
}
@media screen and (max-width: 452px)
{
    .responsive-table-component table:has(.w-4-cols) tbody tr:first-child
    {
        display: block;
    }
}
@media screen and (max-width: 452px)
{
    .responsive-table-component table:has(.w-4-cols) tbody tr:first-child th
    {
        display: block;
        width: 100%;
    }
}
@media screen and (max-width: 558px)
{
    .responsive-table-component table:has(.w-5-cols)
    {
        border: 0;
    }
}
@media screen and (max-width: 558px)
{
    .responsive-table-component table:has(.w-5-cols) tbody
    {
        border: 0;
        display: block;
    }
}
@media screen and (max-width: 558px)
{
    .responsive-table-component table:has(.w-5-cols) tbody tr
    {
        border: .1rem solid #717171;
        display: block;
        margin-bottom: 1.5rem;
    }
    .responsive-table-component table:has(.w-5-cols) tbody tr.w-50-50
    {
        width: 100%;
    }
    .responsive-table-component table:has(.w-5-cols) tbody tr.w-50-50 td
    {
        width: 100%;
    }
    .responsive-table-component table:has(.w-5-cols) tbody tr.w-50-50 td:first-child
    {
        width: 100%;
    }
    .responsive-table-component table:has(.w-5-cols) tbody tr.w-50-50 td:nth-child(2)
    {
        width: 100%;
    }
}
@media screen and (max-width: 558px)
{
    .responsive-table-component table:has(.w-5-cols) tbody td
    {
        border: none;
        display: block;
    }
}
@media screen and (max-width: 558px)
{
    .responsive-table-component table:has(.w-5-cols) tbody tr:first-child
    {
        display: block;
    }
}
@media screen and (max-width: 558px)
{
    .responsive-table-component table:has(.w-5-cols) tbody tr:first-child th
    {
        display: block;
        width: 100%;
    }
}
.rich-text-component
{
    word-break: break-word;
}
.rich-text-component p
{
    margin-bottom: 10px;
}
.rich-text-component .text ul li:before
{
    color: #fff;
}
.rich-text-component .text .TableVariation
{
    border-collapse: separate;
    border-color: #808080;
    display: table;
    font-size: 1.4rem;
    width: 100%;
}
@media(max-width: 425px)
{
    .rich-text-component .text .TableVariation
    {
        border: none;
    }
}
.rich-text-component .text .TableVariation tbody
{
    display: table-row-group;
}
@media(max-width: 425px)
{
    .rich-text-component .text .TableVariation tbody
    {
        display: block;
    }
    .rich-text-component .text .TableVariation tbody tr
    {
        border: 1px solid #717171;
        display: block;
        margin-bottom: 15px;
    }
}
.rich-text-component .text .TableVariation tbody tr td
{
    padding: 6px;
}
@media(max-width: 425px)
{
    .rich-text-component .text .TableVariation tbody tr td
    {
        border: none;
        display: block;
        width: auto;
    }
}
.rich-text-component .text .TableVariation tbody tr td:first-child
{
    background-color: #222;
}
.rich-text-component .text .Bigtable
{
    overflow-x: auto;
    padding-bottom: 1rem;
    width: 100%;
}
@media(max-width: 430px)
{
    .rich-text-component .text .Bigtable
    {
        max-width: 399px;
    }
}
@media(max-width: 390px)
{
    .rich-text-component .text .Bigtable
    {
        max-width: 349px;
    }
}
@media(max-width: 330px)
{
    .rich-text-component .text .Bigtable
    {
        max-width: 294px;
    }
}
.rich-text-component .text .Table
{
    overflow-x: auto;
}
.rich-text-component .text .Table tr td, .rich-text-component .text .Table tr th
{
    border: 1px solid #454545;
    display: table-cell;
    padding: 5.625px 6.25px 0;
    text-align: left;
    white-space: nowrap;
}
.rich-text-component .text .TableList, .rich-text-component .text .table-wrapper
{
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: smaller;
    overflow-x: auto;
    text-indent: 0;
    width: auto;
    word-break: unset;
}
.rich-text-component .text .TableList tbody, .rich-text-component .text .table-wrapper tbody
{
    background-color: transparent;
    border: none;
}
.rich-text-component .text .TableList tbody tr:nth-of-type(odd), .rich-text-component .text .table-wrapper tbody tr:nth-of-type(odd)
{
    background: #717171;
}
.rich-text-component .text .TableList tbody tr th, .rich-text-component .text .table-wrapper tbody tr th
{
    padding: .8rem 1rem;
    text-align: left;
}
.rich-text-component .text .TableList tbody tr td, .rich-text-component .text .table-wrapper tbody tr td
{
    border: 1px solid transparent;
    padding: .8rem 1rem;
    text-align: left;
}
.rich-text-component .text .TableList tbody tr td:nth-of-type(2n), .rich-text-component .text .table-wrapper tbody tr td:nth-of-type(2n)
{
    color: #fce403;
}
@media only screen and (max-width: 820px)
{
    .rich-text-component .text .TableList, .rich-text-component .text .table-wrapper
    {
        width: 100%;
    }
}
@media only screen and (min-width: 640px)
{
    .rich-text-component .text .TableList, .rich-text-component .text .table-wrapper *
    {
        font-size: 1.6rem;
    }
}
@media(min-width: 640px) and (max-width: 844px) and (orientation: landscape)
{
    .rich-text-component .text .TableList, .rich-text-component .text .table-wrapper
    {
        width: 100%;
    }
    .rich-text-component .text .TableList, .rich-text-component .text .table-wrapper *
    {
        word-break: break-word;
    }
}
.rich-text-component .modal-enabled:hover:before
{
    border-radius: 19.2rem;
}
.rich-text-component .text ul li ul
{
    display: block;
}
.container-background-color .rich-text-component .text ul li:before
{
    color: #333;
}
body:has(.hero-banner-31) .root .rich-text .rich-text-component .text ul
{
    color: #333;
    list-style: disc!important;
}
body:has(.hero-banner-31) .rich-text-component .text ul li:before
{
    display: none;
}
body:has(.hero-banner-31) .rich-text-component .text ul
{
    font-family: "888ExtraCondensed","888",sans-serif;
    font-size: 17px;
}
body:has(.hero-banner-31) .rich-text-component .text ul li
{
    padding: 5px 0 20px;
}
body:has(.hero-banner-31) .rich-text-component .text ol li::marker
{
    color: #333;
}
body:has(.hero-banner-31-new) .root .rich-text .rich-text-component .text ul
{
    color: #333;
    list-style: disc!important;
}
body:has(.hero-banner-31-new) .rich-text-component .text ul li:before
{
    display: none;
}
body:has(.hero-banner-31-new) .rich-text-component .text ul
{
    font-family: "888ExtraCondensed","888",sans-serif;
    font-size: 17px;
}
body:has(.hero-banner-31-new) .rich-text-component .text ul li
{
    padding: 5px 0 20px;
}
body:has(.hero-banner-31-new) .rich-text-component .text ol li::marker
{
    color: #333;
}
.static-herobanner-component
{
    align-items: center;
    box-sizing: inherit;
    contain: content;
    display: flex;
    justify-content: center;
    margin: 0;
    position: relative;
    text-align: center;
}
.static-herobanner-component .herobanner-media
{
    width: 100%;
}
.static-herobanner-component .herobanner-media .herobanner-video
{
    height: 100%;
}
.static-herobanner-component .herobanner-media .herobanner-video video
{
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.static-herobanner-component .herobanner-media .herobanner-video .herobanner-image
{
    height: 100%;
}
.static-herobanner-component .herobanner-media .herobanner-video .herobanner-image img
{
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.static-herobanner-component .herobanner-media .herobanner-image.promotion-size
{
    height: 370px;
}
@media screen and (max-width: 820px)
{
    .static-herobanner-component .herobanner-media .herobanner-image.promotion-size
    {
        height: 300px;
    }
}
@media screen and (max-width: 490px)
{
    .static-herobanner-component .herobanner-media .herobanner-image.promotion-size
    {
        height: 250px;
    }
}
.static-herobanner-component .herobanner-media .herobanner-image.promotion-size img
{
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}
@media(max-width: 640px)
{
    .static-herobanner-component .herobanner-media .herobanner-image img
    {
        height: 26.4rem;
        height: auto;
        max-height: 26.4rem;
        min-height: 10rem;
        object-fit: cover;
        object-position: top;
        width: 100%;
    }
}
@media(min-width: 640px)
{
    .static-herobanner-component .herobanner-media .herobanner-image img
    {
        height: 100%;
        width: 100%;
    }
}
@media(min-width: 820px)
{
    .static-herobanner-component .herobanner-media.increase-image-height .herobanner-image img
    {
        height: 100%;
        min-height: 37rem;
        object-fit: cover;
        width: 100%;
    }
}
@media(min-width: 1280px) and (max-width: 1895px)
{
    .static-herobanner-component .herobanner-media.increase-image-height-orbit .herobanner-image img
    {
        height: 100%;
        min-height: 43.53rem;
        object-fit: cover;
        width: 100%;
    }
}
@media(min-width: 820px)
{
    .static-herobanner-component .herobanner-media.increase-image-height-200 .herobanner-image img
    {
        height: 100%;
        min-height: 20rem;
        object-fit: cover;
        width: 100%;
    }
}
@media(min-width: 1280px) and (max-width: 1945px)
{
    .static-herobanner-component .herobanner-media.increase-image-height-200-orbit .herobanner-image img
    {
        height: 100%;
        min-height: 23.53rem;
        object-fit: cover;
        width: 100%;
    }
}
.static-herobanner-component .herobanner-media.same-img-desk-mob .herobanner-image img
{
    height: 200px;
    object-fit: cover;
    width: 100%;
}
@media(max-width: 768px)
{
    .static-herobanner-component .herobanner-media.same-img-desk-mob .herobanner-image img
    {
        height: 75pt;
    }
}
.static-herobanner-component .herobanner-media.same-img-desk-mob-large .herobanner-image img
{
    height: auto;
    max-height: 350px;
    object-fit: cover;
    object-position: top;
}
@media(max-width: 640px)
{
    .static-herobanner-component .herobanner-media.same-img-desk-mob-large .herobanner-image img
    {
        height: 250px;
        object-fit: cover;
        object-position: top;
    }
}
.static-herobanner-component .herobanner-media .overlay-image
{
    height: 140px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 140px;
    z-index: 4;
}
.static-herobanner+.cta .cta-template a
{
    margin-bottom: 10px;
}
.static-herobanner+.complex-title p, .static-herobanner+.container .complex-title p
{
    margin-bottom: 0;
}
@media(max-width: 768px)
{
    .static-herobanner+.complex-title p, .static-herobanner+.container .complex-title p
    {
        font-size: 2.3rem!important;
        line-height: 27.6px;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }
}
.cmp-three-elm
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}
@media only screen and (max-width: 640px)
{
    .cmp-three-elm>:first-child
    {
        border-left: none!important;
    }
}
.cmp-three-elm__step
{
    border-left: 3px solid #80ff00;
    display: flex;
    flex-direction: row;
    max-width: 30%;
    padding: 1vw 1vw 1vw 2vw;
    width: 30%;
}
@media only screen and (max-width: 640px)
{
    .cmp-three-elm__step
    {
        border-left: none;
        max-width: 33%;
        padding-left: 1vw;
        position: relative;
        width: 30%;
    }
}
.cmp-three-elm__step-title
{
    color: #fa6200;
    font-size: 1.3vw;
}
.cmp-three-elm__step-title p
{
    font-family: "888bold",verdana,sans-serif!important;
    font-size: 1.3vw;
    line-height: 1;
}
@media only screen and (max-width: 640px)
{
    .cmp-three-elm__step-title
    {
        font-size: 1.1rem;
        line-height: 1.1;
    }
    .cmp-three-elm__step-title p
    {
        font-size: 1.1rem;
    }
}
.cmp-three-elm__step-no
{
    color: #fa6200;
    font-family: "888bold",verdana,sans-serif!important;
    font-size: 3.6vw;
    font-weight: 600;
    line-height: 85%;
    margin-right: 1rem;
}
@media only screen and (max-width: 640px)
{
    .cmp-three-elm__step-no
    {
        font-size: 3rem;
        line-height: 100%;
    }
}
.cmp-three-elm__step-content
{
    max-width: 95%;
}
@media only screen and (max-width: 640px)
{
    .cmp-three-elm__step-content
    {
        max-width: 92%;
    }
}
.cmp-three-elm__step-content .cmp-three-elm__step-text
{
    font-family: defaultDemibold,Arial,sans-serif;
    font-size: 1vw;
}
.cmp-three-elm__step-content .cmp-three-elm__step-text p
{
    font-family: "888ExtraCondensed",verdana,sans-serif!important;
    font-size: 1vw;
}
@media only screen and (max-width: 640px)
{
    .cmp-three-elm__step-content .cmp-three-elm__step-text
    {
        font-size: 1rem;
    }
    .cmp-three-elm__step-content .cmp-three-elm__step-text p
    {
        font-size: 1rem;
        line-height: 1.1!important;
    }
}
.cmp-three-elm.orangeColor .cmp-three-elm__step
{
    border-left-color: #fa6200;
}
.cmp-three-elm.orangeColor .cmp-three-elm__step .cmp-three-elm__step-no, .cmp-three-elm.orangeColor .cmp-three-elm__step .cmp-three-elm__step-title
{
    color: #fa6200;
}
.cmp-three-elm.blueColor .cmp-three-elm__step
{
    border-left-color: #007cf7;
}
.cmp-three-elm.blueColor .cmp-three-elm__step .cmp-three-elm__step-no, .cmp-three-elm.blueColor .cmp-three-elm__step .cmp-three-elm__step-title
{
    color: #007cf7;
}
.cmp-three-elm.greenColor .cmp-three-elm__step
{
    border-left-color: #80ff00;
}
.cmp-three-elm.greenColor .cmp-three-elm__step .cmp-three-elm__step-no, .cmp-three-elm.greenColor .cmp-three-elm__step .cmp-three-elm__step-title
{
    color: #80ff00;
}
.three-steps-and-cta a, .three-steps-and-cta div, .three-steps-and-cta p, .three-steps-and-cta span
{
    font-family: "888-SemiCondensed","888",verdana,sans-serif;
}
.three-steps-and-cta .three-steps-wrap
{
    display: table;
    vertical-align: middle;
    width: 100%;
}
.three-steps-and-cta .three-steps-wrap.container-wrap
{
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 98rem;
    padding: 0;
    width: 100%;
}
.three-steps-and-cta .cmp-three-elm
{
    display: table-cell;
    display: flex;
    text-align: left;
    width: 100%;
}
@media screen and (max-width: 1080px)
{
    .three-steps-and-cta .cmp-three-elm
    {
        counter-reset: steps-counter;
        display: block;
        margin: 0 auto;
        min-width: 30rem;
        width: 60%;
    }
}
.three-steps-and-cta .cmp-three-elm__steps
{
    border-left: .2rem solid #fc6200;
    display: table-cell;
    padding: 0 1.5rem;
    vertical-align: top;
    width: 33.3333334%;
}
@media screen and (max-width: 1080px)
{
    .three-steps-and-cta .cmp-three-elm__steps
    {
        border-left: 0;
        box-sizing: border-box;
        display: table;
        padding: 1rem;
        width: 100%;
    }
    .three-steps-and-cta .cmp-three-elm__steps:before
    {
        color: #a3a7a9;
        content: counter(steps-counter);
        counter-increment: steps-counter;
        display: table-cell;
        font-size: 6rem;
        font-weight: 900;
        line-height: 6rem;
        min-width: 3rem;
        padding-right: 1.5rem;
        vertical-align: top;
        width: 1%;
    }
}
.three-steps-and-cta .cmp-three-elm__steps-title p
{
    color: #fff;
    font-size: 2.8rem;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
}
@media screen and (max-width: 1080px)
{
    .three-steps-and-cta .cmp-three-elm__steps-title p
    {
        color: #000;
    }
}
.three-steps-and-cta .cmp-three-elm__steps-content
{
    max-width: 100%;
}
@media only screen and (max-width: 640px)
{
    .three-steps-and-cta .cmp-three-elm__steps-content
    {
        display: table-cell;
        vertical-align: middle;
    }
}
.three-steps-and-cta .cmp-three-elm__steps-content p
{
    line-height: normal;
}
.three-steps-and-cta .cmp-three-elm__steps-content .cmp-three-elm__steps-text p
{
    color: #fff;
    font-size: 1.6rem;
    line-height: normal;
}
@media screen and (max-width: 1080px)
{
    .three-steps-and-cta .cmp-three-elm__steps-content .cmp-three-elm__steps-text p
    {
        color: #000;
    }
}
.three-steps-and-cta .cta-wrap
{
    display: table-cell;
    padding-left: 2rem;
    vertical-align: middle;
    width: 26%;
}
@media screen and (max-width: 1080px)
{
    .three-steps-and-cta .cta-wrap
    {
        bottom: 2rem;
        left: 50%;
        max-width: 24rem;
        padding-left: 0;
        position: fixed;
        transform: translate(-50%);
        width: 100%;
        z-index: 999;
    }
}
.three-steps-and-cta .cta-template .label
{
    line-height: 2.3rem;
}
.three-steps-and-cta .cta-template.cta-wide-size a
{
    letter-spacing: 0;
    min-width: 26%;
}
.three-steps-and-cta .cta-template span
{
    font-size: 1.8rem;
    font-weight: 600;
    padding: .2rem 0;
}
@media screen and (max-width: 1080px)
{
    .three-steps-and-cta .cta-template span
    {
        font-size: 2.3rem;
        padding: 1rem 0;
    }
}
.title-component
{
    word-break: break-word;
}
.title-component.background-div:before
{
    background-image: url(../../bcgamebettingde/image/texture-background-color.png);
    bottom: 0;
    content: "";
    display: block;
    height: var(--before-height);
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.title-component .title-default-color
{
    color: #fff;
}
.title-component .title-primary-color
{
    color: #fc6200;
}
.title-component .title-secondary-color
{
    color: #333;
}
.title-component .title-grey-color
{
    color: #979797;
}
.title-component .default-font
{
    font-family: defaultRegular,Arial,sans-serif;
}
.title-component .title-font-variant-1
{
    font-family: defaultThin,Arial,sans-serif;
}
.title-component .title-font-variant-2
{
    font-family: defaultLight,Arial,sans-serif;
}
.title-component .title-font-variant-3
{
    font-family: defaultMedium,Arial,sans-serif;
}
.title-component .title-font-variant-4
{
    font-family: defaultDemibold,Arial,sans-serif;
}
.title-component .title-font-variant-5
{
    font-family: defaultBold,Arial,sans-serif;
}
.title-component .title-font-variant-6
{
    font-family: defaultBlack,Arial,sans-serif;
}
.title-component .title-font-variant-7
{
    font-family: defaultUltra,Arial,sans-serif;
}
.title-component .title-font-brixton
{
    font-family: BrixtonWood,"888",sans-serif;
}
.title-component .title-font-condensed
{
    font-family: "888-SemiCondensed","888",verdana,sans-serif;
}
.title-component .fs-60
{
    font-size: 60px;
}
.title-component .fs-38
{
    font-size: 38px;
}
.title-component .fs-24
{
    font-size: 24px;
}
.title-component .fs-23
{
    font-size: 23px;
}
.title-component .fs-19
{
    font-size: 19px;
}
.title-component .fs-18
{
    font-size: 18px;
}
.title-component .fs-16
{
    font-size: 1pc;
}
.title-component .fs-15
{
    font-size: 15px;
}
.title-component .fs-27
{
    font-size: 27px;
}
.title-component .fs-55
{
    font-size: 55px;
}
.title-component .fs-59
{
    font-size: 59px;
}
.video-component
{
    display: flex;
    padding: .5rem;
}
.video-component iframe
{
    margin: auto;
}
.video-component.responsive-video-container
{
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
}
.video-component.responsive-video-container .responsive-iframe
{
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}