.footer > app-widget-host{
    display: flex  
}
.footer-payment{
    display: flex;
    background-color: var(--c-background-footer-top)
}
.desktop .footer-payment app-widget-host{
    height: 40px;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1840px;
    margin: 0 auto
}
.footer-payment app-widget-host app-image{  
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex: 0 0 20%
}
.footer-text{
    display: flex;
    height: 69px;
    align-items: center;
    background-color: var(--c-background-footer-middle);
    cursor: pointer

}
.footer-text app-widget-host{
    display: flex;
    flex-direction: row;
    justify-content: center;
    max-width: 1840px;
    margin: 0 auto
}
.footer-text .footer-text-title > div{
    color: var(--c-text-footer-middle);
    text-transform: uppercase;
    font-size: 18px
}
.footer-links{
    /*background-color: var(--c-background-body)*/
    background-color: #ffffff;
}
.footer-links > app-widget-host{
    display: flex;
    flex-direction: column;
    padding: 40px;
    max-width: 1840px;
    margin: 0 auto
}
.license{
    display: flex;
    flex: 0 0 25%;    
    color: var(--c-text-footer-bottom-copyright);
    font-size: 14px;
    line-height: 18px
}
.license .link-group-header {
    font-weight: bold;
    text-transform: uppercase;
}
.license-title{
    font-size: 16px;
    text-transform: capitalize;
    line-height: 26px
}
.license-number{
    text-transform: capitalize
}
.license-number-top{
    margin-bottom: 10px
}
.license .link-group-header {
    padding-bottom: 10px
}
.footer-links .links{
    display: flex;
    flex: 0 0 50%;
    padding: 0 40px;
   
}
.footer-links .links > app-widget-host{
    display: flex;
    flex-direction: row;
    justify-content: center

}
.desktop .footer-links .links > app-widget-host {
    column-gap: 40px;
}
.footer-links .link-group{
    display: flex;
    /*flex: 0 0 33.333333%;*/
    /*text-align: center;*/
}
.footer-links .link-group-header{
    color: var(--c-text-footer-bottom-help-titel);
    font-size: 14px;
    font-weight: bold
}
.footer-links .link-group .link{
    color: var(--c-text-footer-bottom-help);
    font-size: 14px;
    margin-top: 15px;
    cursor: pointer
}
.footer-links .link-group .link:hover{
    color: var(--c-background-footer-middle);
}
.footer-social{
    display: flex;    
    padding: 20px 40px;
    /*background-color: var(--c-background-footer)*/
}
.footer-social > app-widget-host{
    display: flex;
    /*flex-direction: row;*/
    align-items: center;
    /*max-width: 1840px;*/
    margin: 0 auto
}
.footer-social .footer-logo,
.footer-social .footer-social-img {
    flex: 0 0 50%;
    /*padding: 0 40px;*/
    margin-top: 40px;
    display: flex;
    align-items: center
}
.footer-social .footer-logo img{
    max-height: 90px
}
.footer-social .footer-social-img app-widget-host{
    column-gap: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end
}
.footer-social .footer-social-img app-widget-host app-image{
    margin: 0 15px;
    cursor: pointer
}
.footer-social .footer-social-img app-widget-host app-image img{
   height: 40px;
   object-fit: contain;
   width: 40px;
}
.footer-social .footer-social-img app-widget-host app-image.footer-social-youtube > img{
    height: 25px;
    object-fit: cover;
    width: 25px;
}
.footer-social-facebook img {
    filter: invert(70%) sepia(44%) saturate(766%) hue-rotate(183deg) brightness(100%) contrast(91%);
}
.footer-social-twitter img {
    filter: invert(24%) sepia(26%) saturate(5440%) hue-rotate(164deg) brightness(102%) contrast(101%);
}
.footer-social-linkedin img {
    filter: invert(78%) sepia(64%) saturate(6824%) hue-rotate(186deg) brightness(104%) contrast(102%);
}

/* android & IOS */

.footer .download-app{
    flex: 0 0 25%    
}

#root .download-app > app-widget-host{
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 20px 0;
    flex-wrap: wrap;
    flex-direction: row
}
.download-app .link-group-header{
    flex: 1 1 100%;
    justify-content: center;
    display: flex;
    padding-bottom: 20px
}
#root .download-app > app-widget-host > span{
    display: none
}
.download-app .download-android,
.download-app .download-ios{
    display: flex;
    justify-content: center;
    cursor: pointer
}
.download-app .download-android img,
.download-app .download-ios img{
    width: 120px;
    background-repeat: no-repeat;
    background-position: center center
}

.mobile-app-ios {
    background-color: var(--c-primary);
    padding: 0 15px
}
.mobile-app-ios .title,
.mobile-app-ios .sub-title{
    color: var(--c-text-odds-header)
}

.desktop .mobile-app-ios > div {
    max-width: 760px;
    margin: 0 auto
}

.mobile-app-ios .warning {
    color: red;
    background-color: transparent
}

.mobile-app-ios .warning span {
    font-weight: bold
}

.mobile-app-ios .step {
    margin-bottom: 15px
}

.mobile-app-ios .steps .step-header {
    display: flex;
    align-items: center;
    height: 44px;
    background-color: var(--c-background-primary);
    color: var(--c-text-header);
    padding: 0 15px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.mobile-app-ios .steps .step-header .step-number {
    background-color: var(--c-background-header);
    border-radius: 12px;
    padding: 5px;
    margin-right: 15px;
    font-size: 16px;
    width: 24px;
    height: 24px;
    text-align: center
}

.mobile-app-ios .steps .step-header .step-title {
    font-weight: bold;
    font-size: 16px
}

.mobile-app-ios .steps .step-info {
    padding: 15px;
    background-color: var(--c-background-sidebar-menu-3);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: var(--c-text-header)
}

.mobile-app-ios .steps .step-info .step-description {
    color: var(--c-text-header)
}

.mobile-app-ios .steps .step-info > a {
    display: flex
}

.mobile-app-ios .steps .step-info .image {
    padding: 15px
}

.mobile-app-ios .steps .step-info .image img {
    width: 100%;
    background-repeat: no-repeat
}

.mobile-app-ios .steps .step-note {
    margin-bottom: 15px;
    color: var(--c-text-odds-header)
}

.mobile-app-ios .steps .step-note span {
    font-weight: bold
}
.eighteen {
    /*position: absolute;*/
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    font-weight: 700;
    right: 0.625rem;
    bottom: 0.625rem;
    width: 4rem;
    height: 4rem;
    background: #df0000;
    color: #fff;
    border: 0.1875rem solid #fff;
    border-radius: 50%;
}

.footer-bottom-wrapper > app-widget-host {
    /*align-items: center;*/
    background-color: #afafaf;
    color: white;
    flex-direction: row;
    gap: 1.5rem;
    justify-content: space-between;
    padding: 1.5rem;
}